"); } [class*="blog-p-card__header"] { border-radius: 2px; padding: 1rem 1rem 0.5rem; } .blog-p-card--post { flex-direction: column; padding: 0px; display: flex !important; } .p-strip--featured .blog-p-card--post { background-color: rgba(255, 255, 255, 0.9); position: relative; z-index: 1; } .blog-p-card--post > .blog-p-card__content { border-top: 1px dotted rgb(217, 217, 217); display: flex; flex-direction: column; height: 100%; margin: 0px 0.5rem; padding: 1rem 0.5rem 0.5rem; } .blog-p-card--post > .blog-p-card__content > a, .blog-p-card--post > .blog-p-card__content h3, .blog-p-card--post > .blog-p-card__content p { display: block; margin: 0.5rem 0px; } .blog-p-card--post .blog-p-card__footer { border-top: 1px dotted rgb(217, 217, 217); font-size: 0.875rem; margin: auto 0.5rem 0px; max-width: inherit; padding: 1rem 0.5rem; } [class*="blog-p-card__header"] { border-top: 3px solid rgb(102, 102, 102); } .blog-p-card__header { border-radius: 2px; border-top: 3px solid rgb(102, 102, 102); padding: 1rem 1rem 0.5rem; } .blog-p-card__header.highlight--cloud-and-server { border-color: rgb(168, 124, 160); } .blog-p-card__header.highlight--desktop { border-color: rgb(250, 186, 84); } .blog-p-card__header.highlight--internet-of-things { border-color: rgb(141, 178, 85); } .blog-p-card--muted { background-color: rgb(247, 247, 247); box-shadow: rgba(17, 17, 17, 0.2) 0px 1px 2px 0px; padding: 0px; } .blog-p-card--muted > .blog-p-card__header { border-bottom: 0px; border-top: 3px solid rgb(247, 247, 247); margin-bottom: 0px; } .blog-p-card--muted > .blog-p-card__content { border-top: 1px dotted rgb(217, 217, 217); margin: 0px 0.5rem 0.5rem; padding: 1rem 0.5rem 0.5rem; } .p-strip--featured { background-color: rgb(13, 87, 119); background-image: linear-gradient(30deg, rgb(13, 87, 119) 0%, rgb(71, 146, 157) 90%, rgb(71, 146, 157) 100%); color: rgb(247, 247, 247); position: relative; } @media only screen and (min-width: 875px) { .p-strip--featured::before, .p-strip--featured::after { background-repeat: no-repeat; background-size: contain; content: ""; height: 100%; position: absolute; top: 0px; width: 100%; z-index: 0; } .p-strip--featured::before { background-image: url(""); background-position: left top; left: 0px; } .p-strip--featured::after { background-image: url(""); background-position: right top; right: 0px; } } .p-blog-list__item.is-current { color: rgb(0, 0, 0); cursor: default; font-weight: bold; pointer-events: none; } .p-blog-list__item.is-current:hover { text-decoration: none; } .p-blog-post * { max-width: 100%; } .p-blog-post img { padding: 2rem 0px; } .p-blog-aside { position: sticky; top: 1rem; } .p-strip--blog-suru { overflow: hidden; position: relative; } .p-strip--blog-suru::after { background: rgba(17, 17, 17, 0.65); content: ""; height: 100%; position: absolute; top: 0px; width: 100%; z-index: 0; } @media only screen and (min-width: 875px) { .p-strip--blog-suru::after { background: linear-gradient(110deg, rgba(17, 17, 17, 0.65) 55%, transparent 55%); } } .p-card--suru { position: relative; z-index: 1; } .p-blog-heading__icon { height: 2.5rem; } @media (min-width: 875px) { .p-blog-heading__icon { height: 3.5rem; } } .u-crop--16-9 { position: relative; } .u-crop--16-9::before { content: ""; display: block; padding-top: 56.25%; width: 100%; } .u-crop--16-9 a, .u-crop--16-9 div, .u-crop--16-9 img { inset: 0px; overflow: hidden; position: absolute; } .u-crop--16-9 a { display: flex; flex-direction: column; justify-content: center; text-align: center; } .p-accordion .is-dense { padding-left: 1rem; } .p-accordion .is-collapsed { max-height: calc(8.125rem); overflow: hidden; } @media (min-width: 1681px) { .p-accordion .is-collapsed { max-height: calc(9.0625rem); } } .p-active-reveal .p-active-reveal__item { display: none; margin-top: 0px; } .p-active-reveal .p-active-reveal__switch:checked ~ .p-active-reveal__item { display: block; } @media screen and (min-width: 1036px) { .ai-tooling .col-3 .p-section--shallow:first-of-type { height: 20rem; } } @media screen and (min-width: 620px) and (max-width: 1035px) { .ai-tooling .col-3 .p-section--shallow:first-of-type { height: 18rem; } } .ai-iso-illustration { background: rgba(0, 0, 0, 0.03); } [class*="p-button"].is-wide { width: 100%; } .p-button--tag { border-radius: 3px; color: rgb(102, 102, 102); font-size: 14px; padding: 0.1rem 0.4rem; } .p-button--tag:visited { color: rgb(102, 102, 102); } .p-calculator .p-card--highlighted, .p-calculator .add-subscription-card-container .add-subscription-card, .add-subscription-card-container .p-calculator .add-subscription-card, .p-calculator .deal-registration-card { overflow: visible; } .p-calculator [class*="p-tooltip--"] { margin-left: 0.5rem; } .p-calculator__checkbox-label-copy { display: block; font-size: 1rem; line-height: 1.2rem; } .p-calculator__range-hint { display: flex; } .p-calculator__range-hint > * { flex: 1 1 0%; } .p-card--cloud-and-server { position: relative; } .p-card--cloud-and-server::before { top: 0px; background-color: rgb(43, 147, 156); content: ""; position: absolute; } .p-card--cloud-and-server::before { height: 0.1875rem; width: auto; left: 0px; right: 0px; } .p-card--internet-of-things { position: relative; } .p-card--internet-of-things::before { top: 0px; background-color: rgb(176, 112, 157); content: ""; position: absolute; } .p-card--internet-of-things::before { height: 0.1875rem; width: auto; left: 0px; right: 0px; } .p-card--desktop { position: relative; } .p-card--desktop::before { top: 0px; background-color: rgb(102, 162, 193); content: ""; position: absolute; } .p-card--desktop::before { height: 0.1875rem; width: auto; left: 0px; right: 0px; } .p-card--canonical-announcements { position: relative; } .p-card--canonical-announcements::before { top: 0px; background-color: rgb(255, 137, 54); content: ""; position: absolute; } .p-card--canonical-announcements::before { height: 0.1875rem; width: auto; left: 0px; right: 0px; } .p-card--layout { display: flex; flex-direction: column; } .p-card--layout .p-card__main { padding-top: calc(-1px + 1rem); } .p-card--layout .p-card__footer { margin-top: auto; } .radio-wrapper--staggering { column-gap: 1.5rem; display: grid; grid-template-columns: repeat(2, 1fr); } .radio-wrapper--staggering .image-wrapper { height: 48px; margin-bottom: 2.4rem; } .radio-wrapper--staggering + .radio-wrapper--staggering { border-top: 1px solid rgb(217, 217, 217); padding-top: 1.5rem; } @media only screen and (min-width: 875px) { .radio-wrapper--staggering { display: flex; } .radio-wrapper--staggering > div { flex: 1 1 0px; } .radio-wrapper--staggering span.p-radio__label { display: flex; flex-basis: 0px; flex-direction: column; flex-grow: 1; } .radio-wrapper--staggering + .radio-wrapper--staggering { border-top: unset; padding-top: unset; } } .radio-wrapper--stacking { display: flex; flex-direction: column; } @media only screen and (min-width: 875px) { .radio-wrapper--stacking { column-gap: 1.5rem; display: grid; grid-template-columns: repeat(3, 1fr); } } .p-card--radio--support > label { font-weight: 400; } .p-card--radio--support > label > small { font-weight: normal; } .p-card--radio--support > img { height: 60px; margin: 0px auto; max-height: none; width: 60px; } .p-card--radio--support > p { text-align: center; } .p-card--radio--column { background: rgba(0, 0, 0, 0); border-radius: 5px; cursor: pointer; display: flex; flex-direction: column; height: 100%; padding: 1.5rem 0px 0px; position: relative; } .p-card--radio--column > label { font-weight: 700; } .p-card--radio--column > span > i { margin-right: 0.8rem; } .p-card--radio--column > * { margin-bottom: 0px; padding: 1rem; width: 100%; } .p-card--radio--column > :not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } @media screen and (max-width: 875px) { .p-card--radio--column { height: auto; } } @media screen and (min-width: 1036px) { .p-card--radio--column { border: none; padding: 0px; } .p-card--radio--column > label { font-weight: inherit; } } .p-card--radio--column.is-selected, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--column.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] { background-color: rgb(247, 247, 247); } .p-card--radio--column .inner-label { height: 116px; margin-left: 1rem; text-align: left; } .p-card--radio--column > .p-radio { margin: 0px; max-width: none; padding: 0px; position: initial; text-indent: 0px; width: 100%; } .p-card--radio--column > .p-radio::before { inset: 0px; content: ""; position: absolute; } .p-card--radio--column > .p-radio > .p-radio__label { padding: 0px; } .p-card--radio--column > .p-radio > .p-radio__label::after, .p-card--radio--column > .p-radio > .p-radio__label::before { content: none; } .p-card--radio--column > .p-radio hr { margin-top: -1px; } .p-card--radio--column > .p-radio small { display: block; } .p-card--radio, .p-card--radio--feature, .p-card--radio--version, .p-card--radio--support { background: rgba(0, 0, 0, 0); cursor: pointer; position: relative; } .p-card--radio:hover, .p-card--radio--feature:hover, .p-card--radio--version:hover, .p-card--radio--support:hover, .p-card--radio.is-selected, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .is-selected.p-card--radio--feature, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--feature.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .is-selected.p-card--radio--version, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--version.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .is-selected.p-card--radio--support, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--support.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] { background-color: rgb(247, 247, 247); } .p-card--radio .p-card__title, .p-card--radio--feature .p-card__title, .p-card--radio--version .p-card__title, .p-card--radio--support .p-card__title { align-items: baseline; display: flex; justify-content: space-between; } .p-card--radio img, .p-card--radio--feature img, .p-card--radio--version img, .p-card--radio--support img { display: block; margin: 1.2rem auto 0px; max-height: 48px; max-width: 100%; pointer-events: none; width: auto; } .p-card--radio > .p-radio, .p-card--radio--feature > .p-radio, .p-card--radio--version > .p-radio, .p-card--radio--support > .p-radio { margin: 0px; max-width: none; padding: 0px; position: initial; text-indent: 0px; width: 100%; } .p-card--radio > .p-radio::before, .p-card--radio--feature > .p-radio::before, .p-card--radio--version > .p-radio::before, .p-card--radio--support > .p-radio::before { inset: 0px; content: ""; position: absolute; } .p-card--radio > .p-radio > .p-radio__label, .p-card--radio--feature > .p-radio > .p-radio__label, .p-card--radio--version > .p-radio > .p-radio__label, .p-card--radio--support > .p-radio > .p-radio__label { padding: 0px; } .p-card--radio > .p-radio > .p-radio__label::after, .p-card--radio--feature > .p-radio > .p-radio__label::after, .p-card--radio--version > .p-radio > .p-radio__label::after, .p-card--radio--support > .p-radio > .p-radio__label::after, .p-card--radio > .p-radio > .p-radio__label::before, .p-card--radio--feature > .p-radio > .p-radio__label::before, .p-card--radio--version > .p-radio > .p-radio__label::before, .p-card--radio--support > .p-radio > .p-radio__label::before { content: none; } .p-card--radio > .p-radio small, .p-card--radio--feature > .p-radio small, .p-card--radio--version > .p-radio small, .p-card--radio--support > .p-radio small { display: block; } .p-card--radio.is-selected .p-radio::before, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-radio::before, .is-selected.p-card--radio--feature .p-radio::before, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--feature.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-radio::before, .is-selected.p-card--radio--version .p-radio::before, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--version.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-radio::before, .is-selected.p-card--radio--support .p-radio::before, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--support.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-radio::before { border: 0.1875rem solid rgb(46, 150, 255); outline: none; } .p-card--radio--version { padding: 3rem 1rem; } .p-card--radio--version h4 { margin: 0px; } .p-card--radio--feature span { margin-top: auto; padding-left: 2rem; position: relative; } .p-card--radio--feature span::before, .p-card--radio--feature span::after { background: rgb(255, 255, 255); border-radius: 50%; content: ""; position: absolute; transition-duration: 0.333s; transition-property: background-color, border-color; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .p-card--radio--feature span::before { border: 1px solid rgba(0, 0, 0, 0.56); border-radius: 50%; height: 1rem; left: 0px; margin-right: 1rem; outline-offset: 1px; top: 0.2rem; width: 1rem; } .p-card--radio--feature span::after { height: 0.375rem; left: 0.3125rem; top: 0.5rem; width: 0.375rem; } .p-card--radio--feature .p-radio span { height: 100%; text-align: left; } .p-card--radio--feature.is-selected span::before, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--feature.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] span::before { background-color: rgb(0, 102, 204); border-color: rgb(0, 102, 204); } .p-tiered-card--high, .p-tiered-card--medium, .p-tiered-card--low { padding: 0.5rem 1rem; } .p-tiered-cards { gap: 0px !important; } .p-tiered-card--low { background-color: rgb(247, 247, 247); } .p-tiered-card--medium { background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); } .p-tiered-card--high { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .p-certification-filter > label { margin-bottom: 0px; } .p-certification-results th { padding-top: 0.6rem; } .p-certification-results th:nth-child(1), .p-certification-results td:nth-child(1) { width: 20%; } .p-certification-results th:nth-child(2), .p-certification-results td:nth-child(2) { width: 35%; } .p-certification-results th:nth-child(3), .p-certification-results td:nth-child(3) { width: 10%; } @media only screen and (max-width: 620px) { .p-certification-results th:nth-child(3), .p-certification-results td:nth-child(3) { width: 20%; } } .p-update-results { margin-left: 1rem; width: fit-content; } .certified-filters .p-accordion__group { padding-bottom: 1.5rem; position: unset; } .certified-filters .p-accordion__group::after { display: none; } .certified-filters .certified-filters-footer { background: rgb(243, 243, 243); bottom: 0px; position: sticky; z-index: 2; } .certified-filters .certified-filters-footer-buttons { margin-left: 1rem; } @media screen and (min-width: 1036px) { .certified-filters .certified-filters-footer-buttons { margin-left: 0px; } } .certified-filters .p-checkbox__label { padding-left: 2.2rem; } .certified-filters .p-accordion__tab { background-color: rgb(243, 243, 243); z-index: 1; } .certified-filters .p-accordion__tab:hover, .certified-filters .p-accordion__tab[aria-expanded="true"] { background-color: rgb(243, 243, 243); } @media screen and (min-width: 1036px) { .certified-filters .p-accordion__panel, .certified-filters .p-accordion__tab, .certified-filters .p-button--link { padding-left: 0px; } } .p-results-per-page { max-width: 5.3rem; min-width: 5.3rem; } .checkout-container .p-stepped-list--detailed, .checkout-container .p-faq-stepped-list--detailed { margin-left: 0px; } .checkout-container .p-stepped-list__title { padding-left: 2.5rem; } .checkout-container .p-stepped-list__title::before { line-height: calc(-2px + 1.5rem); margin-right: 1rem; margin-top: 0.55rem; width: 1.5rem; } @media (min-width: 1036px) { .checkout-container .p-stepped-list__title::before { line-height: calc(-2px + 1.5rem); margin-top: 0.8rem; width: 1.5rem; } } .checkout-container #card-element { background-color: rgb(245, 245, 246); border-bottom: 1.5px solid rgb(17, 17, 17); padding: calc(-1px + 0.4rem) 0.5rem; } .checkout-container .StripeElement--invalid { background-color: rgb(248, 233, 232) !important; border-bottom-color: rgb(199, 22, 43) !important; } .checkout-container #card-errors { color: rgb(199, 22, 43) !important; line-height: 1; } .p-modal--generated.p-modal, #contact-modal.p-modal { align-items: start; position: fixed; z-index: 100; } .p-modal--generated.p-modal .p-modal__dialog, #contact-modal.p-modal .p-modal__dialog { margin-bottom: 0px; } @media (min-width: 975px) { .p-modal--generated.p-modal .p-modal__dialog, #contact-modal.p-modal .p-modal__dialog { max-width: 875px; min-width: 875px; } } .p-modal--generated.p-modal .p-modal__header, #contact-modal.p-modal .p-modal__header { border-bottom: 1px solid rgb(217, 217, 217); margin-bottom: 0.75rem; } .p-modal--generated.p-modal .p-modal__header::after, #contact-modal.p-modal .p-modal__header::after { display: none; } .p-modal--generated.p-modal .p-modal__title, #contact-modal.p-modal .p-modal__title { margin-bottom: 0.5rem; } .p-modal--generated.p-modal.thank-you .p-modal__title, #contact-modal.p-modal.thank-you .p-modal__title { opacity: 0; } .p-modal--generated.p-modal.thank-you .p-modal__header, #contact-modal.p-modal.thank-you .p-modal__header { border-bottom: 0px; } .p-modal--generated.p-modal.thank-you .p-modal__header::after, #contact-modal.p-modal.thank-you .p-modal__header::after { display: none; } @media only screen and (min-width: 875px) { .p-modal--generated.p-modal .u-align, #contact-modal.p-modal .u-align { padding-bottom: 70px; } .p-modal--generated.p-modal .pagination__link--next, .p-modal--generated.p-modal .pagination__link--previous, #contact-modal.p-modal .pagination__link--next, #contact-modal.p-modal .pagination__link--previous { margin-bottom: 0px; } } .p-cube-animation { margin-top: -2.9rem; } .p-cube-animation.is-transformed .p-cube-animation__cube--1 { transform: translate(16px, 49px); } .p-cube-animation.is-transformed .p-cube-animation__cube--2 { transform: translate(100px, 1px); } .p-cube-animation.is-transformed .p-cube-animation__cube--3 { transform: translate(100px, 193px); } .p-cube-animation.is-transformed .p-cube-animation__cube--4 { transform: translate(16px, 145.5px); } .p-cube-animation.is-transformed .p-cube-animation__cube--5 { transform: translate(183px, 49px); } .p-cube-animation.is-transformed .p-cube-animation__cube--6 { transform: translate(183px, 145.5px); } .p-cube-animation .p-cube-animation__cube--6, .p-cube-animation .p-cube-animation__cube--5, .p-cube-animation .p-cube-animation__cube--4, .p-cube-animation .p-cube-animation__cube--3, .p-cube-animation .p-cube-animation__cube--2, .p-cube-animation .p-cube-animation__cube--1, .p-cube-animation.is-transformed .p-cube-animation__cube--1, .p-cube-animation.is-transformed .p-cube-animation__cube--2, .p-cube-animation.is-transformed .p-cube-animation__cube--3, .p-cube-animation.is-transformed .p-cube-animation__cube--4, .p-cube-animation.is-transformed .p-cube-animation__cube--5, .p-cube-animation.is-transformed .p-cube-animation__cube--6 { background: url("") 0% 0% / 169px 195px; height: 195px; position: absolute; transition: transform 2s ease 0s; width: 169px; } .p-cube-animation .p-cube-animation__cube--1 { transform: translate(100px, 1px); } .p-cube-animation .p-cube-animation__cube--2 { transform: translate(183px, 49px); } .p-cube-animation .p-cube-animation__cube--3 { transform: translate(183px, 145.5px); } .p-cube-animation .p-cube-animation__cube--4 { transform: translate(100px, 193px); } .p-cube-animation .p-cube-animation__cube--5 { transform: translate(16px, 145.5px); } .p-cube-animation .p-cube-animation__cube--6 { transform: translate(16px, 49px); } .p-cube-progression { height: 382px; position: relative; } .p-cube-progression .p-cube-progression.is-storage, .p-cube-progression .p-cube-progression.is-kernel, .p-cube-progression .p-cube-progression.is-commands, .p-cube-progression .p-cube-progression.is-packages, .p-cube-progression .p-cube-progression.is-architecture { background-size: 168px 99px; height: 99px; position: absolute; width: 168px; } .p-cube-progression .p-cube-progression.is-maas, .p-cube-progression .p-cube-progression.is-juju, .p-cube-progression .p-cube-progression.is-virtualisation, .p-cube-progression .p-cube-progression.is-microk8s, .p-cube-progression .p-cube-progression.is-networking, .p-cube-progression .p-cube-progression.is-security, .p-cube-progression .p-cube-progression.is-admin, .p-cube-progression .p-cube-progression.is-services, .p-cube-progression .p-cube-progression.is-devices, .p-cube-progression .p-cube-progression.is-bash { background-size: 85px 145px; height: 145px; position: absolute; width: 85px; } .p-cube-progression.is-architecture { background-image: url(""); } .p-cube-progression.is-bash { background: url(""); transform: translate(84px, 49.5px); } .p-cube-progression.is-devices { background-image: url(""); transform: translate(0px, 49.5px); } .p-cube-progression.is-packages { background-image: url(""); transform: translate(168px, 0px); } .p-cube-progression.is-services { background-image: url(""); transform: translate(252px, 49.5px); } .p-cube-progression.is-admin { background-image: url(""); transform: translate(168px, 49.5px); } .p-cube-progression.is-commands { background-image: url(""); transform: translate(336px, 0px); } .p-cube-progression.is-security { background-image: url(""); transform: translate(420px, 49.5px); } .p-cube-progression.is-networking { background-image: url(""); transform: translate(336px, 49.5px); } .p-cube-progression.is-kernel { background-image: url(""); transform: translate(84px, 145px); } .p-cube-progression.is-microk8s { background-image: url(""); transform: translate(168px, 194.5px); } .p-cube-progression.is-virtualisation { background-image: url(""); transform: translate(84px, 194.5px); } .p-cube-progression.is-storage { background-image: url(""); transform: translate(252px, 145px); } .p-cube-progression.is-juju { background-image: url(""); transform: translate(336px, 194.5px); } .p-cube-progression.is-maas { background: url(""); transform: translate(252px, 194.5px); } .is-faded, .is-faded--left, .is-faded--right { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); opacity: 0.5; } .is-faded--right { clip-path: polygon(0% 34%, 100% 0%, 100% 66.6%, 0% 100%); } .is-faded--left { clip-path: polygon(0% 0%, 100% 34%, 100% 100%, 0% 66.6%); } .u-overflow-inherit { overflow-x: inherit !important; } .cve-table thead th { overflow-wrap: break-word; } .cve-table thead tr { border-bottom: 1px solid rgb(217, 217, 217); } .cve-table tr:not(:first-child) { border-top: 1px solid rgb(217, 217, 217); } .cve-table td { position: relative; overflow-wrap: break-word; border-top: none !important; } .p-tooltip__message.cve-chip { width: 15rem; text-wrap: wrap; } .cve-landing .p-inline-list { margin-top: 0.3rem; } .cve-results { display: flex; justify-content: space-between; } .cve-results .p-text--small-caps { display: inline-flex; } .cve-results .p-form { display: flex; gap: 2.5rem; } .cve-results .p-form__group { margin-left: auto; margin-right: 0px; } .cve-results .p-form__control { max-width: fit-content; min-width: 0px; padding-right: 1rem; } .cve-card-header { margin-bottom: 1.1rem; padding-top: 0.4rem; } .cve-card-header h2 { display: inline; padding-top: 0px; } .cve-card-header .priority-icon { float: inline-end; } .cve-footer-link { font-size: 0.875rem; } .cve-pagination-footer { display: flex; flex-wrap: wrap; justify-content: space-between; } .cve-pagination-footer-links { display: flex; gap: inherit; } .cve-pagination-footer-links a { margin-top: 0.4rem; } @media screen and (max-width: 619px) { .cve-pagination-footer-links { flex-direction: column; gap: 1rem; } } .cve-pagination-footer-links .p-form__control { max-width: fit-content; min-width: 0px; } @media screen and (min-width: 620px) { #cve-search-button { margin-top: 2.6rem; width: 100%; } } .cve-filters .p-side-navigation__drawer-header { position: relative; } .cve-filters .p-side-navigation li:first-child .p-accordion__panel[aria-hidden="false"] { margin-top: 1rem; } .cve-filters .p-side-navigation li:first-child .p-accordion__panel[aria-hidden="false"] input { margin-bottom: 0px; width: auto; } .cve-filters .p-side-navigation .p-accordion__group { padding-bottom: 1.5rem; position: unset; } .cve-filters .p-side-navigation .release-accordion-group { max-height: 30rem; overflow-y: auto; } .cve-filters .p-side-navigation .releases-tab-container { background: rgb(243, 243, 243); position: sticky; top: 0px; z-index: 1; } .cve-filters .p-side-navigation .p-accordion__tab { background-color: rgb(243, 243, 243); z-index: 1; } .cve-filters .p-side-navigation .p-checkbox__label { padding-left: 2.2rem; } .cve-filters .p-side-navigation .p-text--small-caps { padding-left: 2.2rem; } @media screen and (min-width: 1036px) { .cve-filters .p-side-navigation .p-accordion__tab, .cve-filters .p-side-navigation .p-accordion__panel { padding-left: 0px; } } .cve-filters .p-icon--chevron-down { margin-right: 1rem; } .cve-filters .p-text--small-caps:not(:first-child) { padding-left: 2rem; } .cve-filter-buttons { background: rgb(243, 243, 243); bottom: 0px; position: sticky; z-index: 2; } @media screen and (width < 1036px) { .cve-filter-buttons { margin-left: 1rem; } } .u-cve-gap { display: grid; gap: 30px 20px; grid-template-columns: repeat(3, 1fr); } .u-cve-base-score { display: flex; } .u-cve-base-score .p-heading-icon__img { height: 1.5rem; margin-left: -0.5rem; margin-right: 0px; } .u-cve-base-score span { margin-top: 0.2rem; } .cve-hero-scores { display: flex; } @media screen and (min-width: 1036px) { .cve-hero-scores { gap: 9%; } } @media screen and (max-width: 620px) { .cve-hero-scores { flex-direction: column; } } .u-adjust-table-heading { width: 19rem; } @media screen and (max-width: 620px) { .u-adjust-table-heading { width: fit-content; } } .cve-table-blur { position: relative; } .cve-table-blur::after { background: linear-gradient(rgba(255, 255, 255, 0), rgb(243, 243, 243)); bottom: 0px; content: ""; height: 100%; left: 0px; pointer-events: none; position: absolute; width: 100%; } .u-hide--cell { display: none !important; } .section-heading { scroll-margin-top: 3.5rem; } .u-break-wrap { overflow-wrap: break-word; } @media screen and (width < 1681px) { .u-cve-table-horizontal-scroll { overflow-x: hidden; } .u-cve-table-horizontal-scroll .u-cve-table-horizontal-scroll__table { display: block; overflow-x: auto; white-space: nowrap; } } .p-floating-image { position: relative; z-index: 50; } .p-floating-image .u-image-position--left { position: absolute; transform: translate(-100%, -35%); } .p-floating-image .u-image-position--right { position: absolute; transform: translate(100%, -70%); } .p-footer-list { padding-top: 0.375rem; } .p-footer__divider { left: 50%; position: relative; transform: translate(-50%, 0px); width: 100vw; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(217, 217, 217); border-collapse: separate; height: 0px; margin-top: 2rem; } @media only screen and (max-width: 619px) { .p-footer__divider { display: none; } } .p-footer__links { margin: 0px; padding: 0px; } .p-footer__item { display: block; margin-bottom: 0px; } @media only screen and (max-width: 619px) { .p-footer__item { margin-top: 0px; } } @media only screen and (min-width: 620px) { .p-footer__item + .p-footer__item { margin-top: 1.5rem; } } .p-footer .link-to-top { color: rgb(102, 102, 102); background-image: url(""); background-position: 10px center; background-repeat: no-repeat; background-size: 14px 14px; border-bottom: 1px solid rgb(102, 102, 102); display: block; left: auto; line-height: 2.3; margin-bottom: -1px; max-width: inherit; padding: 0.5rem 0px 0.5rem 2rem; position: relative; z-index: 2; } @media only screen and (max-width: 620px) { .p-footer .link-to-top { cursor: pointer; } } @media only screen and (min-width: 620px) { .p-footer .link-to-top { line-height: 1.5; } } @media only screen and (min-width: 620px) { .p-footer .link-to-top { display: none; } } .p-footer .link-to-top a { color: rgb(0, 0, 0); } @media only screen and (min-width: 620px) { .p-footer--secondary { padding: 0px; } } @media only screen and (max-width: 619px) { .p-footer--secondary { margin-top: 0px; padding: 1.5rem 0.5rem 0px 1rem !important; } } .p-footer--secondary a:hover { color: currentcolor; } .p-footer__title.active { background-image: url(""); } @media only screen and (min-width: 620px) { .p-footer__title.active { background: none; } } @media only screen and (min-width: 620px) { .p-footer__title-text { color: rgb(17, 17, 17); font-weight: 400; } } @media only screen and (max-width: 620px) { .p-footer__title-text a { color: rgb(102, 102, 102); } } @media only screen and (max-width: 619px) { .p-footer__container { padding-left: 0px; padding-right: 0px; } } .p-footer__link:hover { color: rgb(17, 17, 17); } .p-footer--secondary__content { margin-bottom: 0.125rem; max-width: inherit; } @media (max-width: 620px) { .p-footer--secondary .p-inline-list-icons { margin-left: 0px; margin-top: 1rem; padding-left: 0px; } } @media only screen and (min-width: 620px) { .p-footer--secondary .p-inline-list-icons { float: right; padding-left: 0px; } } @media only screen and (min-width: 1036px) { .p-footer--secondary .p-inline-list-icons { margin-top: 0.25rem; } } .p-footer--secondary .p-inline-list__item { display: block; margin-top: 0.5rem; } @media only screen and (min-width: 620px) { .p-footer--secondary .p-inline-list__item { display: inline-block; } } @media only screen and (max-width: 619px) { .p-footer--secondary .p-inline-list__item::after { display: none; } } @media only screen and (min-width: 620px) { .p-footer__item--spaced { margin-bottom: 1.5rem; } } @media only screen and (max-width: 620px) { .p-footer-list-single-child { margin-left: 0.5rem; } } @media only screen and (min-width: 620px) { .p-footer--secondary__nav .p-inline-list__item { display: inline-block; } } @media (max-width: 619px) { .col-small-2:nth-of-type(2n+1) { margin-left: 0px; } } @media (min-width: 620px) and (max-width: 874px) { .col-medium-2:nth-of-type(3n+1) { margin-left: 0px; } } @media (min-width: 1036px) { .col-2:nth-of-type(6n+1) { margin-left: 0px; } } .p-fluid-grid--centered { justify-content: space-around; } .p-fluid-grid, .p-fluid-grid--centered { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } .p-logo-image { align-items: center; display: flex; } .p-fluid-grid__item--small { min-width: 150px; width: 21.875%; } @media screen and (min-width: 620px) { .p-fluid-grid__item--small { width: 15.0485%; } } @media screen and (max-width: 619px) { .p-reverse-cols--small [class*="col-"]:first-child { order: 1; } .p-reverse-cols--small [class*="col-"]:last-child { order: 0; } } .p-heading-icon--muted .p-heading-icon__header { } .p-heading-icon--muted .p-heading-icon__title { align-items: center; display: flex; line-height: 1.875rem; margin-bottom: 0px; } .p-heading-icon__img--small { align-self: center; height: auto; margin-bottom: 0px; margin-top: 0.25rem; max-width: 2rem; } .p-heading-icon--long .p-heading-icon__img { height: 2rem; width: auto; } .p-heading-icon--long .p-heading-icon__title { margin-top: 1.5rem; } .p-inline-list--midline { margin-left: 0px; padding-left: 0px; } .p-inline-list--midline .p-inline-list__item { display: inline; list-style: none; margin-right: 1rem; position: relative; white-space: nowrap; } .p-inline-list--midline .p-inline-list__item:last-of-type { margin-right: 0px; } .p-inline-list--midline .p-inline-list__item::after { color: rgb(229, 229, 229); content: "|"; line-height: 1.5rem; position: absolute; right: -0.5rem; } .p-inline-list--midline .p-inline-list__item:last-of-type::after { content: ""; } @media only screen and (min-width: 1036px) { #edit-billing-modal > [role="dialog"] { min-width: 38rem; } } .p-icon--attention { background: rgba(0, 0, 0, 0); height: 32px; position: relative; width: 32px; } .p-icon--attention::before, .p-icon--attention::after { background: rgba(0, 0, 0, 0); border: 2px solid rgb(102, 102, 102); border-radius: 100%; inset: 0px; content: ""; height: 32px; margin: auto; position: absolute; visibility: hidden; width: 32px; } .p-icon--attention::before { animation: 0.7s ease-in-out 0s infinite normal none running scaleUp; } .p-icon--attention::after { animation: 0.7s ease-in-out 0.35s infinite normal none running scaleUp; } @keyframes scaleUp { 0% { opacity: 1; transform: scale(0.1, 0.1); visibility: visible; } 70% { opacity: 1; } 100% { opacity: 0; transform: scale(1, 1); } } .vbox-overlay *, .vbox-overlay ::before, .vbox-overlay ::after { box-sizing: border-box; } .vbox-overlay { background: rgba(0, 0, 0, 0.85); bottom: 0px; height: auto; left: 0px; margin-top: 0px; opacity: 0; overflow: hidden auto; position: fixed; top: 0px; width: 100%; z-index: 9999; } .vbox-preloader { height: 2rem; left: 50%; margin-left: -0.5rem; margin-top: -0.5rem; overflow: hidden; position: fixed; text-indent: -100px; top: 50%; width: 2rem; } @keyframes playload { 0% { background-position: 0px center; } 100% { background-position: -576px center; } } .vbox-close { background: url("") center center / 1rem no-repeat; color: rgb(255, 255, 255); cursor: pointer; display: block; height: 2rem; margin-top: 0px; overflow: hidden; position: fixed; right: 1rem; text-indent: -100px; top: 1rem; width: 2rem; } @media screen and (max-width: 875px) { .vbox-close { background-position: right 1rem top 1rem; } } .vbox-next, .vbox-prev { background-color: rgb(255, 255, 255); background-position: center center; background-repeat: no-repeat; background-size: 0.25rem; border-radius: 3rem; box-sizing: content-box; cursor: pointer; height: 3rem; margin-top: -1.5rem; overflow: hidden; padding: 0px; position: fixed; text-indent: -100px; top: 50%; width: 3rem; } .vbox-prev { background-image: url(""); left: 1rem; } .vbox-next { background-image: url(""); right: 1rem; margin-right: 0px !important; } .vbox-next:disabled, .vbox-prev:disabled { display: none; } .vbox-title { background: rgb(17, 17, 17); bottom: 0px; color: rgb(255, 255, 255); display: none; float: left; font-size: 1rem; height: auto; left: 0px; line-height: 1.75rem; overflow: hidden; padding: 2.5rem; position: fixed; text-align: center; width: 100%; } @media screen and (max-width: 1024px) { .vbox-title { bottom: 25px; } } .vbox-num { background: rgb(17, 17, 17); color: rgb(255, 255, 255); cursor: pointer; display: none; font-size: 12px; height: 2.5rem; left: 0px; line-height: 28px; overflow: hidden; padding: 0.375rem 0.625rem; position: fixed; top: -1px; } .vbox-open { overflow: hidden; } .vbox-container { height: 100%; margin: 0px auto; max-width: 1200px; padding: 0px 15px; position: relative; width: 100%; } .vbox-content { align-items: center; display: flex; float: left; height: 100%; justify-content: center; overflow: hidden; padding: 2.5rem 0px; position: relative; text-align: center; width: 100%; } .vbox-container img { align-self: initial; max-height: 100%; max-width: 100%; } .p-inline-list-icons .p-inline-list__link--tiktok, .p-inline-list-icons .p-inline-list__link--youtube, .p-inline-list-icons .p-inline-list__link--rss, .p-inline-list-icons .p-inline-list__link--instagram, .p-inline-list-icons .p-inline-list__link--linkedin, .p-inline-list-icons .p-inline-list__link--facebook, .p-inline-list-icons .p-inline-list__link--google, .p-inline-list-icons .p-inline-list__link--twitter { display: block; fill: rgb(102, 102, 102); height: 2rem; width: 2rem; } .p-inline-list-icons .p-inline-list__item { display: inline-block; line-height: 1rem; vertical-align: middle; } .p-inline-list-icons .p-inline-list__link--twitter:hover .twitter-icon { fill: rgb(17, 17, 17); } .p-inline-list-icons .p-inline-list__link--facebook:hover .facebook-icon { fill: rgb(24, 119, 242); } .p-inline-list-icons .p-inline-list__link--linkedin:hover .linkedin-icon { fill: rgb(2, 116, 179); } .p-inline-list-icons .p-inline-list__link--instagram:hover .instagram-icon { fill: rgb(17, 17, 17); } .p-inline-list-icons .p-inline-list__link--rss:hover .rss-icon { fill: rgb(234, 120, 26); } .p-inline-list-icons .p-inline-list__link--youtube:hover .youtube-icon { fill: red; } .p-inline-list-icons .p-inline-list__link--tiktok:hover .tiktok-icon { fill: rgb(0, 0, 0); } @media (min-width: 875px) { [class*="p-list"].is-trisected { display: flex; flex-wrap: wrap; } [class*="p-list"].is-trisected .p-list__item, [class*="p-list"].is-trisected .list-matrix, [class*="p-list"].is-trisected .p-list--ticked .p-list__item-padded, .p-list--ticked [class*="p-list"].is-trisected .p-list__item-padded { margin-right: 1rem; width: calc(33.33% - 0.75rem); } [class*="p-list"].is-trisected .p-list__item:nth-child(3n+3), [class*="p-list"].is-trisected .list-matrix:nth-child(3n+3), [class*="p-list"].is-trisected .p-list--ticked .p-list__item-padded:nth-child(3n+3), .p-list--ticked [class*="p-list"].is-trisected .p-list__item-padded:nth-child(3n+3) { margin-right: 0px; } [class*="p-list"].is-trisected .p-list__item:nth-last-child(0), [class*="p-list"].is-trisected .list-matrix:nth-last-child(0), [class*="p-list"].is-trisected .p-list--ticked .p-list__item-padded:nth-last-child(0), .p-list--ticked [class*="p-list"].is-trisected .p-list__item-padded:nth-last-child(0) { border-bottom: 0px; } } .p-nested-counter-list { counter-reset: item 0; list-style-type: none; margin-left: 0px; padding-left: 0px; } .p-nested-counter-list .p-nested-counter-list { margin-top: 0.5rem; padding-left: 1rem; } .p-nested-counter-list__item { counter-increment: item 1; padding-bottom: 0.5rem; padding-left: 0.125rem; } .p-nested-counter-list__item::before { content: counters(item, ".") ". "; } .p-nested-counter-list__item .p-nested-counter-list__item { padding-left: 0px; } .p-nested-counter-list__item .p-nested-counter-list__item::before { content: counters(item, ".") " "; } .p-inline-definition-list { margin-bottom: 1rem; } .p-inline-definition-list__title { border: 0px; float: left; margin: 0px 1rem 0px 0px; } .p-inline-definition-list__item { margin: 0px; } .p-list--ordered-legal { counter-reset: item 0; list-style-type: none; } .p-list--ordered-legal > .p-list__item::before, .p-list--ordered-legal > .list-matrix::before, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded::before { content: counters(item, ".") ". "; counter-increment: item 1; font-size: 2.25rem; font-weight: 300; line-height: 1.167; } .p-list--ordered-legal p { max-width: inherit; } .p-list--ordered-legal > li > p, .p-list--ordered-legal > li > ol, .p-list--ordered-legal > li > ul, .p-list--ordered-legal > li + h3, .p-list--ordered-legal > li > h4, .p-list--ordered-legal > li + h5 { margin-left: 1rem; padding-left: 1rem; } .p-list--ordered-legal > .p-list__item > h3, .p-list--ordered-legal > .list-matrix > h3, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h3, .p-list--ordered-legal > .p-list__item > h4, .p-list--ordered-legal > .list-matrix > h4, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h4, .p-list--ordered-legal > .p-list__item > h5, .p-list--ordered-legal > .list-matrix > h5, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h5, .p-list--ordered-legal > .p-list__item > h6, .p-list--ordered-legal > .list-matrix > h6, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h6 { display: inline-block; } .p-list--ordered-legal > .p-list__item > h4:first-child, .p-list--ordered-legal > .list-matrix > h4:first-child, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h4:first-child { margin-left: 0px; padding-left: 0px; } .p-list--ordered-legal > li > ol > .p-list__item::before, .p-list--ordered-legal > li > ol > .list-matrix::before, .p-list--ticked .p-list--ordered-legal > li > ol > .p-list__item-padded::before { font-size: 1.2rem; } .p-list--ordered-legal > .p-list__item > h2:first-child, .p-list--ordered-legal > .list-matrix > h2:first-child, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h2:first-child, .p-list--ordered-legal > .p-list__item > h3:first-child, .p-list--ordered-legal > .list-matrix > h3:first-child, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h3:first-child, .p-list--ordered-legal > .p-list__item > h4:first-child, .p-list--ordered-legal > .list-matrix > h4:first-child, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h4:first-child { display: inline-block; } div > .p-list--ordered-legal { margin-left: 0px; padding-left: 0px; } .p-text-list--small { margin-bottom: 1.45rem; margin-left: 0px; padding-left: 0px; } .p-p--small + .p-text-list--small { margin-top: -0.5rem; } .p-text-list--small.is-dense { margin-bottom: 0.95rem; } .p-text-list--small .p-list__item, .p-text-list--small .list-matrix, .p-text-list--small .p-list--ticked .p-list__item-padded, .p-list--ticked .p-text-list--small .p-list__item-padded { list-style-type: none; padding-left: 0px; padding-top: 0px; position: relative; } .p-text-list--small.is-bordered { display: block; } .p-text-list--small.is-bordered .p-list__item, .p-text-list--small.is-bordered .list-matrix, .p-text-list--small.is-bordered .p-list--ticked .p-list__item-padded, .p-list--ticked .p-text-list--small.is-bordered .p-list__item-padded { margin-bottom: 0.25rem; } .p-text-list--small.is-bordered .p-list__item:not(:last-child), .p-text-list--small.is-bordered .list-matrix:not(:last-child), .p-text-list--small.is-bordered .p-list--ticked .p-list__item-padded:not(:last-child), .p-list--ticked .p-text-list--small.is-bordered .p-list__item-padded:not(:last-child) { padding-bottom: 0.25rem; } .p-text-list--small.is-bordered .p-list__item:not(:last-child)::after, .p-text-list--small.is-bordered .list-matrix:not(:last-child)::after, .p-text-list--small.is-bordered .p-list--ticked .p-list__item-padded:not(:last-child)::after, .p-list--ticked .p-text-list--small.is-bordered .p-list__item-padded:not(:last-child)::after { background-color: rgba(217, 217, 217, 0.5); } form .p-list__item.is-ticked, form .is-ticked.list-matrix, form .p-list--ticked .is-ticked.p-list__item-padded, .p-list--ticked form .is-ticked.p-list__item-padded { background-position-y: 0.43rem; } .p-list--divided.has-bullets, .has-bullets.p-list--divided-bulleted { margin-left: 1rem; padding-left: 1rem; width: 100%; } .p-list--divided.has-bullets .p-list__item, .p-list--divided.has-bullets .list-matrix, .p-list--divided.has-bullets .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--divided.has-bullets .p-list__item-padded, .has-bullets.p-list--divided-bulleted .p-list__item, .has-bullets.p-list--divided-bulleted .list-matrix, .has-bullets.p-list--divided-bulleted .p-list--ticked .p-list__item-padded, .p-list--ticked .has-bullets.p-list--divided-bulleted .p-list__item-padded { margin-left: -1rem; padding-left: 1rem; } .p-list--divided.has-bullets .p-list__item::after, .p-list--divided.has-bullets .list-matrix::after, .p-list--divided.has-bullets .p-list--ticked .p-list__item-padded::after, .p-list--ticked .p-list--divided.has-bullets .p-list__item-padded::after, .has-bullets.p-list--divided-bulleted .p-list__item::after, .has-bullets.p-list--divided-bulleted .list-matrix::after, .has-bullets.p-list--divided-bulleted .p-list--ticked .p-list__item-padded::after, .p-list--ticked .has-bullets.p-list--divided-bulleted .p-list__item-padded::after { left: 1rem; } ol.p-list--divided.has-bullets, ol.has-bullets.p-list--divided-bulleted { list-style: decimal; } ul.p-list--divided.has-bullets, ul.has-bullets.p-list--divided-bulleted { list-style: disc; } .p-step-counter { border: 1px solid rgb(112, 112, 112); border-radius: 100%; display: inline-block; height: auto; margin-top: 0.75rem; padding: 0.1875rem; text-align: center; width: calc(1.875rem); } .p-list--ticked .p-list__item, .p-list--ticked .list-matrix, .p-list--ticked .p-list__item-padded, .p-list--ticked--small .p-list__item, .p-list--ticked--small .list-matrix { border-bottom: 1px solid var(--vf-color-border-low-contrast); padding-left: 2rem; position: relative; } .p-list--ticked .p-list__item::before, .p-list--ticked .list-matrix::before, .p-list--ticked .p-list__item-padded::before, .p-list--ticked--small .p-list__item::before, .p-list--ticked--small .list-matrix::before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 110 16A8 8 0 018 0zm0 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zm2.814 2.45l1.203.897-5.537 7.43-3.485-3.694 1.09-1.03 2.259 2.394 4.47-5.997z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E"); content: ""; left: 0px; position: absolute; } .p-list--ticked .p-list__item:last-child, .p-list--ticked .list-matrix:last-child, .p-list--ticked .p-list__item-padded:last-child, .p-list--ticked--small .p-list__item:last-child, .p-list--ticked--small .list-matrix:last-child { border-bottom: 0px; } .p-list--ticked .p-list__item::before, .p-list--ticked .list-matrix::before, .p-list--ticked .p-list__item-padded::before { top: 0.9rem; } .p-list--ticked--small .p-list__item::before, .p-list--ticked--small .list-matrix::before, .p-list--ticked--small .p-list--ticked .p-list__item-padded::before, .p-list--ticked .p-list--ticked--small .p-list__item-padded::before { top: 0.5rem; } .p-list--horizontal-divided { list-style: none; margin: 0px; padding: 0px; } .p-list--horizontal-divided .p-list__item, .p-list--horizontal-divided .list-matrix, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded { align-items: center; border-bottom: 1px solid var(--vf-color-border-low-contrast); display: flex; padding: 1rem 0px; } @media only screen and (min-width: 875px) { .p-list--horizontal-divided .p-list__item, .p-list--horizontal-divided .list-matrix, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded { border-bottom: 0px; border-right: 1px solid var(--vf-color-border-low-contrast); display: inline-flex; padding: 0px 2rem; } } .p-list--horizontal-divided .p-list__item:first-child, .p-list--horizontal-divided .list-matrix:first-child, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded:first-child, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded:first-child { padding-top: 0px; } @media only screen and (min-width: 875px) { .p-list--horizontal-divided .p-list__item:first-child, .p-list--horizontal-divided .list-matrix:first-child, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded:first-child, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded:first-child { padding-left: 0px; } } .p-list--horizontal-divided .p-list__item:last-child, .p-list--horizontal-divided .list-matrix:last-child, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded:last-child, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded:last-child { border-bottom: 0px; } @media only screen and (min-width: 875px) { .p-list--horizontal-divided .p-list__item:last-child, .p-list--horizontal-divided .list-matrix:last-child, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded:last-child, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded:last-child { border-right: 0px; } } .p-list--horizontal-divided .p-list__item img, .p-list--horizontal-divided .list-matrix img, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded img, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded img { margin-right: 1.5rem; } @media only screen and (max-width: 875px) { .p-list--horizontal-divided .p-list__item img, .p-list--horizontal-divided .list-matrix img, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded img, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded img { display: none; } } .p-faq-stepped-list--detailed .p-faq-stepped-list__item { padding-top: 0px; } @supports (display: grid) { @media (min-width: 1036px) { .p-faq-stepped-list--detailed .p-faq-stepped-list__content { display: flex; grid-column-end: span 12; margin-top: 0px; } } } .p-faq-stepped-list--detailed .u-default-max-width { display: inline-block; max-width: 40em; } @media screen and (width < 1036px) { .p-stepped-list--detailed .p-stepped-list__item, .p-faq-stepped-list--detailed .p-stepped-list__item, .p-faq-stepped-list--detailed .p-faq-stepped-list__item { border-top: 1px solid var(--vf-color-border-low-contrast); } } .p-stepped-list--detailed .p-stepped-list__item .p-stepped-list__content .p-code-snippet, .p-faq-stepped-list--detailed .p-stepped-list__item .p-stepped-list__content .p-code-snippet, .p-faq-stepped-list--detailed .p-faq-stepped-list__item .p-stepped-list__content .p-code-snippet { margin-top: 0.5rem; } .p-list--divided.is-homepage > .p-list__item:first-child, .p-list--divided.is-homepage > .list-matrix:first-child, .p-list--ticked .p-list--divided.is-homepage > .p-list__item-padded:first-child, .is-homepage.p-list--divided-bulleted > .p-list__item:first-child, .is-homepage.p-list--divided-bulleted > .list-matrix:first-child, .p-list--ticked .is-homepage.p-list--divided-bulleted > .p-list__item-padded:first-child { box-shadow: inset 0 1px 0 0 var(--vf-color-border-low-contrast); } @media (min-width: 620px) { .p-matrix--two-col .p-matrix__item { width: 50%; } .p-matrix--two-col .p-matrix__item:nth-child(2n+1) { border-right: 1px solid rgb(217, 217, 217); padding-left: 0px; } .p-matrix--two-col .p-matrix__item:nth-child(2n) { border-right: 0px; padding-left: 1rem; } .p-matrix--two-col .p-matrix__item:nth-child(3) { border-top: 1px solid rgb(217, 217, 217); } } #control-height { height: 100vh; position: absolute; width: 0px; } @media (max-width: 620px) { #all-canonical-mobile .global-nav__header-link-anchor::after { right: 1rem !important; top: 1.25rem !important; } } @media (min-width: 1250px) { #all-canonical-content-mobile { display: none; } } body:has(header.p-navigation--sliding.has-menu-open) { overflow: hidden; } .global-nav-desktop .global-nav-dropdown { position: relative; top: 0px; } .global-nav-desktop .global-nav-dropdown .global-nav-dropdown__content { max-width: 80rem; } .global-nav-desktop .global-nav-dropdown .global-nav__link { color: rgb(102, 153, 204); } @media (min-width: 1250px) { .p-navigation__row--25-75 .p-navigation__items:first-child { margin-left: -1rem; } } .p-navigation--sliding { position: sticky; top: 0px; z-index: 40; } .p-navigation--sliding .p-link--inverted { font-weight: 400; } @media (max-width: 1249px) { .p-navigation--sliding.has-search-open .p-navigation__search { position: fixed; } } @media (min-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__items:first-child { margin-left: -1rem; } } @media (max-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 { padding-left: 0px; padding-right: 0px; } } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown { height: calc(-3rem + 100vh); overflow: hidden; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown[aria-hidden="false"] { overflow: unset; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown[aria-hidden="false"]::before { pointer-events: none; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown::before { box-shadow: none; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown .p-muted-heading { padding-left: 3rem; } @media (max-width: 875px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown .p-muted-heading { padding-left: 2.5rem; } } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown .p-navigation__secondary-links .p-muted-heading { padding-left: 0px; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__secondary-links { margin-top: 1.5rem; padding-left: 3rem; } @media (max-width: 875px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__secondary-links { padding-left: 2.5rem; } } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__secondary-links a { color: rgb(102, 153, 204); } .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown li.p-navigation__dropdown-item, .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown .p-navigation__item--dropdown-toggle li.p-navigation__account-name, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle ul.p-navigation__dropdown li.p-navigation__account-name { line-height: 1.5rem; margin: 0px; padding-bottom: 0.25rem; padding-top: 0.25rem; position: relative; } .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown li.p-navigation__dropdown-item a:not(.p-button--positive), .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown .p-navigation__item--dropdown-toggle li.p-navigation__account-name a:not(.p-button--positive), .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle ul.p-navigation__dropdown li.p-navigation__account-name a:not(.p-button--positive) { display: block; padding: 0.25rem 0px; white-space: normal; } .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown li.p-navigation__dropdown-item a:hover, .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown .p-navigation__item--dropdown-toggle li.p-navigation__account-name a:hover, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle ul.p-navigation__dropdown li.p-navigation__account-name a:hover { text-decoration: none; } .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown li.p-navigation__dropdown-item:hover, .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown .p-navigation__item--dropdown-toggle li.p-navigation__account-name:hover, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle ul.p-navigation__dropdown li.p-navigation__account-name:hover { background-color: rgb(49, 49, 49); } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name { pointer-events: none; } @media (max-width: 875px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name { padding-left: 2.5rem; } } @media (min-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name .p-text--small { max-width: 13rem; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name hr { display: none; } } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account .p-navigation__dropdown-item, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account .p-navigation__account-name { padding-bottom: 0.75rem; padding-top: 0.75rem; } @media (min-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account .p-navigation__dropdown { height: auto; min-width: 10rem; right: 3rem; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account #canonical-login-content-mobile { right: unset; } } @media (min-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account a.p-navigation__link::after { content: none; } } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account a.p-navigation__link:not(.is-signed-in)::after { content: none; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account button[aria-expanded="true"] { background-color: rgba(255, 255, 255, 0.05); } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] > a.p-navigation__link { background-color: rgb(45, 45, 45); } .p-navigation--sliding .p-navigation__row--25-75 a.p-navigation__dropdown-item, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle a.p-navigation__account-name { padding-bottom: 0.75rem; padding-top: 0.75rem; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__link::after { right: 0.5rem; top: 1.25rem; } @media (max-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__link::after { right: 1.5rem; top: 1rem; } } .p-navigation--sliding .p-navigation--sliding:not(.js-enabled) .p-navigation__item--dropdown-toggle > .p-navigation__link { padding-right: 1rem; } .p-navigation--sliding .p-navigation--sliding:not(.js-enabled) .p-navigation__item--dropdown-toggle > .p-navigation__link::after { content: none; } .p-navigation--sliding .p-navigation__nav { margin-right: -1rem; max-height: calc(-3rem + 100vh); width: auto; } .p-navigation--sliding .p-navigation__nav .p-navigation__items { width: 100%; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link { padding-left: 1rem; padding-right: 2rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link::before { left: 1rem; } @media (max-width: 1249px) { .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link { padding-left: 3rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link::before { left: 3rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link.js-back::after { left: 1.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link { padding-left: 1.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link::before { left: 1.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-toggle:first-child .p-navigation__link::before { content: ""; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-toggle.is-selected > .p-navigation__link::before, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] > .p-navigation__link::before, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] > .p-navigation__link::before { content: none; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-toggle:first-of-type > .p-navigation__link::before, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-close:first-of-type > .p-navigation__link::before { content: none; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-close:first-of-type > .p-navigation__link::after { transform: rotate(90deg); } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__dropdown-item, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__nav .p-navigation__items .p-navigation__account-name { padding-left: 3rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__dropdown-item::before, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name::before, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__nav .p-navigation__items .p-navigation__account-name::before { left: 3rem; } } @media (max-width: 875px) { .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link { padding-left: 2.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link::before { left: 2.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link.js-back::after { left: 1rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link { padding-left: 1rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link::before { left: 1rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__dropdown-item, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__nav .p-navigation__items .p-navigation__account-name { padding-left: 2.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__dropdown-item::before, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name::before, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__nav .p-navigation__items .p-navigation__account-name::before { left: 2.5rem; } } .p-navigation--sliding .p-navigation__nav .p-navigation__items .global-nav { margin-left: auto; } .p-navigation--sliding .p-navigation__banner { padding-left: 0px; } @media (max-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 { display: unset; } .p-navigation--sliding .p-navigation__nav { margin-left: 0px; overflow-y: auto; } .p-navigation--sliding .p-navigation__banner { height: 3rem; padding-left: 1.5rem; } } @media (max-width: 875px) { .p-navigation--sliding .p-navigation__banner { padding-left: 1rem; } } .p-navigation--sliding.has-menu-open { height: fit-content; } @media (max-width: 1249px) { .p-navigation--sliding.has-menu-open .p-navigation__row--25-75 { height: 100vh; } } @media (min-width: 1250px) { .dropdown-content-mobile { display: none !important; } } .dropdown-content-desktop { background-color: rgb(45, 45, 45); border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 1249px) { .dropdown-content-desktop { display: none !important; } } .dropdown-content-desktop .global-nav-dropdown .global-nav__row { padding: 0px 2rem; } .dropdown-content-desktop .global-nav-dropdown .global-nav__row .col-9 { margin-left: 0.25rem; } .dropdown-window-overlay { transition-duration: 0.333s; transition-property: opacity; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); background-color: rgba(17, 17, 17, 0.4); height: 100%; position: fixed; top: 0px; width: 100%; z-index: 7; } .dropdown-window { transition-duration: 0.333s; transition-property: all; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); background-color: rgb(38, 38, 38); box-shadow: rgba(17, 17, 17, 0.2) 0px 1px 32px 1px; flex-direction: column; height: auto; max-height: calc(-3rem + 100vh); overflow-y: auto; position: fixed; width: 100%; z-index: 11; } .p-navigation--sliding.is-reduced ~ .dropdown-window { position: absolute; } .dropdown-window__content { color: rgb(247, 247, 247); } .dropdown-window__content [hidden="true"] { display: none; } .dropdown-window__content .p-side-navigation { height: 100%; padding: 2rem 0px; position: relative; } .dropdown-window__content .p-side-navigation::after { background: rgb(38, 38, 38); inset: 0px 0px 0px -50vw; content: ""; display: block; position: absolute; } .dropdown-window__content .p-side-navigation__drawer { height: 100%; position: relative; } .dropdown-window__content .p-side-navigation__link { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0.25rem 1rem 0.25rem 0.5rem; } .dropdown-window__content .p-side-navigation__link::before, .dropdown-window__content .p-side-navigation__link:focus::before { display: none; } .dropdown-window__content .p-side-navigation__link.is-active { background: rgb(45, 45, 45); } .dropdown-window__content .p-side-navigation__item:last-child .p-side-navigation__link { border: 0px; } .dropdown-window__footer { align-items: start; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; justify-content: space-between; padding: 1rem 0px; } .dropdown-window__footer [class*="p-button"] { background: rgba(0, 0, 0, 0); margin: 0px; } .dropdown-window__main-panel, .dropdown-window__side-panel { margin: 2rem 0px 2.5rem -0.5rem; } .dropdown-window__main-panel .p-muted-heading, .dropdown-window__side-panel .p-muted-heading { color: rgba(255, 255, 255, 0.6); padding-left: 0.5rem; padding-top: 0.25rem; } .dropdown-window__main-panel .p-navigation__dropdown-item, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name, .dropdown-window__side-panel .p-navigation__dropdown-item, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name { background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 1.5rem; margin: 0px; padding: 0px; position: relative; } .dropdown-window__main-panel .p-navigation__dropdown-item a, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name a, .dropdown-window__side-panel .p-navigation__dropdown-item a, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name a { display: block; font-weight: 400; padding: 0.25rem 0.5rem; white-space: normal; } .dropdown-window__main-panel .p-navigation__dropdown-item a.p-button--positive, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a.p-button--positive, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name a.p-button--positive, .dropdown-window__side-panel .p-navigation__dropdown-item a.p-button--positive, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a.p-button--positive, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name a.p-button--positive { display: inline-block; margin: 0.5rem 0.5rem 0.75rem; } .dropdown-window__main-panel .p-navigation__dropdown-item a:visited, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a:visited, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name a:visited, .dropdown-window__side-panel .p-navigation__dropdown-item a:visited, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a:visited, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name a:visited { color: rgb(247, 247, 247); } .dropdown-window__main-panel .p-navigation__dropdown-item a:hover:not([class*="p-button--positive"]), .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a:hover:not([class*="p-button--positive"]), .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name a:hover:not([class*="p-button--positive"]), .dropdown-window__side-panel .p-navigation__dropdown-item a:hover:not([class*="p-button--positive"]), .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a:hover:not([class*="p-button--positive"]), .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name a:hover:not([class*="p-button--positive"]) { background-color: rgba(170, 170, 170, 0.1); text-decoration: none; } .dropdown-window__main-panel .p-navigation__dropdown-item a small.is-muted, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a small.is-muted, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name a small.is-muted, .dropdown-window__side-panel .p-navigation__dropdown-item a small.is-muted, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a small.is-muted, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name a small.is-muted { color: rgb(170, 170, 170); } .dropdown-window__main-panel .p-navigation__dropdown-item:last-child, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name:last-child, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name:last-child, .dropdown-window__side-panel .p-navigation__dropdown-item:last-child, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name:last-child, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name:last-child { border-bottom: 0px; } .dropdown-window__main-panel .p-navigation__dropdown-item::before, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name::before, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name::before, .dropdown-window__side-panel .p-navigation__dropdown-item::before, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name::before, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name::before { left: 2rem; } .dropdown-window__main-panel .p-navigation__dropdown-item .p-muted-heading, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name .p-muted-heading, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name .p-muted-heading, .dropdown-window__side-panel .p-navigation__dropdown-item .p-muted-heading, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name .p-muted-heading, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name .p-muted-heading { padding-left: 0.5rem; } .dropdown-window__side-panel { margin: 2rem 0px; padding: 0px; } .dropdown-window__side-panel .p-list .p-list__item, .dropdown-window__side-panel .p-list .list-matrix, .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded, .p-list--ticked .dropdown-window__side-panel .p-list .p-list__item-padded { padding-left: 0.5rem; } .dropdown-window__side-panel .p-list .p-list__item a.dropdown-window__side-panel-link, .dropdown-window__side-panel .p-list .list-matrix a.dropdown-window__side-panel-link, .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded a.dropdown-window__side-panel-link, .p-list--ticked .dropdown-window__side-panel .p-list .p-list__item-padded a.dropdown-window__side-panel-link, .dropdown-window__side-panel .p-list .p-list__item .p-navigation--sliding a.p-navigation__secondary-link, .dropdown-window__side-panel .p-list .list-matrix .p-navigation--sliding a.p-navigation__secondary-link, .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded .p-navigation--sliding a.p-navigation__secondary-link, .p-list--ticked .dropdown-window__side-panel .p-list .p-list__item-padded .p-navigation--sliding a.p-navigation__secondary-link, .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list__item a.p-navigation__secondary-link, .p-navigation--sliding .dropdown-window__side-panel .p-list .list-matrix a.p-navigation__secondary-link, .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded a.p-navigation__secondary-link, .p-list--ticked .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list__item-padded a.p-navigation__secondary-link { color: rgb(102, 153, 204); } .dropdown-window__side-panel .p-list .p-list__item a.dropdown-window__side-panel-link:visited, .dropdown-window__side-panel .p-list .list-matrix a.dropdown-window__side-panel-link:visited, .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded a.dropdown-window__side-panel-link:visited, .p-list--ticked .dropdown-window__side-panel .p-list .p-list__item-padded a.dropdown-window__side-panel-link:visited, .dropdown-window__side-panel .p-list .p-list__item .p-navigation--sliding a.p-navigation__secondary-link:visited, .dropdown-window__side-panel .p-list .list-matrix .p-navigation--sliding a.p-navigation__secondary-link:visited, .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded .p-navigation--sliding a.p-navigation__secondary-link:visited, .p-list--ticked .dropdown-window__side-panel .p-list .p-list__item-padded .p-navigation--sliding a.p-navigation__secondary-link:visited, .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list__item a.p-navigation__secondary-link:visited, .p-navigation--sliding .dropdown-window__side-panel .p-list .list-matrix a.p-navigation__secondary-link:visited, .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded a.p-navigation__secondary-link:visited, .p-list--ticked .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list__item-padded a.p-navigation__secondary-link:visited { color: rgb(166, 121, 210); } .slide-animation { transform: translateY(-101%); } .fade-animation { opacity: 0; visibility: hidden; } @media (min-width: 1249px) { .p-navigation--sliding.is-reduced.has-search-open .p-navigation__nav .p-navigation__items { display: inline-flex; } .p-navigation--sliding.is-reduced.has-search-open .p-navigation__search { align-items: center; display: flex; justify-content: center; left: 0px; padding: 0.6rem 5rem 0.6rem 0px; position: absolute; top: 2rem; width: 100%; } .p-navigation--sliding.is-reduced.has-search-open .p-navigation__search .p-search-box { margin: 0px; max-width: 50rem; } } .p-navigation--sliding.is-reduced { margin-bottom: 0px; position: relative; } .p-navigation--sliding.is-reduced .p-navigation__banner { height: auto; } @media (max-width: 1249px) { .p-navigation--sliding.is-reduced .p-navigation__banner { padding-left: 1.5rem; } } @media (max-width: 875px) { .p-navigation--sliding.is-reduced .p-navigation__banner { padding-left: 1rem; } } @media (min-width: 1681px) { .p-navigation--sliding.is-reduced .p-navigation__banner { height: 2rem; width: calc(-1px + 21rem); } } .p-navigation--sliding.is-reduced .p-navigation__tagged-logo .p-navigation__link { padding-left: 0px; padding-top: 0.5rem; } @media (max-width: 1249px) { .p-navigation--sliding.is-reduced .p-navigation__tagged-logo .p-navigation__link { padding-top: 0.75rem; } } .p-navigation--sliding.is-reduced .p-navigation__user .p-navigation__link span { display: none; } @media (min-width: 1249px) { .p-navigation--sliding.is-reduced .p-navigation__link span { display: initial; padding-right: 0.5rem; } .p-navigation--sliding.is-reduced .p-navigation__link::after { top: 0.5rem; } } @media (max-width: 1249px) { .p-navigation--sliding.is-reduced .p-navigation__link::after { top: 1rem; } } .p-navigation--sliding.is-reduced .p-navigation__item .p-navigation__link { color: rgb(217, 217, 217); } .p-navigation--sliding.is-reduced .p-navigation__item .js-menu-button.p-navigation__link { padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1250px) { .p-navigation--sliding.is-reduced { background-color: rgb(17, 17, 17); margin-bottom: 0px; } .p-navigation--sliding.is-reduced .p-navigation__item { color: rgb(217, 217, 217); } .p-navigation--sliding.is-reduced .p-navigation__link { color: rgb(217, 217, 217); font-size: 0.875rem; font-weight: 300; line-height: 1rem; padding: 0.5rem 2rem 0.5rem 1rem; transition: none 0s ease 0s; } .p-navigation--sliding.is-reduced .p-navigation__tagged-logo > .p-navigation__link { padding-left: 0px; } .p-navigation--sliding.is-reduced__logo { align-items: center; color: rgb(255, 255, 255); display: flex; font-size: 0.875rem; margin-bottom: 0.75rem; padding-top: 0.55rem; position: relative; } } @media (min-width: 1250px) and (max-width: 1249px) { .p-navigation--sliding.is-reduced__logo { padding-left: 0.5rem !important; padding-right: 0px !important; } } @media (min-width: 1250px) { .p-navigation--sliding.is-reduced__logo a { border-left: 1px solid rgba(247, 247, 247, 0.3); padding-left: 0.5rem; color: rgb(247, 247, 247) !important; } } @media (min-width: 1250px) and (max-width: 1249px) { .p-navigation--sliding.is-reduced__logo a { position: relative; top: 1px; } } @media (min-width: 1250px) { .p-navigation--sliding.is-reduced__logo::after { display: none; } } @media only screen and (min-width: 1250px) and (min-width: 1249px) { .p-navigation--sliding.is-reduced__logo::after { background-color: rgb(247, 247, 247); display: block; left: 1rem; opacity: 0.3; right: 1rem; } } @media (min-width: 1250px) { .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle::after { top: 0.5rem; } .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle.is-selected, .p-navigation--sliding.is-reduced .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] { background-color: rgba(255, 255, 255, 0.1); } .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle.is-selected::after, .p-navigation--sliding.is-reduced .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"]::after { transform: rotate(-180deg); } .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle.is-selected .p-navigation__link, .p-navigation--sliding.is-reduced .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-navigation__link { color: rgb(255, 255, 255); padding-left: 1rem; } .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle.is-selected .p-navigation__link::before, .p-navigation--sliding.is-reduced .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-navigation__link::before { display: none; } .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle.js-account .p-navigation__dropdown { right: 2.75rem; } .p-navigation--sliding.is-reduced .p-navigation__dropdown--right { top: 2rem; } .p-navigation--sliding.is-reduced .p-navigation__link--search-toggle::after { top: 50%; left: 50%; transform: translate(-50%, -50%); } } .p-navigation--sliding.is-reduced ~ .global-nav-dropdown { top: 2.1rem !important; } .p-navigation.is-secondary { position: sticky; top: 0px; z-index: 10; } .p-navigation.is-secondary .p-navigation__item > .p-navigation__link { padding-left: 1rem; padding-right: 1rem; } .p-navigation.is-secondary .p-navigation__nav.is-open { display: flex; } .p-navigation.is-secondary .p-navigation__nav.is-open .p-navigation__items { display: block; } .p-navigation.is-secondary .p-navigation__nav.is-open .p-navigation__link { padding-left: 1.5rem; } @media (max-width: 875px) { .p-navigation.is-secondary .p-navigation__nav.is-open .p-navigation__link { padding-left: 1rem; } } .p-navigation.is-secondary .p-navigation__banner { padding-left: 0px; } @media (max-width: 1249px) { .p-navigation.is-secondary .p-navigation__banner { padding-left: 1.5rem; } .p-navigation.is-secondary .p-navigation__row--25-75 { display: unset; padding-left: 0px; padding-right: 0px; } } @media (max-width: 875px) { .p-navigation.is-secondary .p-navigation__banner { padding-left: 1rem; } } .p-navigation.is-secondary .p-navigation__toggle--open.is-open { transform: rotate(-180deg); } .p-navigation.is-secondary .p-navigation__tagged-logo { width: 17.5rem; } @media (min-width: 1681px) { .p-navigation.is-secondary .p-navigation__tagged-logo { width: 19.5rem; } } .nojs-navigation { background: rgb(38, 38, 38); overflow-x: unset !important; } .nojs-navigation h2 { color: rgb(247, 247, 247); padding-left: 1.5rem; } .nojs-navigation .p-side-navigation { padding-top: 1rem; } .nojs-navigation .dropdown-window__tab-panel { height: fit-content; padding-bottom: 3rem; position: sticky; top: 3rem; } .nojs-navigation .dropdown-window__footer { padding-bottom: 3rem; } @media (max-width: 1249px) { .nojs-navigation .dropdown-window__tab-panel { display: none; } } .is-slanted--bottom-left { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 4rem)); padding-bottom: 6rem; } .is-slanted--bottom-right { clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 4rem), 0% 100%); padding-bottom: 6rem; } .is-slanted--top-right { clip-path: polygon(0% 0%, 100% 4rem, 100% 100%, 0% 100%); margin-top: -4rem; padding-top: 8rem; } [class^="p-strip"].is-x-shallow { padding: 1.5rem 0px; } .p-strip, .p-takeover--grad, .p-takeover--jammy, .p-takeover--dark, .p-takeover--k8s, .p-takeover--snapcraft { overflow-x: hidden; } .p-strip--suru { background-blend-mode: multiply, multiply, normal, normal, normal; background-image: linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0%, rgba(216, 216, 216, 0.54) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: 0% 0%, right top, right 0px bottom 4rem, right bottom, 0% 0%; background-repeat: no-repeat; background-size: 100% calc(100% - 4rem), 50% 100%, 100% 4rem, 100% 4rem, auto; margin-bottom: -4rem; overflow: hidden; position: relative; padding-bottom: 12rem !important; } @supports not (background-blend-mode: multiply) { .p-strip--suru { background-image: linear-gradient(to right bottom, rgba(228, 228, 228, 0.14) 0%, rgba(228, 228, 228, 0.14) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.14) 0%, rgba(216, 216, 216, 0.14) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); } } .p-strip--suru.is-light { color: rgb(0, 0, 0); } .p-strip--suru.is-dark { color: rgb(255, 255, 255); } .p-strip--suru.is-deep { background-position: 0% 0%, right top, right 0px bottom 3rem, right bottom, 0% 0%; background-size: 100% calc(100% - 3rem), 100% 100%, 100% 3rem, 100% 3rem, auto; margin-bottom: -3rem; padding-bottom: 9rem !important; } @media (min-width: 875px) { .p-strip--suru.is-deep { background-position: 0% 0%, right top, right 0px bottom 6rem, right bottom, 0% 0%; background-size: 100% calc(100% - 6rem), 50% 100%, 100% 6rem, 100% 6rem, auto; margin-bottom: -6rem; padding-bottom: 18rem !important; } } .p-strip--suru-accent { background-blend-mode: multiply, multiply, normal, normal, normal; background-image: linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0%, rgba(216, 216, 216, 0.54) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: 0% 0%, right top, right bottom, 0% 0%; background-repeat: no-repeat; background-size: 100% 100%, 50% 100%, 100% 4rem, auto; color: rgb(255, 255, 255); padding-bottom: 6rem; } @supports not (background-blend-mode: multiply) { .p-strip--suru-accent { background-image: linear-gradient(to right bottom, rgba(228, 228, 228, 0.14) 0%, rgba(228, 228, 228, 0.14) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.14) 0%, rgba(216, 216, 216, 0.14) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); } } .p-strip--suru-background { background-blend-mode: multiply, normal, normal; background-image: linear-gradient(to right bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.3%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(1.924rad, rgb(44, 0, 30) 0%, rgb(119, 41, 83) 28.6%, rgb(192, 82, 58) 49.3%, transparent 49.4%); background-position: left top, left bottom, left center; background-repeat: no-repeat; background-size: 100% 100%, 100% 6rem, 100% 100%; padding-bottom: 174px; padding-top: 6rem; } @media only screen and (max-width: 620px) { .p-strip--suru-background { background-blend-mode: normal; background-image: linear-gradient(1.924rad, rgb(44, 0, 30) 0%, rgb(119, 41, 83) 42%, rgb(192, 82, 58) 94%); background-position: left center; background-repeat: no-repeat; background-size: 100% 100%; color: rgb(255, 255, 255); padding-bottom: 3rem; padding-top: 3rem; } } .p-strip--suru-blog-header { background-blend-mode: multiply, multiply, normal; background-image: linear-gradient(150deg, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 54.9%, rgba(228, 228, 228, 0) 55%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0%, rgba(216, 216, 216, 0.54) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 42%, rgb(44, 0, 30) 94%); background-position: left bottom, right bottom 0px, 0% 0%; background-repeat: no-repeat; background-size: 100% 100%, 60% 100%, auto; color: rgb(255, 255, 255); overflow: hidden; position: relative; } @supports not (background-blend-mode: multiply) { .p-strip--suru-blog-header { background-image: linear-gradient(150deg, rgba(228, 228, 228, 0.14) 0%, rgba(228, 228, 228, 0.14) 54.9%, rgba(228, 228, 228, 0) 55%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.14) 0%, rgba(216, 216, 216, 0.14) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 42%, rgb(44, 0, 30) 94%); } } .p-strip--suru-blog-hero { background-blend-mode: multiply, multiply, normal, normal, normal; background-image: linear-gradient(150deg, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 80.9%, rgba(228, 228, 228, 0) 81%, rgba(228, 228, 228, 0) 100%), linear-gradient(220deg, rgba(216, 216, 216, 0.54) 0%, rgba(216, 216, 216, 0.54) 75.9%, rgba(216, 216, 216, 0) 72%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.3%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: left bottom 4rem, right bottom 0px, left 0px bottom 10.5rem, right bottom, 0% 0%; background-repeat: no-repeat; background-size: 100% calc(100% - 4rem), 100% 100%, 101% 5.5rem, 102% 10.5rem, auto; margin: 0px; overflow: hidden; padding-bottom: 0px; position: relative; } @supports not (background-blend-mode: multiply) { .p-strip--suru-blog-hero { background-image: linear-gradient(150deg, rgba(228, 228, 228, 0.14) 0%, rgba(228, 228, 228, 0.14) 80.9%, rgba(228, 228, 228, 0) 81%, rgba(228, 228, 228, 0) 100%), linear-gradient(220deg, rgba(216, 216, 216, 0.14) 0%, rgba(216, 216, 216, 0.14) 75.9%, rgba(216, 216, 216, 0) 72%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.3%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); } } @media (min-width: 875px) { .p-strip--suru-blog-hero { background-image: linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0%, rgba(216, 216, 216, 0.54) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.3%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: 0% 0%, right top, left 0px bottom 6.45rem, right bottom, 0% 0%; background-size: 100% calc(100% - 7rem), 67% calc(100% - 1.5rem), 101% 5.5rem, 102% 6.5rem, auto; } } .p-strip--suru-blog-hero.is-dark { color: rgb(255, 255, 255); } .p-strip--suru-bottomed { background-blend-mode: multiply, multiply, normal, normal; background-image: linear-gradient(to right top, rgba(228, 228, 228, 0.5) 0%, rgba(228, 228, 228, 0.5) 49.5%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to right top, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.5%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49.5%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: left bottom, left bottom, right bottom, right bottom; background-repeat: no-repeat; background-size: 42% 12rem, 65.2% 8rem, 73.7% 8rem, 73.7% 8rem; padding-bottom: 8rem; } [class*="p-strip"].has-cube::after, [class*="p-takeover"].has-cube::after { background: url(""); content: ""; height: 100%; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 1; } [class*="p-strip"].has-cube *, [class*="p-takeover"].has-cube * { z-index: 2; } [class*="p-strip"].has-cube > div .cube-access, [class*="p-takeover"].has-cube > div .cube-access { position: relative; } .p-strip--suru-half-and-half { background-blend-mode: multiply, multiply, normal, normal; background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.5) 0%, rgba(228, 228, 228, 0.5) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to right bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.8%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, rgb(44, 0, 30) 18%, rgb(114, 41, 83) 63%, rgb(233, 84, 32) 100%); background-position: right top, right top, 71.5% top, right top; background-repeat: no-repeat; background-size: 46.2% 68.6%, 38.4% 100%, 16.8% 100%, 40.5% 100%; } @supports not (background-blend-mode: multiply) { .p-strip--suru-half-and-half { background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.1) 0%, rgba(228, 228, 228, 0.1) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to right bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.8%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, rgb(44, 0, 30) 18%, rgb(114, 41, 83) 63%, rgb(233, 84, 32) 100%); } } @media only screen and (max-width: 620px) { .p-strip--suru-half-and-half { background-blend-mode: normal; background-image: linear-gradient(90deg, rgb(44, 0, 30) 18%, rgb(114, 41, 83) 63%, rgb(233, 84, 32) 100%); background-position: right top; background-repeat: no-repeat; background-size: 100% 100%; color: rgb(255, 255, 255); } } .p-strip--suru-half-and-half-reversed { background-blend-mode: multiply, normal, normal, normal; background-image: linear-gradient(25deg, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left, transparent 0%, transparent 41.9%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%), linear-gradient(289deg, transparent 46.3%, rgb(166, 59, 62) 20%, rgb(119, 41, 83) 63%, rgb(44, 0, 30) 100%); background-position: left top 60%, left top, right center; background-repeat: no-repeat; background-size: 90% 100%, 100% 100%, cover; } @media (max-width: 875px) { .p-strip--suru-half-and-half-reversed { background-image: linear-gradient(270deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 43%, rgb(44, 0, 30) 87%); background-position: right center; background-size: cover; } } .p-strip--suru-half-and-half-reversed.is-light { color: rgb(0, 0, 0); } .p-strip--suru-half-and-half-reversed.is-dark { color: rgb(255, 255, 255); } .p-strip-suru-half-top { background-blend-mode: multiply, multiply, normal, normal; background-color: rgb(247, 247, 247); background-image: linear-gradient(to right bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left bottom, rgba(228, 228, 228, 0.5) 0px, rgba(228, 228, 228, 0.5) 49.8%, transparent 50%), linear-gradient(to left top, rgb(247, 247, 247) 0%, rgb(247, 247, 247) 49.5%, transparent 50%), linear-gradient(251deg, rgb(233, 84, 34) 0%, rgb(119, 41, 83) 49.5%, rgb(44, 0, 30) 100%); background-position: left top, right top, center 66.5%, left top; background-repeat: no-repeat; background-size: 63% 97%, 100% 66%, 100% 31%, 100% 76.5%; color: rgb(247, 247, 247); padding-bottom: 10rem; padding-top: 6rem; } @supports not (background-blend-mode: multiply) { .p-strip-suru-half-top { background-image: linear-gradient(to right bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left bottom, rgba(228, 228, 228, 0.1) 0px, rgba(228, 228, 228, 0.1) 49.8%, transparent 50%), linear-gradient(to left top, rgb(247, 247, 247) 0%, rgb(247, 247, 247) 49.5%, transparent 50%), linear-gradient(251deg, rgb(233, 84, 34) 0%, rgb(119, 41, 83) 49.5%, rgb(44, 0, 30) 100%); } } @media only screen and (max-width: 620px) { .p-strip-suru-half-top { background-blend-mode: normal; background-image: linear-gradient(251deg, rgb(233, 84, 34) 0%, rgb(119, 41, 83) 49.5%, rgb(44, 0, 30) 100%); background-position: left top; background-repeat: no-repeat; background-size: 100% 76.5%; padding-bottom: 5rem; padding-top: 3rem; } } .p-strip--suru-image { background-blend-mode: multiply, multiply, normal, normal; background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.5) 0%, rgba(228, 228, 228, 0.5) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49.6%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: right top, right top, right top, right top; background-repeat: no-repeat; background-size: 37.7% calc(100% - 6rem), 42.1% calc(100% - 151px), 49.2% calc(100% - 12rem), 49.2% calc(100% - 12rem); padding-bottom: 4rem; padding-top: 4rem; } @supports not (background-blend-mode: multiply) { .p-strip--suru-image { background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.1) 0%, rgba(228, 228, 228, 0.1) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49.6%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); } } @media only screen and (max-width: 620px) { .p-strip--suru-image { background-blend-mode: normal; background-image: linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: right top; background-repeat: no-repeat; background-size: 100% 100%; color: rgb(255, 255, 255); padding-bottom: 4rem; padding-top: 4rem; } .p-strip--suru-image a:not([class*="p-button"]) { color: inherit; font-weight: bold; text-decoration: underline; } } .p-strip--suru-topped { background-blend-mode: multiply, multiply, normal, normal; background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.5) 0%, rgba(228, 228, 228, 0.5) 49%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to right bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), linear-gradient(90deg, rgb(60, 0, 30) 4%, rgb(119, 41, 83) 50%, rgb(233, 84, 32) 88%); background-position: right top, right top, left top, left top; background-repeat: no-repeat; background-size: 39.4% 6rem, 54% 4rem, 63% 4rem, 62.6% 4rem; padding-bottom: 4rem; padding-top: 6rem; } .p-strip--suru-topped-light { background-blend-mode: multiply, multiply, normal, normal; background-color: rgb(247, 247, 247); background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.5) 0%, rgba(228, 228, 228, 0.5) 49%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to right bottom, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0) 49%, rgb(247, 247, 247) 50%, rgb(247, 247, 247) 100%), linear-gradient(90deg, rgb(60, 0, 30) 4%, rgb(119, 41, 83) 50%, rgb(233, 84, 32) 88%); background-position: right top, right top, left top, left top; background-repeat: no-repeat; background-size: 39.4% 6rem, 54% 4rem, 63% 4rem, 62.6% 4rem; padding-bottom: 4rem; padding-top: 6rem; } .p-strip--suru-light { background-blend-mode: multiply, multiply, normal, normal; background-color: rgb(17, 17, 17); background-image: linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0px, rgba(216, 216, 216, 0.54) 49.9%, transparent 50%), linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0px, rgba(228, 228, 228, 0.54) 49.9%, transparent 50%), linear-gradient(to left top, rgb(247, 247, 247) 0%, rgb(247, 247, 247) 49.3%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 100%), linear-gradient(-20deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: right top, left top, right bottom -1px, left top; background-repeat: no-repeat; background-size: 74% 99.83%, 98% 91%, 192.8% 23.26%, 100% 99.8%; color: rgb(255, 255, 255); margin: 0px; padding-bottom: 6rem; padding-top: 2rem; } @supports not (background-blend-mode: multiply) { .p-strip--suru-light { background-image: linear-gradient(to left bottom, rgba(216, 216, 216, 0.14) 0px, rgba(216, 216, 216, 0.14) 49.9%, transparent 50%), linear-gradient(to right bottom, rgba(228, 228, 228, 0.14) 0px, rgba(228, 228, 228, 0.14) 49.9%, transparent 50%), linear-gradient(to left top, rgb(247, 247, 247) 0%, rgb(247, 247, 247) 49.3%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 100%), linear-gradient(243deg, rgb(233, 84, 32) 103%, rgb(119, 41, 83) 70%, rgb(44, 0, 30) 39%); } } @media (max-width: 875px) { .p-strip--suru-light { background-position: right top, left top, right bottom -1px, left top; background-repeat: no-repeat; background-size: 74% 99.83%, 148% 83%, 119% 13%, 100% 99.83%; padding-bottom: 8rem; padding-top: 4rem; } } .p-strip--square-darksuru { background-blend-mode: multiply, multiply, normal; background-color: rgb(17, 17, 17); background-image: linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0px, rgba(216, 216, 216, 0.54) 49.9%, transparent 50%), linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0px, rgba(228, 228, 228, 0.54) 49.9%, transparent 50%), linear-gradient(201deg, rgb(78, 78, 78) 0%, rgb(51, 51, 51) 46%, rgb(17, 17, 17) 90%); background-position: right top, left top, left top; background-repeat: no-repeat; background-size: 77% 115%, 71% 104%, 100% 99.8%; color: rgb(255, 255, 255); } .p-strip--square-lightsuru { background-color: rgb(247, 247, 247); } @media (min-width: 875px) { .p-strip--square-lightsuru { background-blend-mode: initial; background-image: linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0px, rgba(216, 216, 216, 0.54) 49.9%, transparent 50%), linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0px, rgba(228, 228, 228, 0.54) 49.9%, transparent 50%), linear-gradient(201deg, rgb(247, 247, 247) 30%, rgb(229, 229, 229) 90%); background-position: right top, left top, left top; background-repeat: no-repeat; background-size: 86% 125%, 77% 57%, 100% 99.8%; } } .p-strip--square-suru { background-blend-mode: multiply, multiply, normal; background-color: rgb(44, 0, 30); background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: right top, left top, left top; background-repeat: no-repeat; background-size: 86% 105%, 67% 152%, 100% 99.9%; color: rgb(255, 255, 255); } [class*="p-strip"].is-x-deep { padding: 4.75rem 0px 5.5rem; } @media (min-width: 1036px) { [class*="p-strip"].is-x-deep { padding: 9.5rem 0px 11rem; } } .p-strip--suru-shape-light { background: url("") 70% bottom / cover; } .p-strip--suru-shape-dark { background: url("") 100% 0px / cover rgb(44, 44, 44); color: rgb(255, 255, 255); } .p-strip--whitesuru { background: url("") left top / contain no-repeat; } @media screen and (max-width: 619px) { .p-strip--whitesuru { background: none; } } @media screen and (min-width: 620px) and (max-width: 1035px) { .p-strip--whitesuru { background: none; } } .p-modal--active { height: 100vh; overflow: hidden; } .p-modal--ua-payment { overflow: hidden; position: fixed; z-index: 100; } .p-modal--ua-payment.u-hide:target { display: flex !important; } .p-modal--ua-payment.is-pay-mode .js-payment-method, .p-modal--ua-payment.is-pay-mode .js-close-modal { display: none; } .p-modal--ua-payment.is-details-mode .js-process-payment, .p-modal--ua-payment.is-details-mode .js-close-modal { display: none; } .p-modal--ua-payment.is-dialog-mode .js-cancel-modal, .p-modal--ua-payment.is-dialog-mode .js-payment-method, .p-modal--ua-payment.is-dialog-mode .js-process-payment { display: none; } .p-modal--ua-payment .p-modal__dialog { display: flex; flex-direction: column; max-width: 50rem; overflow: auto; padding: 0px; position: static; width: 100%; } .p-modal--ua-payment .p-modal__body, .p-modal--ua-payment .p-modal__footer, .p-modal--ua-payment .p-modal__header { padding: 1rem; } .p-modal--ua-payment .p-modal__body { overflow-y: scroll; } .p-modal--ua-payment .p-modal__header { box-shadow: rgba(17, 17, 17, 0.2) 0px 1px 1px; } .p-modal--ua-payment .p-modal__footer { box-shadow: rgba(17, 17, 17, 0.2) 0px -1px 1px; position: relative; } .p-modal--ua-payment .p-modal__progress { bottom: 0px; left: 1rem; position: absolute; } @media (min-width: 875px) { .p-modal--ua-payment .p-modal__progress { bottom: 1rem; } } .p-modal--ua-payment .p-form__group { align-items: start; margin-bottom: 0px; } .p-modal--ua-payment .p-form__group:last-child { margin-bottom: 0px; } .p-modal--ua-payment .p-form__group + .p-form__group { margin-top: 0.3rem; } .p-modal--ua-payment .row, .p-modal--ua-payment .p-stepped-list--grid { gap: 0px 1rem; } @media (min-width: 875px) { .p-modal--ua-payment .col-3 { text-align: right; } } @media (min-width: 875px) { .p-modal--ua-payment .col-4 { text-align: right; } } .p-modal--ua-payment #card-element { background: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); border-radius: 0.125rem; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px inset; padding: 9px 2rem 9px 9px; } .p-modal--ua-payment #card-element.StripeElement--focus { outline: rgb(25, 182, 238) solid 0.1875rem; outline-offset: -0.1875rem; } .p-modal--ua-payment #card-element.StripeElement--focus.StripeElement--invalid { outline-color: rgb(199, 22, 43); } .p-modal--ua-payment #card-element.StripeElement--invalid { background-image: url(""); background-position: calc(100% - 0.5rem) 50%; background-repeat: no-repeat; border-color: rgb(199, 22, 43); } .p-modal--ua-payment .p-form-validation__message { color: rgb(199, 22, 43); } .p-modal--ua-payment.is-processing .p-modal__body { overflow: hidden; } .p-modal--ua-payment.is-processing .p-modal__body section { visibility: hidden; } @media (min-width: 875px) { .p-modal--ua-payment button, .p-modal--ua-payment label { margin-bottom: 0px; } } .p-modal--ua-payment img { display: block; } @media (min-width: 875px) { .p-modal--ua-payment label { float: right; } } .p-modal--ua-payment label.p-radio--inline { float: none; } .p-modal--ua-payment label.p-radio--inline:not(:first-child) { margin-left: 1.5rem; } .ubuntu-pie { margin: 0px auto; max-width: 21.875rem; } .ubuntu-pie .ubuntu { fill: rgb(233, 84, 32); } .ubuntu-pie .other { fill: rgb(255, 255, 255); } .ubuntu-pie svg tspan { max-width: 0px; text-align: center; text-transform: capitalize; } .p-shop-cart { bottom: -11.5rem; position: sticky; transition: transform 0.5s ease-out 0s; z-index: 20; } .p-shop-cart--distributor { bottom: -9.5rem; } .p-shop-cart--cue { bottom: 0px; } .p-shop-cart--hidden { transform: translateY(100%); } .p-shop-cart .p-shop-cart__selected-product { display: flex; flex-wrap: wrap; } .p-shop-cart .p-shop-cart__selected-product .p-shop-cart__label { align-items: center; display: flex; margin-left: 0.5rem; margin-top: 0.5rem; } @media (min-width: 460px) { .p-shop-cart .p-shop-cart__selected-product { flex-wrap: nowrap; } .p-shop-cart .p-shop-cart__selected-product > div { margin-left: 2.5rem; } .p-shop-cart .p-shop-cart__selected-product .p-shop-cart__label { align-items: flex-start; display: flex; margin-left: 1rem; margin-top: calc(-1px + 0.4rem); } } .p-shop-cart .p-shop-cart__selected-product > img { height: 35px; margin: 0px 1rem; } .p-shop-cart .p-shop-cart__selected-product > span, .p-shop-cart .p-shop-cart__selected-product > img { padding-top: calc(-1px + 0.4rem); } .p-shop-cart .p-shop-cart__buy { align-items: center; display: flex; flex-direction: column; justify-content: flex-end; margin-top: 1rem; } @media (min-width: 460px) { .p-shop-cart .p-shop-cart__buy { align-items: flex-start; flex-direction: row; } } @media (min-width: 875px) { .p-shop-cart .p-shop-cart__buy { flex-wrap: wrap; margin-top: 0px; } .p-shop-cart .p-shop-cart__buy > button { margin-right: 0px; } } .p-shop-cart .p-shop-cart__buy > span { margin-right: 0.5rem; padding-top: calc(-1px + 0.4rem); } .p-shop-cart--small > div { background-color: rgb(247, 247, 247); padding-top: 2rem; } .p-shop-cart--small button { width: 100%; } .product-selector { counter-reset: headings 0; } .product-selector .p-stepped-list__title { margin-bottom: 2rem; } .product-selector .p-stepped-list__title::before { content: counter(p-stepped-list-counter); width: 2rem; } @media screen and (min-width: 1036px) { .product-selector { padding-top: 0rem; } .product-selector .p-stepped-list__title { padding-left: 3.7rem; } .product-selector > .p-stepped-list > .p-stepped-list__item, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item { padding-bottom: 0px; } .product-selector > .p-stepped-list > .p-stepped-list__item > .p-strip, .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--grad, .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy, .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--dark, .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s, .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-strip, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft { padding-top: 0.5rem; } .product-selector > .p-stepped-list > .p-stepped-list__item > .p-strip > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-strip > .p-stepped-list--grid > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--grad > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--grad > .p-stepped-list--grid > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy > .p-stepped-list--grid > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--dark > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--dark > .p-stepped-list--grid > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s > .p-stepped-list--grid > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .p-stepped-list--grid > .col-6:nth-child(2) { padding-top: 1rem; } } .product-selector .p-card--radio--column.is-selected, .product-selector .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--column.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .p-navigation--sliding .p-navigation__row--25-75 .product-selector .p-card--radio--column.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] { box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 4px, rgba(0, 0, 0, 0.05) 0px 2px 16px, rgba(0, 0, 0, 0.1) 0px 0px 24px, rgb(117, 117, 117) 0px 0px 0px 1px; } .included { align-items: center; display: flex; gap: 1rem; height: 122px; justify-content: flex-start; margin-left: 1rem; } .heading, .main, .universe { height: 7rem; margin-bottom: 10px; padding-right: 3rem; padding-top: 0.5px; } .support-row { height: 3rem; margin: 0px 1rem; padding-top: 1rem; text-align: left; } .support-row > i { margin-right: 1rem; } .support-row.not-supported { margin-left: 3rem; } .p-status-label--positive { background-color: rgba(10, 189, 37, 0.1); border: 1px solid rgb(14, 132, 32); border-radius: 1rem; color: rgb(17, 17, 17); font-weight: 550; margin: 0px 0.5rem 1.25rem 0px; padding: calc(-1px + 0.25rem) 0.5rem; position: relative; top: -0.4rem; } .p-status-label--positive .p-status-label--negative, .p-status-label--positive .p-label--negative, .p-status-label--positive .p-status-label--information, .p-status-label--positive .p-label--information, .p-status-label--positive .p-status-label--caution, .p-status-label--positive .p-label--caution, .p-status-label--positive .p-status-label--positive, .p-status-label--positive .p-label--positive, .p-status-label--positive .p-status-label, .p-status-label--positive .p-label { display: inline-block; font-weight: 550; padding: 0.25rem 0.5rem; text-align: center; text-decoration: none; white-space: nowrap; } .p-status-label--positive .p-status-label, .p-status-label--positive .p-label { background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--positive, .p-status-label--positive .p-label--positive { background-color: rgb(14, 132, 32); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--caution, .p-status-label--positive .p-label--caution { background-color: rgb(204, 121, 0); color: rgb(0, 0, 0); } .p-status-label--positive .p-status-label--information, .p-status-label--positive .p-label--information { background-color: rgb(36, 89, 143); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--negative, .p-status-label--positive .p-label--negative { background-color: rgb(199, 22, 43); color: rgb(255, 255, 255); } .versions-features > li.p-list__item, .versions-features > li.list-matrix, .p-list--ticked .versions-features > li.p-list__item-padded { padding: 0.5rem 0px; } .versions-features .p-status-label--positive { border: none; font-style: oblique; margin-left: 0.5rem; top: 0px; } .description-column { padding-left: 3.6rem; } .description-column > .heading { height: 125px; padding-right: 1rem; padding-top: 1.5rem; } .description-column > .support-row { margin: 0px; } .description-column hr { margin-top: -1px; } .description-column > :not(:last-child)::before { background: rgba(0, 0, 0, 0.15); content: ""; display: block; height: 1px; position: relative; top: 100%; width: calc(200% + 9.6rem); z-index: 10; } .description-column > .support-heading { padding: 1rem 0px 12px; } .description-column > .support-heading::before { top: 2.3rem; } .description-column > .support-heading::before, .description-column > .support-row::before { width: calc(200% + 3.6rem); } .inner-support-label { font-weight: 500; margin: 0.5rem 0px 15px 1rem; } .product-selector .p-card--radio i, .product-selector .p-card--radio--support i, .product-selector .p-card--radio--version i, .product-selector .p-card--radio--feature i { margin-right: 0.7rem; } .product-selector .p-card--radio .p-radio__label, .product-selector .p-card--radio--support .p-radio__label, .product-selector .p-card--radio--version .p-radio__label, .product-selector .p-card--radio--feature .p-radio__label { font-weight: bold; } @media screen and (min-width: 1036px) { .response-time-heading { padding-left: 3.6rem; } } @media screen and (min-width: 1036px) { .response-time-toggle { margin-left: -1rem; width: calc(100% + 1.4rem); } } .distributor-shop-selector { counter-reset: headings 0; } .distributor-shop-selector .p-stepped-list__title { margin-bottom: 2rem; } .distributor-shop-selector .p-stepped-list__title::before { align-items: center; border: 1px solid rgb(0, 0, 0); border-radius: 50%; content: counter(p-stepped-list-counter); text-align: center; font-size: 1rem; } @media screen and (min-width: 1036px) { .distributor-shop-selector { padding-top: 2rem; } .distributor-shop-selector .p-stepped-list__title { padding-left: 3.7rem; width: 560px; } .distributor-shop-selector .p-stepped-list__title::before { font-size: 1.5rem; height: 2.5rem; line-height: 2.5rem; width: 2.5rem; } .distributor-shop-selector .p-stepped-list > .p-stepped-list__item, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item { padding-bottom: 0px; } .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-strip, .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--grad, .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy, .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--dark, .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s, .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-strip, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-strip, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft { padding-bottom: 3rem; padding-top: 3rem; } .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-strip > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-strip > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--grad > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--grad > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--dark > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--dark > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .p-stepped-list--grid > .col-6:nth-child(2) { padding-top: 1rem; } } .distributor-shop-selector.p-card--radio--column.is-selected, .p-navigation--sliding .p-navigation__row--25-75 .distributor-shop-selector.p-card--radio--column.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] { box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 4px, rgba(0, 0, 0, 0.05) 0px 2px 16px, rgba(0, 0, 0, 0.1) 0px 0px 24px, rgb(117, 117, 117) 0px 0px 0px 1px; } .included { align-items: center; display: flex; gap: 1rem; height: 122px; justify-content: flex-start; margin-left: 1rem; } .heading, .main, .universe { height: 7rem; margin-bottom: 10px; padding-right: 3rem; padding-top: 0.5px; } .support-row { height: 3rem; margin: 0px 1rem; padding-top: 1rem; text-align: left; } .support-row > i { margin-right: 1rem; } .support-row.not-supported { margin-left: 3rem; } .p-status-label--positive { background-color: rgba(10, 189, 37, 0.1); border: 1px solid rgb(14, 132, 32); border-radius: 1rem; color: rgb(17, 17, 17); font-weight: 550; margin: 0px 0.5rem 1.25rem 0px; padding: calc(-1px + 0.25rem) 0.5rem; position: relative; top: -0.4rem; } .p-status-label--positive .p-status-label, .p-status-label--positive .p-label, .p-status-label--positive .p-status-label--positive, .p-status-label--positive .p-label--positive, .p-status-label--positive .p-status-label--caution, .p-status-label--positive .p-label--caution, .p-status-label--positive .p-status-label--information, .p-status-label--positive .p-label--information, .p-status-label--positive .p-status-label--negative, .p-status-label--positive .p-label--negative { display: inline-block; font-weight: 550; padding: 0.25rem 0.5rem; text-align: center; text-decoration: none; white-space: nowrap; } .p-status-label--positive .p-status-label, .p-status-label--positive .p-label { background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--positive, .p-status-label--positive .p-label--positive { background-color: rgb(14, 132, 32); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--caution, .p-status-label--positive .p-label--caution { background-color: rgb(204, 121, 0); color: rgb(0, 0, 0); } .p-status-label--positive .p-status-label--information, .p-status-label--positive .p-label--information { background-color: rgb(36, 89, 143); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--negative, .p-status-label--positive .p-label--negative { background-color: rgb(199, 22, 43); color: rgb(255, 255, 255); } .versions-features > li.p-list__item, .versions-features > li.list-matrix, .p-list--ticked .versions-features > li.p-list__item-padded { padding: 0.5rem 0px; } .versions-features .p-status-label--positive { border: none; font-style: oblique; margin-left: 0.5rem; top: 0px; } .description-column { padding-left: 3.6rem; } .description-column > .heading { height: 125px; padding-right: 1rem; padding-top: 1.5rem; } .description-column > .support-row { margin: 0px; } .description-column hr { margin-top: -1px; } .description-column > :not(:last-child)::before { background: rgba(0, 0, 0, 0.15); content: ""; display: block; height: 1px; position: relative; top: 100%; width: calc(200% + 9.6rem); z-index: 10; } .description-column > .support-heading { padding: 1rem 0px 12px; } .description-column > .support-heading::before { top: 2.3rem; } .description-column > .support-heading::before, .description-column > .support-row::before { width: calc(200% + 3.6rem); } .inner-support-label { font-weight: 500; margin: 0.5rem 0px 15px 1rem; } .distributor-shop-selector.p-card--radio i, .distributor-shop-selector.p-card--radio--support i, .distributor-shop-selector.p-card--radio--version i, .distributor-shop-selector.p-card--radio--feature i { margin-right: 0.7rem; } .distributor-shop-selector.p-card--radio .p-radio__label, .distributor-shop-selector.p-card--radio--support .p-radio__label, .distributor-shop-selector.p-card--radio--version .p-radio__label, .distributor-shop-selector.p-card--radio--feature .p-radio__label { font-weight: bold; } @media screen and (min-width: 1036px) { .response-time-heading { padding-left: 3.6rem; } } @media screen and (min-width: 1036px) { .response-time-toggle { margin-left: -1rem; width: calc(100% + 1.4rem); } } .deal-registration-card { margin-left: 0.1rem; margin-right: 0.1rem; } .add-subscription-card-container { position: relative; } .add-subscription-card-container .add-subscription-card { margin-left: 0.1rem; margin-right: 0.1rem; padding-left: 3.5rem; } .add-subscription-card-container .add-subscription-card .p-card__title { padding-top: 0px; } .add-subscription-card-container .p-icon--close { cursor: pointer; left: 1.2rem; position: absolute; top: 1.4rem; } .add-subscription-card-container .p-card__content h5 { margin-bottom: 0.5rem; } .p-code-snippet__block--hover { cursor: pointer; } .p-subscriptions__header-title { margin-bottom: 2.5rem; } @media only screen and (max-width: 875px) { .p-subscriptions__header-title { margin-bottom: 1rem; } } @media only screen and (max-width: 620px) { .p-subscriptions__card { border: none; } } @media only screen and (min-width: 620px) { .p-subscriptions__list-card { position: relative; overflow: visible; } .p-subscriptions__list-card::before { left: 0px; background-color: rgba(0, 0, 0, 0); content: ""; position: absolute; } .p-subscriptions__list-card::before { height: auto; width: 0.1875rem; bottom: -1px; top: -1px; z-index: 1; } .p-subscriptions__list-card::before { transition-duration: 0.1s; transition-property: background-color; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .p-subscriptions__list-card:not(.is-active) { cursor: pointer; } .p-subscriptions__list-card.is-active { position: relative; background-color: rgb(247, 247, 247); } .p-subscriptions__list-card.is-active::before { left: 0px; background-color: rgb(233, 84, 32); content: ""; position: absolute; } .p-subscriptions__list-card.is-active::before { height: auto; width: 0.1875rem; bottom: -1px; top: -1px; z-index: 1; } .p-subscriptions__list-card.is-active::before { border-radius: 0px; left: -1px; } } @media only screen and (min-width: 620px) { .p-subscriptions__card > .p-card__content { display: grid; grid-template-columns: 5fr 7fr; } .p-subscriptions__list-scroll { inset: 0px; overflow-y: auto; padding: calc(-1px + 1rem); position: absolute; } } .p-subscriptions__list { position: relative; } .p-subscriptions__details { padding: calc(-1px + 1rem); } @media only screen and (max-width: 620px) { .p-subscriptions__details { display: none; } .p-subscriptions__details.is-active { display: flex; } .p-subscriptions__details.is-active .p-modal__dialog { display: grid; grid-template-rows: auto 1fr; } .p-subscriptions__details.is-active .p-subscription__edit { display: grid; grid-template-areas: "header" "content" "footer"; grid-template-rows: auto auto 1fr; } .p-subscriptions__details.is-active .p-subscription__edit .p-subscription__resize-actions { align-self: end; border-top: 1px solid rgba(0, 0, 0, 0.3); column-gap: 1rem; display: grid; grid-area: footer; grid-template-columns: 1fr 1fr; padding-top: 1rem; } .p-subscriptions__details.is-active .p-subscription__edit .p-subscription__resize-actions::after { display: none; } .p-subscriptions__details.is-active .p-subscription__edit .p-subscription__resize-action { margin-bottom: 0px; } } @media only screen and (min-width: 620px) { .p-subscriptions__details, .p-subscriptions__details.is-active { background: unset; display: block; height: unset; padding: 0px; position: relative; width: unset; z-index: unset; } .p-subscriptions__details .p-modal__dialog:not(.ua-dialog), .p-subscriptions__details.is-active .p-modal__dialog:not(.ua-dialog) { box-shadow: unset; max-height: unset; max-width: unset; overflow: unset; position: unset; } .p-subscriptions__details .p-modal__header, .p-subscriptions__details.is-active .p-modal__header { margin-bottom: 0px; padding-right: 0px; } .p-subscriptions__details .p-modal__header::after, .p-subscriptions__details.is-active .p-modal__header::after { display: none; } .p-subscriptions__details .p-modal__close, .p-subscriptions__details.is-active .p-modal__close { display: none; } } .p-subscriptions__details-title { margin-bottom: 0.5rem; } .p-subscriptions__details-notification.is-borderless.is-inline { background-position-y: 0.3rem; margin-bottom: 1rem; } .p-subscriptions__details-notification.is-borderless.is-inline .p-notification__content { padding-top: 0px; } .p-subscriptions__details-header + .p-subscriptions__details-action { margin-top: 0.5rem; } .p-subscriptions__details-header [class*="p-chip--"] { max-height: 1.8rem; } .p-subscriptions__details-small-title { margin-bottom: 0.5rem; } .p-subscriptions__list-group { padding-top: 0.5rem; } .p-subscriptions__list-group:first-child { padding-top: 0px; } .p-subscriptions__list-group-title { display: flex; justify-content: space-between; margin-bottom: 1rem; } .p-subscriptions__list-card-title { display: flex; justify-content: space-between; } .p-subscriptions__list-card-features { border-top: 1px solid rgba(0, 0, 0, 0.3); margin-top: 0.5rem; padding-top: 1rem; } .p-subscriptions__sticky-footer-modal .p-modal__dialog { display: grid; grid-template-rows: auto 1fr auto; } .p-subscription__resize { min-width: unset; width: 6rem; } .p-subscription__renewal-dropdown { padding: calc(-1px + 1rem); } .p-subscription-switch { align-items: center; display: flex; margin-bottom: 0px; padding-top: 0px; } .p-subscription-switch-wrapper { align-items: center; display: flex; padding-top: 0.4rem; } .p-subscription-switch__slider { display: inline-block; margin-right: 0.5rem; } .p-subscriptions-separator { margin-bottom: 1rem; margin-top: 1rem; } .p-subscriptions-tooltip { z-index: 102; } .p-subscriptions-tooltip__button { border: 0px; margin-left: 0.2rem; padding: 0px 0.2rem; } .p-strip-photos { display: none; } @media only screen and (min-width: 875px) { .p-strip-photos { display: block; } } .p-strip-photos__container { height: 1.6rem; } @media only screen and (min-width: 875px) { .p-strip-photos__container { margin-bottom: 10.6rem; margin-top: 10.6rem; } } @media only screen and (min-width: 875px) { .p-strip-photos__credit { background-color: rgba(0, 0, 0, 0.6); bottom: 0.6rem; color: rgb(247, 247, 247); display: block; margin-top: -3rem; padding: 0.5rem; position: absolute; right: 0.6rem; } } .p-table--compliance-profiles th:nth-child(1), .p-table--compliance-profiles td:nth-child(1) { width: 8%; } .p-table--compliance-profiles th:nth-child(2), .p-table--compliance-profiles td:nth-child(2) { width: 38%; } .p-table--compliance-profiles th:nth-child(3), .p-table--compliance-profiles td:nth-child(3) { width: 18%; } .p-table--compliance-profiles th:nth-child(4), .p-table--compliance-profiles td:nth-child(4) { width: 18%; } .p-table--compliance-profiles th:nth-child(5), .p-table--compliance-profiles td:nth-child(5) { width: 18%; } @media only screen and (max-width: 1035px) { .p-table-of-contents { padding-left: 0px; } } @media (max-width: 1035px) { .p-sticky-toc { margin-bottom: 2rem; order: -1; } } .p-sticky-toc .p-table-of-contents { position: sticky; top: 1rem; } @media (max-width: 1035px) { .p-sticky-toc .p-table-of-contents { border-bottom: 1px solid rgb(217, 217, 217); border-top: 0px; } } @media (max-width: 1035px) { .p-sticky-toc .p-table-of-contents__section:first-child { padding-top: 0px; } .p-sticky-toc .p-table-of-contents__section:last-child { padding-bottom: 1.5rem; } } .p-table--security-certifications th:nth-child(1), .p-table--security-certifications td:nth-child(1) { width: 46%; } @media only screen and (max-width: 620px) { .p-table--security-certifications th:nth-child(1), .p-table--security-certifications td:nth-child(1) { width: 40%; } } .p-table--security-certifications th:nth-child(2), .p-table--security-certifications td:nth-child(2) { width: 18%; } .p-table--security-certifications th:nth-child(3), .p-table--security-certifications td:nth-child(3) { width: 18%; } .p-table--security-certifications th:nth-child(4), .p-table--security-certifications td:nth-child(4) { width: 18%; } @media only screen and (max-width: 620px) { .p-table--security-certifications th:nth-child(4), .p-table--security-certifications td:nth-child(4) { width: 24%; } } tr th { padding-top: 0.5rem; } tr .p-table__cell--highlight { background: rgb(255, 255, 255); padding: 0.5rem; } table:empty { display: none; } .p-table--key-value { width: auto; } .p-table--key-value tr { display: table-row; border-top: 0px !important; } .p-table--key-value tr td { display: table-cell; padding-bottom: 0px; padding-top: 0px; } @media (min-width: 875px) { .p-table--key-value tr td:first-child { text-align: right; white-space: nowrap; } } @media (min-width: 875px) { .p-table__group { border-top: 0px !important; } .p-table__group .p-table__group--hide-cell span { display: none; } } .p-table.is-not-indented td:first-child, .p-table.is-not-indented th:first-child { padding-left: 0px; } .p-table.is-not-indented td:last-child, .p-table.is-not-indented th:first-child { padding-right: 0px; } .p-table.is-list { table-layout: auto; } .p-table.is-list td:first-child { text-align: right; width: 3ch; } .p-bordered-table { border-left: 1px solid rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(0, 0, 0, 0.3); } .p-bordered-table .p-bordered-table__cell { border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-right: 1px solid rgba(0, 0, 0, 0.3); padding: 0.5rem 1rem; } @media (max-width: 620px) { .p-bordered-table .p-bordered-table__cell { padding: 0.5rem; } } .p-bordered-table .p-bordered-table__cell.is-highlight { background-color: rgb(255, 255, 255); } .p-bordered-table .p-bordered-table__cell.is-bold { font-weight: 550; } .p-takeunder { border-radius: 0.125rem; color: rgb(255, 255, 255); margin-bottom: 1.5rem; padding: 2rem; } @media only screen and (min-width: 875px) { .p-takeunder { margin-bottom: 0px; padding: 2rem 1rem; } } .p-takeunder a:link, .p-takeunder a:visited { color: rgb(255, 255, 255); } @media only screen and (max-width: 875px) { .p-navigation { border: 0px; } } .tco-tooltip { margin-bottom: 0.5rem; margin-left: 0.5rem; } @media (min-width: 875px) { .tco-input { max-width: 10rem; } } .p-engage-banner--grad { background-blend-mode: normal; background-color: rgb(119, 41, 83); background-image: linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 42%, rgb(44, 0, 30) 94%); color: rgb(255, 255, 255); background-position: left top; background-repeat: no-repeat; background-size: 100% 99.8%; } .p-engage-banner--k8s { background-blend-mode: normal; background-color: rgb(50, 109, 230); background-image: linear-gradient(74deg, rgb(23, 61, 139) 0%, rgb(50, 109, 230) 92%); color: rgb(255, 255, 255); background-position: left top; background-repeat: no-repeat; background-size: 100% 99.8%; } .p-engage-banner--dark { background-blend-mode: normal; background-color: rgb(17, 17, 17); background-image: linear-gradient(201deg, rgb(78, 78, 78) 0%, rgb(51, 51, 51) 46%, rgb(17, 17, 17) 90%); color: rgb(255, 255, 255); background-position: left top; background-repeat: no-repeat; background-size: 100% 99.8%; } .p-engage-banner--snapcraft { background-blend-mode: normal; background-color: rgb(131, 191, 161); background-image: linear-gradient(134deg, rgb(45, 97, 98) 0%, rgb(131, 191, 161) 100%); color: rgb(255, 255, 255); background-position: left top; background-repeat: no-repeat; background-size: 100% 99.8%; } .p-engage-banner--aqua { background-blend-mode: normal; background-color: rgb(43, 88, 93); background-image: linear-gradient(246deg, rgb(71, 145, 154) 0%, rgb(71, 145, 154) 53%, rgb(43, 88, 93) 100%); color: rgb(255, 255, 255); background-position: left top; background-repeat: no-repeat; background-size: 100% 99.8%; } @media only screen and (min-width: 876px) { .p-ubuntu-intro { clear: both; display: flex; margin-bottom: 0.625rem; } } .p-ubuntu-intro__icons { margin-bottom: 0px; margin-left: 0px; padding-left: 0px; } .p-ubuntu-intro__icons li { display: inline-block; margin-left: 10px; margin-right: 10px; position: relative; } @media only screen and (min-width: 875px) { .p-ubuntu-intro__icons li { margin-left: 0px; margin-right: 80px; } .p-ubuntu-intro__icons li::after { background-image: url(""); background-position: center center; background-repeat: no-repeat; background-size: 60px; content: ""; display: block; height: 100px; left: 100%; position: absolute; top: 0px; width: 80px; } } .p-ubuntu-intro__icons li:last-child { margin-right: 0px; } .p-ubuntu-intro__icons li:last-child::after { display: none; } .p-ubuntu-intro__icons a { color: rgb(102, 102, 102); } .p-ubuntu-intro__icons a:hover { color: rgb(233, 84, 32); } .p-ubuntu-intro__icon--iot, .p-ubuntu-intro__icon--desktop, .p-ubuntu-intro__icon--containers, .p-ubuntu-intro__icon--server, .p-ubuntu-intro__icon--cloud { display: block; height: 100px; margin-bottom: 1rem; } .p-ubuntu-intro__icon--cloud { background-image: url(""); background-position: center center; background-repeat: no-repeat; width: 100px; } :hover:not(span) > .p-ubuntu-intro__icon--cloud { background-image: url(""); } @media only screen and (min-width: 1681px) { .p-ubuntu-intro__icon--cloud { width: 113px; } } .p-ubuntu-intro__icon--server { background-image: url(""); background-position: center center; background-repeat: no-repeat; width: 73px; } :hover:not(span) > .p-ubuntu-intro__icon--server { background-image: url(""); } @media only screen and (min-width: 1681px) { .p-ubuntu-intro__icon--server { width: 82px; } } .p-ubuntu-intro__icon--containers { background-image: url(""); background-position: center center; background-repeat: no-repeat; width: 78px; } :hover:not(span) > .p-ubuntu-intro__icon--containers { background-image: url(""); } @media only screen and (min-width: 1681px) { .p-ubuntu-intro__icon--containers { width: 88px; } } .p-ubuntu-intro__icon--desktop { background-image: url(""); background-position: center center; background-repeat: no-repeat; width: 128px; } :hover:not(span) > .p-ubuntu-intro__icon--desktop { background-image: url(""); } @media only screen and (min-width: 1681px) { .p-ubuntu-intro__icon--desktop { width: 143px; } } .p-ubuntu-intro__icon--iot { background-image: url(""); background-position: center center; background-repeat: no-repeat; width: 85px; } :hover:not(span) > .p-ubuntu-intro__icon--iot { background-image: url(""); } @media only screen and (min-width: 1681px) { .p-ubuntu-intro__icon--iot { width: 95px; } } .p-tab { color: rgb(102, 102, 102); } .p-tab:hover { background-color: rgb(247, 247, 247); text-decoration: none; } .p-tab.active { background-color: rgb(247, 247, 247); overflow: visible; position: relative; text-decoration: none; } @media (min-width: 875px) { .p-tab.active::after { background: rgb(247, 247, 247); border-left: 1px solid rgb(217, 217, 217); border-top: 1px solid rgb(217, 217, 217); bottom: -41px; content: ""; display: block; height: 2rem; left: calc(50% - 1rem); pointer-events: none; position: absolute; transform: rotate(45deg) skew(-10deg, -10deg); width: 2rem; z-index: 5; } } @media (min-width: 1681px) { .p-tab.active::after { bottom: -46px; } } .p-tabs--vertical { list-style: none; } .p-tabs--vertical .p-tabs__item { border: 0px; display: initial; text-align: left; width: 100%; } .p-tabs--vertical .p-tabs__item[aria-selected="true"] { position: relative; } .p-tabs--vertical .p-tabs__item[aria-selected="true"]::before { left: 0px; background-color: rgb(233, 84, 32); content: ""; position: absolute; } .p-tabs--vertical .p-tabs__item[aria-selected="true"]::before { height: auto; width: 0.1875rem; bottom: 0px; top: 0px; } .p-tabs--vertical.is-black { margin-left: 0px; padding-left: 0px; } .p-tabs--vertical.is-black .p-tabs__item[aria-selected="true"] { position: relative; } .p-tabs--vertical.is-black .p-tabs__item[aria-selected="true"]::before { left: 0px; background-color: rgb(17, 17, 17); content: ""; position: absolute; } .p-tabs--vertical.is-black .p-tabs__item[aria-selected="true"]::before { height: auto; width: 0.1875rem; bottom: 0px; top: 0px; } .p-tabs--brand .p-tabs__link .p-tabs__link:focus:not(:focus-visible):active, .p-tabs--brand .p-tabs__link .p-tabs__link[aria-selected="true"]:focus:not(:focus-visible) { position: relative; } .p-tabs--brand .p-tabs__link .p-tabs__link:focus:not(:focus-visible):active::before, .p-tabs--brand .p-tabs__link .p-tabs__link[aria-selected="true"]:focus:not(:focus-visible)::before { bottom: 0px; background-color: rgb(233, 84, 32); content: ""; position: absolute; } .p-tabs--brand .p-tabs__link .p-tabs__link:focus:not(:focus-visible):active::before, .p-tabs--brand .p-tabs__link .p-tabs__link[aria-selected="true"]:focus:not(:focus-visible)::before { height: 0.1875rem; width: auto; inset: auto 0px 0px; } .p-tabs--brand .p-tabs__link:active, .p-tabs--brand .p-tabs__link[aria-selected="true"] { position: relative; } .p-tabs--brand .p-tabs__link:active::before, .p-tabs--brand .p-tabs__link[aria-selected="true"]::before { bottom: 0px; background-color: rgb(233, 84, 32); content: ""; position: absolute; } .p-tabs--brand .p-tabs__link:active::before, .p-tabs--brand .p-tabs__link[aria-selected="true"]::before { height: 0.1875rem; width: auto; inset: auto 0px 0px; } .p-tabs--brand .p-tabs__link:focus:not(:focus-visible) { position: relative; } .p-tabs--brand .p-tabs__link:focus:not(:focus-visible)::before { bottom: 0px; background-color: rgb(233, 84, 32); content: ""; position: absolute; } .p-tabs--brand .p-tabs__link:focus:not(:focus-visible)::before { height: 0.1875rem; width: auto; inset: auto 0px 0px; } .u-fade-left { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeLeft; opacity: 0; transform: translateX(-3rem); } @media (max-width: 619px) { .u-fade-left--small { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeLeft; opacity: 0; transform: translateX(-3rem); } } @media (min-width: 875px) { .u-fade-left--medium { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeLeft; opacity: 0; transform: translateX(-3rem); } } .u-fade-up { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeUp; opacity: 0; transform: translateY(3rem); } @media (max-width: 619px) { .u-fade-up--small { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeUp; opacity: 0; transform: translateY(3rem); } } @media (min-width: 875px) { .u-fade-up--medium { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeUp; opacity: 0; transform: translateY(3rem); } } .u-vertically-center--direct { top: 50%; transform: translateY(-50%); } .p-strip--dell-blue { background-color: rgb(35, 41, 67); } .p-card--dell { background-position: right center, right center, right center; background-repeat: no-repeat, no-repeat, no-repeat; color: rgb(255, 255, 255); height: 400px; margin-top: 1rem; padding: calc(-1px + 1rem); } .p-card--dell.p-card--dell-ceph { background-image: linear-gradient(0deg, rgba(17, 17, 17, 0.8), rgba(17, 17, 17, 0.8)), url(""); } .p-card--dell.p-card--dell-wsl { background-image: linear-gradient(0deg, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 0.8)), url(""); } .p-card--dell.p-card--dell-data-science { background-image: linear-gradient(0deg, rgba(102, 102, 102, 0.8), rgba(102, 102, 102, 0.8)), url(""); } @media only screen and (max-width: 1036px) { .p-card--dell { background-color: rgb(0, 0, 0); background-size: cover; height: auto; margin-bottom: 1.5rem; } } .p-card--dell .p-icon--video-play { color: rgb(255, 255, 255); height: 28px; width: 28px; } .p-aspect-ratio-image--desktop-solutions { background: url("") 50% center / contain no-repeat rgb(102, 102, 102); height: 0px; margin-top: 1rem; padding-top: 66.6667%; width: 100%; } .p-aspect-ratio-image--2-3 { background-color: rgb(247, 247, 247); background-position: 50% 0px; background-repeat: no-repeat; background-size: 100%; margin-top: 1rem; padding-top: 43.3333%; } .p-aspect-ratio-image--enterprise-business { background: url("") 50% 65% / 432px no-repeat; height: 100%; margin-top: 1.5rem; padding-top: 40%; } @media screen and (max-width: 875px) { .p-aspect-ratio-image--enterprise-business { background-position: 50% 0px; background-size: 100%; } } .p-aspect-ratio-image--partnership { background: url("") 50% 50% / 252px no-repeat; height: 0px; margin-top: 1rem; padding-top: 50%; width: 100%; } .p-aspect-ratio-image--dell-claim { background: url("") 100% 0px / contain no-repeat; height: 0px; margin-top: 1rem; padding-top: 85%; width: 100%; } .p-tube-line, .p-tube-line--image { display: flex; justify-content: flex-end; position: relative; overflow: visible; z-index: 1; height: 100%; } .p-tube-line__heading { margin-right: 56px; } .p-tube-line__circle { width: 24px; height: 24px; background-color: rgb(255, 255, 255); border: 4px solid rgb(0, 0, 0); border-radius: 50%; position: absolute; top: 0.55rem; } .p-tube-line__line { content: ""; position: absolute; right: 8px; transform: translateX(-50%); width: 4px; height: 110%; background-color: rgb(233, 84, 32); z-index: -1; top: 0.65rem; } .p-tube-line--image .p-tube-line__circle { background-color: rgb(0, 0, 0); } .p-tube-line--image .p-tube-line__image { width: 24px; height: 24px; z-index: 2; position: relative; top: 8px; } .p-icon--success-grey { background-image: var(--vf-theme-light, url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 110 16A8 8 0 018 0zm0 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zm2.814 2.45l1.203.897-5.537 7.43-3.485-3.694 1.09-1.03 2.259 2.394 4.47-5.997z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E")) var(--vf-theme-dark, url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 110 16A8 8 0 018 0zm0 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zm2.814 2.45l1.203.897-5.537 7.43-3.485-3.694 1.09-1.03 2.259 2.394 4.47-5.997z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E")); } .p-icon--restart { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.197 1.15v4.931h-1.5l-.001-2.478a5.5 5.5 0 106.302-.215l.75-1.3a7 7 0 11-8.263.562H1.268v-1.5h4.93z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--restart, body.is-dark .p-icon--restart, .p-icon--restart.is-light, .p-icon--restart.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.197 1.15v4.931h-1.5l-.001-2.478a5.5 5.5 0 106.302-.215l.75-1.3a7 7 0 11-8.263.562H1.268v-1.5h4.93z' fill='hsl(0%2C0%%2C100%)' fill-rule='evenodd'/%3E%3C/svg%3E"); } .p-icon--begin-downloading { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 10.948V12a1.5 1.5 0 001.356 1.493L4 13.5h8a1.5 1.5 0 001.493-1.356L13.5 12v-1.052H15V12a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.052h1.5zm6.25-9.34v7.526l3.05-3.051.885.884L8 11.65 3.315 6.967l.884-.884 3.05 3.051.001-7.526h1.5z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--begin-downloading, body.is-dark .p-icon--begin-downloading, .p-icon--begin-downloading.is-light, .p-icon--begin-downloading.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 10.948V12a1.5 1.5 0 001.356 1.493L4 13.5h8a1.5 1.5 0 001.493-1.356L13.5 12v-1.052H15V12a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.052h1.5zm6.25-9.34v7.526l3.05-3.051.885.884L8 11.65 3.315 6.967l.884-.884 3.05 3.051.001-7.526h1.5z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--video-play { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1a7 7 0 110 14A7 7 0 018 1zm0 1.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM6.022 4.454l5.58 3.47-5.58 3.622V4.454z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--video-play, body.is-dark .p-icon--video-play, .p-icon--video-play.is-light, .p-icon--video-play.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1a7 7 0 110 14A7 7 0 018 1zm0 1.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM6.022 4.454l5.58 3.47-5.58 3.622V4.454z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--machines { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--machines, body.is-dark .p-icon--machines, .p-icon--machines.is-light, .p-icon--machines.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--units { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--units, body.is-dark .p-icon--units, .p-icon--units.is-light, .p-icon--units.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--plans { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .496l2.053 1.863 2.77-.108.376 2.747 2.191 1.699-1.478 2.345.587 2.71-2.64.847-1.292 2.453L8 14.003l-2.567 1.049-1.292-2.453-2.64-.847.587-2.71L.61 6.697 2.8 4.998l.375-2.747 2.77.108L8 .496zM8 2.52L6.5 3.881l-2.022-.078-.274 2.005-1.601 1.24 1.08 1.713-.428 1.978 1.928.619.943 1.79L8 12.383l1.873.765.944-1.79 1.927-.619-.428-1.978 1.08-1.713-1.6-1.24-.275-2.005-2.022.078L8 2.52zm1.899 2.835l1.207.89-3.727 5.06-2.66-2.353.994-1.123 1.431 1.265 2.755-3.739z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--plans, body.is-dark .p-icon--plans, .p-icon--plans.is-light, .p-icon--plans.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .496l2.053 1.863 2.77-.108.376 2.747 2.191 1.699-1.478 2.345.587 2.71-2.64.847-1.292 2.453L8 14.003l-2.567 1.049-1.292-2.453-2.64-.847.587-2.71L.61 6.697 2.8 4.998l.375-2.747 2.77.108L8 .496zM8 2.52L6.5 3.881l-2.022-.078-.274 2.005-1.601 1.24 1.08 1.713-.428 1.978 1.928.619.943 1.79L8 12.383l1.873.765.944-1.79 1.927-.619-.428-1.978 1.08-1.713-1.6-1.24-.275-2.005-2.022.078L8 2.52zm1.899 2.835l1.207.89-3.727 5.06-2.66-2.353.994-1.123 1.431 1.265 2.755-3.739z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--credit-card { background-image: var(--vf-theme-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M13 4.5H3c-.27614 0-.5.22386-.5.5v.75h11V5c0-.27614-.2239-.5-.5-.5ZM2.5 11V7.25h11V11c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5ZM3 3c-1.10457 0-2 .89543-2 2v6c0 1.1046.89543 2 2 2h10c1.1046 0 2-.8954 2-2V5c0-1.10457-.8954-2-2-2H3Zm7.75 5.5c-.4142 0-.75.33579-.75.75v.5c0 .4142.3358.75.75.75h.5c.4142 0 .75-.3358.75-.75v-.5c0-.41421-.3358-.75-.75-.75h-.5Z' clip-rule='evenodd'/%3E%3C/svg%3E")) var(--vf-theme-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='hsl(0%2C0%%2C100%)' fill-rule='evenodd' d='M13 4.5H3c-.27614 0-.5.22386-.5.5v.75h11V5c0-.27614-.2239-.5-.5-.5ZM2.5 11V7.25h11V11c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5ZM3 3c-1.10457 0-2 .89543-2 2v6c0 1.1046.89543 2 2 2h10c1.1046 0 2-.8954 2-2V5c0-1.10457-.8954-2-2-2H3Zm7.75 5.5c-.4142 0-.75.33579-.75.75v.5c0 .4142.3358.75.75.75h.5c.4142 0 .75-.3358.75-.75v-.5c0-.41421-.3358-.75-.75-.75h-.5Z' clip-rule='evenodd'/%3E%3C/svg%3E")); } .p-carousel { position: relative; } .p-carousel .p-carousel__cell { width: 100%; } .p-carousel .p-carousel__next { right: 0px; } .p-carousel .p-carousel__next [class*="p-icon"] { transform: rotate(-0.25turn); } .p-carousel .p-carousel__previous { left: 0px; } .p-carousel .p-carousel__previous [class*="p-icon"] { transform: rotate(0.25turn); } .p-carousel .p-carousel__next, .p-carousel .p-carousel__previous { position: absolute; top: 50%; transform: translateY(-50%); } .p-carousel .p-carousel__next [class*="p-icon"], .p-carousel .p-carousel__previous [class*="p-icon"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23d9d9d9' d='M8.187 11.748l6.187-6.187-1.06-1.061-5.127 5.127L3.061 4.5 2 5.561z'/%3E%3C/svg%3E"); height: 2rem; width: 2rem; } .p-carousel .p-carousel__next:hover [class*="p-icon"], .p-carousel .p-carousel__previous:hover [class*="p-icon"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23666' d='M8.187 11.748l6.187-6.187-1.06-1.061-5.127 5.127L3.061 4.5 2 5.561z'/%3E%3C/svg%3E"); } .p-carousel .flickity-page-dots { bottom: 0px; } .p-carousel .flickity-page-dots .dot { background: rgb(217, 217, 217); height: 8px; margin: 0px 4px; opacity: 1; width: 8px; } .p-carousel .flickity-page-dots .dot:hover { background: rgb(102, 102, 102); } .p-carousel .flickity-page-dots .dot.is-selected, .p-carousel .flickity-page-dots .p-navigation--sliding .p-navigation__row--25-75 .dot.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .p-navigation--sliding .p-navigation__row--25-75 .p-carousel .flickity-page-dots .dot.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .p-carousel .flickity-page-dots .dot.is-selected:hover { background: orange; } .p-carousel .flickity-slider { align-items: center; display: flex; } .p-equal-height-row, .p-equal-height-row--wrap { position: relative; } .p-equal-height-row .p-equal-height-row__col, .p-equal-height-row--wrap .p-equal-height-row__col { border-top-color: var(--vf-color-border-low-contrast); border-top-style: solid; border-top-width: 1px; display: grid; grid-area: span 4 / span 4; grid-template-rows: subgrid; margin-bottom: 0.5rem; position: relative; } @media screen and (620px <= width < 1036px) { .p-equal-height-row .p-equal-height-row__col, .p-equal-height-row--wrap .p-equal-height-row__col { grid-column: span 6; grid-template-columns: subgrid; } .p-equal-height-row .p-equal-height-row__col .p-equal-height-row__item, .p-equal-height-row--wrap .p-equal-height-row__col .p-equal-height-row__item { grid-column: span 3; } .p-equal-height-row .p-equal-height-row__col .p-equal-height-row__item:first-child, .p-equal-height-row--wrap .p-equal-height-row__col .p-equal-height-row__item:first-child { grid-row: span 100; } } @media screen and (width >= 1036px) { .p-equal-height-row .p-equal-height-row__col, .p-equal-height-row--wrap .p-equal-height-row__col { border: none; grid-column: span 3; margin-bottom: 0px; } } .p-equal-height-row .p-equal-height-row__col.is-borderless, .p-equal-height-row--wrap .p-equal-height-row__col.is-borderless { border: none; } .p-equal-height-row.has-divider-0::before, .p-equal-height-row.has-divider-1::before, .p-equal-height-row.has-divider-2::after, .p-equal-height-row.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row.has-divider-3:not(.has-divider-2)::after, .p-equal-height-row--wrap.has-divider-0::before, .p-equal-height-row--wrap.has-divider-1::before, .p-equal-height-row--wrap.has-divider-2::after, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-2)::after { background-color: var(--vf-color-border-low-contrast); display: none; grid-column: 1 / span 12; margin: auto; } @media screen and (width >= 1036px) { .p-equal-height-row.has-divider-0::before, .p-equal-height-row.has-divider-1::before, .p-equal-height-row.has-divider-2::after, .p-equal-height-row.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row.has-divider-3:not(.has-divider-2)::after, .p-equal-height-row--wrap.has-divider-0::before, .p-equal-height-row--wrap.has-divider-1::before, .p-equal-height-row--wrap.has-divider-2::after, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-2)::after { display: block; } } .p-equal-height-row.has-divider-0::before, .p-equal-height-row--wrap.has-divider-0::before { grid-row: 1; } .p-equal-height-row.has-divider-1::before, .p-equal-height-row--wrap.has-divider-1::before { grid-row: 2; } .p-equal-height-row.has-divider-2::after, .p-equal-height-row--wrap.has-divider-2::after { grid-row: 3; } .p-equal-height-row.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row.has-divider-3:not(.has-divider-2)::after, .p-equal-height-row.has-divider-3:not(.has-divider-1):not(.has-divider-2)::before, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-2)::after, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-1):not(.has-divider-2)::before { grid-row: 4; } .p-equal-height-row.has-divider-3:not(.has-divider-1):not(.has-divider-2)::after, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-1):not(.has-divider-2)::after { display: none; } @media screen and (620px <= width < 1036px) { .p-equal-height-row--wrap .p-equal-height-row__col { grid-column: span 3; grid-template-columns: none; } .p-equal-height-row--wrap .p-equal-height-row__col .p-equal-height-row__item { grid-column: auto; } .p-equal-height-row--wrap .p-equal-height-row__col .p-equal-height-row__item:first-child { grid-row: auto; } } @media screen and (width >= 1036px) { .row--25-75-on-large > .col .p-equal-height-row, .row--25-75-on-large > .col .p-equal-height-row--wrap, .row > .col-9 .p-equal-height-row, .p-stepped-list--grid > .col-9 .p-equal-height-row, .row > .col-9 .p-equal-height-row--wrap, .p-stepped-list--grid > .col-9 .p-equal-height-row--wrap { grid-template-columns: repeat(9, minmax(0px, 1fr)); } } .l-tutorials__filters { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 4px 0px 4px; } .blog-p-card__header--tutorial { border-top-color: rgb(119, 33, 111); } .l-tutorials-meter { background-image: url(""); background-position: -75px 50%; background-repeat: no-repeat; display: inline-block; height: 1.5rem; margin-left: 0.125rem; text-indent: -9999px; width: 74px; } @media only screen and (min-width: 875px) { .l-tutorial { min-height: calc(-225px + 100vh); } } .l-tutorial__sidebar { border-bottom: 1px solid rgb(217, 217, 217); } @media only screen and (min-width: 1036px) { .l-tutorial__sidebar { border-bottom: 0px; border-right: 1px solid rgb(217, 217, 217); } } .l-tutorial__nav-toggle { background-size: 1rem; border: 0px; float: right; margin: 0px; padding: 1.5rem; } .l-tutorial__nav-toggle[aria-expanded="true"] { background-color: rgb(255, 255, 255); } .l-tutorial__nav { margin-left: 0px; padding-top: 1rem; } @media only screen and (min-width: 620px) { .l-tutorial__nav { position: sticky; top: 0px; } } .l-tutorial__nav-item { padding-bottom: 1rem; } .l-tutorial__nav-title::before { border: 1px solid rgb(0, 0, 0); border-radius: 50%; content: counter(list-item); height: 1.5rem; line-height: calc(-2px + 1.5rem); margin-right: 1rem; text-align: center; width: 1.5rem; } .is-active .l-tutorial__nav-title { font-weight: 400; } .is-active .l-tutorial__nav-title::before { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-weight: 300; } .l-tutorial__nav-link { color: rgb(17, 17, 17); } .l-tutorial__nav-link:visited { color: rgb(17, 17, 17); } .l-tutorial__nav-link:hover { text-decoration: none; } .l-tutorial__content { margin-top: -26rem; overflow: hidden; padding-top: 1.5rem; } .l-tutorial-section { display: none; } .l-tutorial-section:target { display: block; padding-top: 26rem; } .l-tutorial-section__footer { margin-bottom: 1rem; } .l-tutorial__bug-link { position: relative; top: -1.38rem; } @media only screen and (min-width: 620px) { .l-tutorial__bug-link { top: 0px; } } .l-tutorial__duration { margin-bottom: 0.5rem; } @media only screen and (min-width: 620px) { .l-tutorial__duration { display: inline-block; margin-bottom: 0px; margin-right: 1rem; } } @media only screen and (min-width: 620px) { .l-tutorial__pagination { display: inline-block; } } .l-tutorial__pagination-item--next, .l-tutorial__pagination-item--prev { display: inline-block; margin-right: 0.5rem; max-width: 4rem; } .l-tutorial__pagination-item--next:last-child, .l-tutorial__pagination-item--prev:last-child { margin-right: 0px; } @media only screen and (max-width: 620px) { .l-tutorial__pagination-item--next, .l-tutorial__pagination-item--prev { width: auto; } } .l-tutorial__pagination-item--prev .p-icon--chevron-down { transform: rotate(90deg); } .l-tutorial__pagination-item--next .p-icon--chevron-down { transform: rotate(-90deg); } .l-tutorial__feedback-options .p-inline-list__item .has-color { display: none; } .l-tutorial__feedback-options .p-inline-list__item:hover .has-color { display: inline-block; } .inner-wrapper { min-height: 1080px; } .iti__flag { background-image: url(""); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url(""); } } .iti { margin-bottom: 1.25rem; width: 100%; } .leaflet-control-attribution { display: none; } .u-vertically-spaced { padding-bottom: 1rem; padding-top: 1rem; } .u-sv4 { padding-bottom: 2.5rem; } .p-list .p-list { list-style-type: circle; } .p-list .p-list .p-list { list-style-type: disc; } select { appearance: none; background-position: right 0.25rem center; background-size: 1rem; padding-right: 3rem; } .p-card__icon { display: inline-block; height: 2rem; margin-bottom: 1.25rem; } .u-no-max-width { max-width: none !important; } fieldset { border: 1px solid rgb(217, 217, 217); border-radius: 0.125rem 0.125rem 0px 0px; overflow: visible; } fieldset + fieldset { border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-width: 0px !important; } fieldset:last-child { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; border-bottom-width: 1px !important; } .p-fieldset-section { border: none !important; padding: 0px !important; } .p-heading--6, .l-tutorial-section h5 { font-style: normal; } .p-pull-quote .p-pull-quote__quote:first-of-type::before, .p-pull-quote .p-pull-quote__quote:last-of-type::after, .p-pull-quote--large .p-pull-quote__quote:first-of-type::before, .p-pull-quote--large .p-pull-quote__quote:last-of-type::after { color: rgb(233, 84, 32); } h1.u-align--center, h2.u-align--center, h3.u-align--center, h4.u-align--center, h5.u-align--center, h6.u-align--center, p.u-align--center { max-width: none; } summary { margin: 1rem 0px; } .desktop-hero { background-image: url(""); background-position: right bottom; background-size: 1000px; } @media only screen and (min-width: 2000px) { .desktop-hero { background-size: 75%; } } .organisations-hero { background-image: url(""); background-position: right bottom; background-size: 1100px; } @media only screen and (min-width: 2000px) { .organisations-hero { background-size: 75%; } } @media only screen and (min-width: 1036px) { .u-pull-up--large { position: relative; top: -2rem; } } .u-inline--child { display: inline; } .u-inline--child > * { display: inline; } .advantage-table-section:not(:last-child) { margin-bottom: 2rem; } @media only screen and (min-width: 875px) { .advantage-table-section:not(:last-child) { margin-bottom: 3rem; } } .advantage-table-instruction { display: grid; gap: 0.5rem 2rem; grid-template-columns: 1fr 2fr; margin: 1rem 0px; } .advantage-table-instruction > span { color: rgb(102, 102, 102); grid-column: 1; } .advantage-table-instruction > code, .advantage-table-instruction > a, .advantage-table-instruction > p { align-self: flex-start; grid-column: 2; padding-left: 0px; } .advantage-table-instruction > p { margin: 0px; padding: 0px; } .advantage-table-instruction > hr { display: none; } .advantage-table-instruction:last-child { margin-bottom: 0px; } @media only screen and (min-width: 875px) { .advantage-table-instruction { grid-template-columns: auto 2fr; margin: 1.5rem 0px; } .advantage-table-instruction > hr { display: block; grid-column: span 2; margin: 0px; } } .advantage-table { overflow: visible; } .advantage-table tr:target { background-color: rgb(229, 229, 229); } @media only screen and (min-width: 620px) { .advantage-table td:nth-child(1), .advantage-table th:nth-child(1) { width: 40%; } .advantage-table td:nth-child(2), .advantage-table th:nth-child(2) { width: 15%; } .advantage-table td:nth-child(3), .advantage-table th:nth-child(3) { width: 15%; } .advantage-table td:nth-child(4), .advantage-table th:nth-child(4) { width: 15%; } .advantage-table td:nth-child(5), .advantage-table th:nth-child(5) { width: 15%; } } @media (min-width: 875px) { .subscribe-section { margin-left: 4rem !important; } } .u-pro-logo img { height: 40px; margin-top: 0.5rem; width: auto; } .u-blog-thumbnails img { aspect-ratio: 16 / 9; object-fit: cover; } .navigation-logo-engage { margin-top: -2.2rem; padding-bottom: 1.75rem; } @media screen and (max-width: 1035px) { .navigation-logo-engage { padding-top: 2rem; } } .navigation-logo-engage a img { width: 143px; } .p-tile { margin-bottom: 64px; } .p-tile:nth-child(4) { margin-bottom: 0px; } @media only screen and (min-width: 876px) { .p-tile:nth-child(3) { margin-bottom: 0px; } } @media only screen and (max-width: 875px) { .p-tile__row { align-items: center; display: grid; justify-content: flex-start; } } .u-text-light { color: rgb(102, 102, 102); } .p-list--divided .p-list__item, .p-list--divided .list-matrix, .p-list--divided .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--divided .p-list__item-padded, .p-list--divided-bulleted .p-list__item, .p-list--divided-bulleted .list-matrix, .p-list--divided-bulleted .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--divided-bulleted .p-list__item-padded { box-shadow: inset 0 1px 0 0 var(--vf-color-border-low-contrast); } .p-list--no-borders .p-list__item::after, .p-list--no-borders .list-matrix::after, .p-list--no-borders .p-list--ticked .p-list__item-padded::after, .p-list--ticked .p-list--no-borders .p-list__item-padded::after, .p-list--no-borders .p-list__item:last-of-type, .p-list--no-borders .list-matrix:last-of-type, .p-list--no-borders .p-list--ticked .p-list__item-padded:last-of-type, .p-list--ticked .p-list--no-borders .p-list__item-padded:last-of-type { border-bottom: 0px !important; } .is-dark .p-heading-icon--muted .p-heading-icon__title { color: inherit; } .is-dark .is-muted { color: rgba(255, 255, 255, 0.6); } .u-disable { opacity: 0.2; pointer-events: none; } td.p-accordion { padding-top: 0px; } .p-accordion.is-compact .p-accordion__panel { padding-left: 0.5rem; } .p-icon--placeholder { height: 1rem; margin-right: 1rem; width: 1rem; } .p-icon--unknown-priority, .p-icon--negligible-priority, .p-icon--low-priority, .p-icon--medium-priority, .p-icon--high-priority, .p-icon--critical-priority, .p-icon--dark-tick { background-position: center center; background-repeat: no-repeat; background-size: contain; display: inline-block; height: 1rem; position: relative; vertical-align: calc(-0.1544em + 0.5px); width: 1rem; } .p-icon--unknown-priority { background-image: url(""); } .p-icon--negligible-priority { background-image: url(""); } .p-icon--low-priority { background-image: url(""); } .p-icon--medium-priority { background-image: url(""); } .p-icon--high-priority { background-image: url(""); } .p-icon--critical-priority { background-image: url(""); } .p-icon--dark-tick { background-image: url(""); } .article-title { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; } .p-heading-icon--large { margin-bottom: 0.5rem; } .p-heading-icon--large .p-heading-icon__img { height: 4rem; width: 4rem; } @media (min-width: 875px) { .p-heading-icon--large .p-heading-icon__img { height: 4rem; margin-top: 0px; width: 4rem; } } @keyframes FadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes SlideInFromRight { 0% { transform: translateX(0.5rem); } 100% { transform: translateX(0px); } } @keyframes SlideInFromLeft { 0% { transform: translateX(-0.5rem); } 100% { transform: translateX(0px); } } .p-takeover-animation { animation: 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.5s 1 normal backwards running FadeIn; } .p-takeover-animation.is-loaded { animation-delay: 0s !important; } .p-takeover-animation.is-loaded .col-7 { animation: 0.165s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 normal none running SlideInFromLeft; } .p-takeover-animation.is-loaded .col-5 { animation: 0.165s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 normal none running SlideInFromRight; } .p-takeover-animation.is-loading { animation-delay: 500s !important; } .p-strip-account-page { min-height: 600px; } @media (max-width: 620px) { .p-strip-account-page { height: auto; } } @media only screen and (min-width: 1036px) { .p-strip-account-page { min-width: 38rem; } } @media (max-width: 620px) { .card-management-section #card-element { margin-bottom: 1rem; } } .card-management-section .current-payment-method { align-items: center; display: flex; margin-bottom: 1.1rem; } .card-management-section .current-payment-method > p { margin: 0px; padding: 0px; } .card-management-section .payment-card-logo { background-color: rgb(255, 255, 255); border: 1px solid rgb(217, 217, 217); border-radius: 2px; height: 1.7rem; margin-right: 0.5rem; } .card-management-section #card-element { margin: 0.5rem 0px; } .p-popup-notification { display: none; position: relative; padding-bottom: 0px; } .p-popup-notification .p-notification__content { margin-bottom: 0.6rem; } .p-popup-notification:target { display: block; z-index: 9; } html { scroll-behavior: smooth; } .support-cart-summary { text-align: center; } .support-cart-summary .support-cart-total { display: block; margin-bottom: 1rem; } @media (min-width: 620px) { .support-cart-summary { text-align: left; } } @media (min-width: 875px) { .support-cart-summary { text-align: right; } .support-cart-summary .support-cart-total { display: inline; margin-bottom: 0px; } .support-cart-summary button { margin-left: 1rem; } } .u-pad-logo { padding-top: 0.2rem; } .u-max-width { display: block; max-width: 40em; } img.has-shadow { box-shadow: rgb(229, 229, 229) 0px 0px 1rem; } .p-status-label--rounded { background-color: rgb(221, 242, 224); border-radius: 2rem; margin-bottom: 1.05rem; padding-bottom: 0.45rem; padding-left: 1.5rem; padding-right: 1.5rem; } a:hover { text-decoration: underline 1px; text-underline-offset: 0.075em; } .u-overflow-pricing-pro-table td { text-overflow: initial; } .u-pro-support { display: flex; justify-content: space-between; } .u-pro-support .u-pro-support__logos { flex: 0 0 10%; } .u-table-border--top { border-top: 1px solid rgb(217, 217, 217); } .u-table-border--bottom { border-bottom: 1px solid rgb(217, 217, 217); } hr.p-separator.is-shallow { margin-bottom: 2rem; margin-top: 2rem; } .u-table-border--right { border-right: 1px solid rgb(217, 217, 217); } @media only screen and (max-width: 875px) { .u-esm-overflow-table { overflow-x: scroll; } .u-esm-overflow-table .p-table { min-width: 875px; } } .p-table--esm-chart { border-spacing: 0px; } @media only screen and (min-width: 875px) { .p-table--esm-chart td:nth-child(1) { padding-left: 0px; } .p-table--esm-chart th:nth-child(1) { width: 5.8%; } .p-table--esm-chart th:nth-child(2) { width: 19%; } .p-table--esm-chart th:nth-child(3) { width: 70.5%; } } @media only screen and (max-width: 620px) { .p-table--esm-chart td:nth-child(1) { padding-left: 0px; padding-right: 0px; } .p-table--esm-chart th:nth-child(1) { width: 7%; } .p-table--esm-chart th:nth-child(2) { width: 19%; } .p-table--esm-chart th:nth-child(3) { width: 68.5%; } } .p-esm-chart .p-esm-chart__right-col-axis { border-top: 1px solid rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; } .p-esm-chart .p-esm-chart__axis-tick { border-right: 1px solid rgba(0, 0, 0, 0.1); flex: 1 1 auto; text-align: right; width: 10%; } .p-esm-chart .p-esm-chart__label { display: flex; flex: 1 1 auto; gap: 0.5rem; margin-bottom: 0px; } .p-esm-chart .p-esm-chart__label-numbers { display: inline-block; flex: 0 0 auto; text-align: right; width: 3rem; } .p-esm-chart .p-esm-chart__label-text { display: inline-block; } @media (max-width: 1036px) { .p-esm-chart .p-esm-chart__label-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .p-esm-chart .p-esm-chart__left-col { grid-column: auto / span 3; padding: 0px 0px 0px 0.5rem; } .p-esm-chart .p-esm-chart__right-col { grid-column: auto / span 9; } .p-esm-chart .p-esm-chart__right-col--Ubuntu-Pro { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-weight: 550; } .p-esm-chart .p-esm-chart__right-col-lts { background: rgb(233, 84, 32); color: rgb(255, 255, 255); font-weight: 550; width: 50%; } .p-esm-chart .p-esm-chart__row { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } @supports (display: grid) { .p-esm-chart .p-esm-chart__row { gap: 0px; grid-template-columns: repeat(12, minmax(0px, 1fr)); } @media (min-width: 620px) { .p-esm-chart .p-esm-chart__row { grid-template-columns: repeat(12, minmax(0px, 1fr)); } } @media (min-width: 1036px) { .p-esm-chart .p-esm-chart__row { grid-template-columns: repeat(12, minmax(0px, 1fr)); } } } .p-esm-chart .p-esm-chart__row p { padding-left: 0.5rem; padding-right: 0.5rem; } .p-img-cta .p-img-cta__image { background-color: rgb(247, 247, 247); } .p-img-cta:hover .p-img-cta__image { background-color: rgb(235, 235, 235); } .p-list--divided-bulleted { list-style: inherit; margin-left: 1.5rem; } .p-list--divided-bulleted .p-list__item::after, .p-list--divided-bulleted .list-matrix::after, .p-list--divided-bulleted .p-list--ticked .p-list__item-padded::after, .p-list--ticked .p-list--divided-bulleted .p-list__item-padded::after { margin-left: -1.5rem !important; } .no-border::after { content: none !important; } .row--r-gap3 { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } @supports (display: grid) { .row--r-gap3 { row-gap: 2rem; } @media (max-width: 1036px) { .row--r-gap3 { row-gap: 0px; } } } .p-table--cloud-computing { margin-bottom: 0px; overflow: auto; } @media screen and (max-width: 600px) { .p-table--cloud-computing { padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; } } .p-strip--suru-cloud-computing { background-color: rgb(242, 242, 242); background-image: url(""); background-position: right bottom; background-repeat: no-repeat; background-size: 70%; } .p-heading--bold { font-weight: 550; } .p-heading--silicon-light { font-weight: 100; } .p-logo-section__separator { margin-left: 2rem; } @media (max-width: 620px) { .p-logo-section__separator { margin-left: 1.5rem; } } .p-list--ticked .p-list__item-padded { padding-bottom: 1rem; } .p-list--ticked .p-list__item-padded::before { top: 0.6rem; } .p-stepped-list--grid { counter-reset: count 0; } .p-stepped-list--grid .p-step-counter { height: 2.5rem; width: 2.5rem; } .p-stepped-list--grid .p-step-counter::after { content: counter(count); counter-increment: count 1; font-size: 1.3rem; position: relative; top: 1.14rem; } .p-card__thumbnail--large { max-height: 3rem; } .u-aspect-ratio--3-2, .amd-container, .risc-v-container, .p-image__background--3-2 { aspect-ratio: 3 / 2; } .is-paper, .p-slider, .deal-registration-card, .add-subscription-card-container .add-subscription-card { background: rgb(243, 243, 243); } .p-table--mobile-card tbody th { white-space: normal; } .amd-xilinx-table th:nth-child(2) { width: 65%; } @media screen and (max-width: 619px) { .amd-xilinx-table th:nth-child(2) { width: 50%; } } .spaced-bottom--smaller { margin-bottom: 1.5rem; } @media screen and (max-width: 874px) { .spaced-bottom--smaller { margin-bottom: 2.5rem; } } .is-paper--input { background-color: rgba(0, 0, 0, 0.04); } .pad-top { padding-top: 0.375rem; } .u-image-separation { margin-top: 0.5rem; } .p-strip--white { background-color: rgb(255, 255, 255); } .is-graphite { background: rgb(38, 38, 38); color: rgb(255, 255, 255); } .is-graphite .inner-wrapper .p-card, .is-graphite .inner-wrapper .p-card--social-media, .is-graphite .inner-wrapper .blog-p-card--muted { background: rgb(34, 34, 34); border: none; color: rgb(255, 255, 255); } .is-graphite .p-checkbox__label { color: rgb(255, 255, 255); } .is-graphite .inner-wrapper a:not([class^="p-button"]), .is-dark .inner-wrapper a:not([class^="p-button"]) { color: rgb(102, 153, 204); } .is-graphite .inner-wrapper a:not([class^="p-button"]):visited, .is-dark .inner-wrapper a:not([class^="p-button"]):visited { color: rgb(166, 121, 210); } .p-image__background--3-2 { background-color: rgba(0, 0, 0, 0.05); margin-top: 0.5rem; width: 100%; } .risc-v-container { margin-top: 0.5rem; padding-bottom: 1rem; padding-top: 1rem; } .is-paper__image--container { background-color: rgba(0, 0, 0, 0.03); display: flex; } .amd-container { margin-top: 0.5rem; padding-left: 1rem; padding-right: 1rem; } .p-list--divided.has-description .p-list__item, .p-list--divided.has-description .list-matrix, .has-description.p-list--divided-bulleted .p-list__item, .has-description.p-list--divided-bulleted .list-matrix, .p-list--divided.has-description .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--divided.has-description .p-list__item-padded, .has-description.p-list--divided-bulleted .p-list--ticked .p-list__item-padded, .p-list--ticked .has-description.p-list--divided-bulleted .p-list__item-padded { margin-bottom: 0px; padding-bottom: 0px; padding-top: 0.5rem !important; } .p-list--divided.has-description p, .has-description.p-list--divided-bulleted p { padding-left: 2rem; } .p-modal__dialog.is-paper, .p-modal__dialog.p-slider, .p-modal__dialog.deal-registration-card, .add-subscription-card-container .p-modal__dialog.add-subscription-card { max-width: 80rem !important; } .p-modal__dialog.is-paper .row--50-50 .p-modal__close, .p-modal__dialog.p-slider .row--50-50 .p-modal__close, .p-modal__dialog.deal-registration-card .row--50-50 .p-modal__close, .add-subscription-card-container .p-modal__dialog.add-subscription-card .row--50-50 .p-modal__close { background-color: rgba(0, 0, 0, 0); margin-top: 1.5rem; right: 1rem; } @media screen and (min-width: 875px) { .p-modal__dialog.is-paper .row--50-50 .p-modal__close, .p-modal__dialog.p-slider .row--50-50 .p-modal__close, .p-modal__dialog.deal-registration-card .row--50-50 .p-modal__close, .add-subscription-card-container .p-modal__dialog.add-subscription-card .row--50-50 .p-modal__close { right: 1.5rem; } } .p-modal__dialog.is-paper .row--50-50 .modal-form .p-section--shallow:first-child > p, .p-modal__dialog.p-slider .row--50-50 .modal-form .p-section--shallow:first-child > p, .p-modal__dialog.deal-registration-card .row--50-50 .modal-form .p-section--shallow:first-child > p, .add-subscription-card-container .p-modal__dialog.add-subscription-card .row--50-50 .modal-form .p-section--shallow:first-child > p { padding-right: 0px; } @media screen and (min-width: 620px) { .p-modal__dialog.is-paper .row--50-50 .modal-form .p-section--shallow:first-child > p, .p-modal__dialog.p-slider .row--50-50 .modal-form .p-section--shallow:first-child > p, .p-modal__dialog.deal-registration-card .row--50-50 .modal-form .p-section--shallow:first-child > p, .add-subscription-card-container .p-modal__dialog.add-subscription-card .row--50-50 .modal-form .p-section--shallow:first-child > p { padding-right: 2rem; } } .p-logo-section--dense .p-logo-section__logo { height: 6rem; } .landing-logos .p-logo-section__logo { height: 6.5rem; } .p-logo-section.has-misaligned-images .p-logo-section__item { margin-bottom: 1.5rem; } .p-logo-section.has-misaligned-images .p-logo-section__logo { max-height: 5rem; object-fit: contain; } .p-divider .p-divider__block.no-divider::before { content: none; } .p-image-wrapper { margin-top: 0.75rem; } .p-image-wrapper.is-partner { background-color: rgb(255, 255, 255); } .p-image-wrapper.is-product { background-color: rgb(243, 243, 243); } .p-image-wrapper--logo { margin-top: 1rem; } .p-icon-section__items { display: flex; flex-wrap: wrap; line-height: 3rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } @media screen and (max-width: 1035px) { .p-icon-section__items { row-gap: 1rem; } } .p-icon-section__item { margin-bottom: -0.5rem; margin-right: 3rem; margin-top: -0.5rem; } @media screen and (max-width: 619px) { .p-icon-section__item { margin-right: 1.5rem; } } .p-icon-section__icon { height: 6rem; width: auto; } @media screen and (max-width: 1035px) { .p-icon-section__icon { height: 4rem; } } .p-icon-section--dense .p-icon-section__items { line-height: 2rem; row-gap: calc(1rem + 1vw); } @media screen and (max-width: 1035px) { .p-icon-section--dense .p-icon-section__items { row-gap: 1.5rem; } } .p-icon-section--dense .p-icon-section__item { margin-right: 2.5rem; } @media screen and (max-width: 619px) { .p-icon-section--dense .p-icon-section__item { margin-right: 1rem; } } .p-icon-section--dense .p-icon-section__icon { height: 3.75rem; } @media screen and (max-width: 1035px) { .p-icon-section--dense .p-icon-section__icon { height: 3rem; } } .p-graphic-main { background: rgb(146, 58, 102); display: inline-block; height: 48px; width: 10%; } .p-graphic-universe { background: rgb(0, 0, 0); display: inline-block; height: 48px; width: 90%; } .p-graphic-universe--empty { border-color: rgb(117, 117, 117); border-style: dashed; border-width: 1px; display: inline-block; height: 48px; width: 90%; } .graphic-legend-main, .graphic-legend-universe { display: flex; flex-direction: row; gap: 1.2rem; } .graphic-legend-main::before, .graphic-legend-universe::before { content: ""; display: inline-flex; flex-shrink: 0; height: 25px; width: 25px; } .graphic-legend-main::before { background: rgb(146, 58, 102); } .graphic-legend-universe::before { background: rgb(0, 0, 0); } hr.is-extra-muted { background-color: rgba(0, 0, 0, 0.1); opacity: 0.5; } ol.p-list--divided .p-list__item::before, ol.p-list--divided .list-matrix::before, ol.p-list--divided-bulleted .p-list__item::before, ol.p-list--divided-bulleted .list-matrix::before, ol.p-list--divided .p-list--ticked .p-list__item-padded::before, .p-list--ticked ol.p-list--divided .p-list__item-padded::before, ol.p-list--divided-bulleted .p-list--ticked .p-list__item-padded::before, .p-list--ticked ol.p-list--divided-bulleted .p-list__item-padded::before { content: counter(list-item) ". "; } .p-hero-video-link .p-hero-video__play { transition-duration: 0.165s; transition-property: background-size; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); display: block; } .p-hero-video-link:hover img { opacity: 0.9; } .p-hero-video-link.p-equal-height-row__col::before { content: none !important; } @media screen and (max-width: 619px) { .p-stepped-list--detailed .p-stepped-list__title, .p-faq-stepped-list--detailed .p-stepped-list__title { grid-column-end: span 4; margin-left: 0px; } } .u-responsive-realign { display: flex; flex-flow: wrap; row-gap: 0.5rem; } @media screen and ((max-width: 1035px) and (min-width: 875px)) { .u-table-scroll--medium { overflow-x: hidden; } .u-table-scroll--medium table { display: block; overflow-x: auto; white-space: nowrap; } } @media screen and (max-width: 874px) { .u-table-scroll--small { overflow-x: hidden; } .u-table-scroll--small table { display: block; overflow-x: auto; white-space: nowrap; } } @media screen and (width < 620px) { .u-table-scroll--x-small { overflow-x: hidden; } .u-table-scroll--x-small table { display: block; overflow-x: auto; white-space: nowrap; } } @media screen and (max-width: 1035px) { .u-align-last--logo .p-logo-section__item { margin-right: 2rem; } } .u-center-illutrations { align-items: center; display: flex; height: 21rem; justify-content: center; } .u-background--fade { background-color: rgba(0, 0, 0, 0.05); } .u-aspect-ratio--16-9 { aspect-ratio: 16 / 9; } .u-darker-background { background-color: rgba(0, 0, 0, 0.03); } .js-invoke-modal.p-button.is-dark { color: rgb(255, 255, 255) !important; } legend.is-required::before { content: "* " !important; position: relative !important; } .p-breadcrumbs { margin-bottom: 0.5rem; margin-top: 0.5rem; } .p-equal-height-row--50-50 .p-equal-height-row__col { grid-column: span 6; padding-top: 0.5rem; } .list-matrix { padding-left: 2rem; position: relative; } .list-matrix .list-matrix-container::before { background-image: var(--vf-theme-light, url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 110 16A8 8 0 018 0zm0 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zm2.814 2.45l1.203.897-5.537 7.43-3.485-3.694 1.09-1.03 2.259 2.394 4.47-5.997z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E")); background-repeat: no-repeat; background-size: 1rem; content: ""; display: inline-block; height: 1rem; top: 0.85rem; left: 0px; position: absolute; width: 1rem; } .p-card--social-media { background: rgb(255, 255, 255); border: unset; } .p-card--social-media .p-heading-icon { margin-bottom: 0px; } @media (min-width: 1036px) { .p-card--social-media .p-heading-icon { margin-bottom: 0.5rem; } } .p-card--social-media .p-heading-icon .p-heading-icon__header .p-heading-icon__img { margin-right: 0.5rem; } .p-card--social-media .p-heading-icon--small .p-heading-icon__header .p-heading-icon__title { align-self: center; margin: 0px; } .u-no-wrap { white-space: nowrap; } @media screen and (1036px <= width) { .u-additional-spacing--large { margin-bottom: 6.25rem; } } @media screen and (1036px <= width) { .u-responsive-cta { height: 15rem; } } @media screen and (1036px <= width) { .u-horizontal-nudge { margin-left: 0.5rem; } } .u-vertical-nudge { margin-bottom: 0.5rem !important; } .p-table--mobile-card tr td { white-space: normal; } ol.p-stepped-list.no-full-stop .p-stepped-list__item .p-stepped-list__title::before, ol.p-stepped-list.no-full-stop .p-faq-stepped-list--detailed .p-faq-stepped-list__item .p-stepped-list__title::before, .p-faq-stepped-list--detailed ol.p-stepped-list.no-full-stop .p-faq-stepped-list__item .p-stepped-list__title::before { content: counter(p-stepped-list-counter); text-align: left; } .u-zoom-on-hover { transition: transform 1s ease 0s; } .u-zoom-on-hover:hover { transform: scale(1.25); } .p-side-navigation--raw-html.is-single-page { position: sticky; top: 4rem; } @media (max-width: 1036px) { .p-side-navigation--raw-html.is-single-page { position: unset; top: 0px; } } .p-toggle--sticky { position: sticky; top: 4rem; width: fit-content; z-index: 2; } .vulnerabilities-content .section-heading { scroll-margin-top: 80px; } @media (max-width: 1036px) { .vulnerabilities-content .section-heading { scroll-margin-top: 100px; } } .training-cta--stacked { display: flex; flex-wrap: wrap; } .u-clamp--two-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .u-clamp--five-lines { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @container (width >= 100ch) { .p-list--horizontal-section-wrapper .p-list--horizontal-section:is(.is-50-50-on-large) { --columns: 2; } .p-list--horizontal-section-wrapper .p-list--horizontal-section:is(.is-50-50-on-large) .p-list__item:nth-child(2n+1)::after, .p-list--horizontal-section-wrapper .p-list--horizontal-section:is(.is-50-50-on-large) .p-list--ticked .p-list__item-padded:nth-child(2n+1)::after, .p-list--ticked .p-list--horizontal-section-wrapper .p-list--horizontal-section:is(.is-50-50-on-large) .p-list__item-padded:nth-child(2n+1)::after, .p-list--horizontal-section-wrapper .p-list--horizontal-section:is(.is-50-50-on-large) .list-matrix:nth-child(2n+1)::after { background: var(--vf-color-border-low-contrast); content: ""; height: 1px; left: 0px; position: absolute; top: 0px; width: calc(200% + 2rem); } } .is-dark .inner-wrapper a.p-link--anchor-heading, .is-dark .inner-wrapper a.p-link--anchor-heading:visited { color: rgb(255, 255, 255); } .p-slider__wrapper .p-slider__min-value { padding-right: 1rem; } .p-slider__wrapper .p-slider__max-value { padding-left: 1rem; } "); } [class*="blog-p-card__header"] { border-radius: 2px; padding: 1rem 1rem 0.5rem; } .blog-p-card--post { flex-direction: column; padding: 0px; display: flex !important; } .p-strip--featured .blog-p-card--post { background-color: rgba(255, 255, 255, 0.9); position: relative; z-index: 1; } .blog-p-card--post > .blog-p-card__content { border-top: 1px dotted rgb(217, 217, 217); display: flex; flex-direction: column; height: 100%; margin: 0px 0.5rem; padding: 1rem 0.5rem 0.5rem; } .blog-p-card--post > .blog-p-card__content > a, .blog-p-card--post > .blog-p-card__content h3, .blog-p-card--post > .blog-p-card__content p { display: block; margin: 0.5rem 0px; } .blog-p-card--post .blog-p-card__footer { border-top: 1px dotted rgb(217, 217, 217); font-size: 0.875rem; margin: auto 0.5rem 0px; max-width: inherit; padding: 1rem 0.5rem; } [class*="blog-p-card__header"] { border-top: 3px solid rgb(102, 102, 102); } .blog-p-card__header { border-radius: 2px; border-top: 3px solid rgb(102, 102, 102); padding: 1rem 1rem 0.5rem; } .blog-p-card__header.highlight--cloud-and-server { border-color: rgb(168, 124, 160); } .blog-p-card__header.highlight--desktop { border-color: rgb(250, 186, 84); } .blog-p-card__header.highlight--internet-of-things { border-color: rgb(141, 178, 85); } .blog-p-card--muted { background-color: rgb(247, 247, 247); box-shadow: rgba(17, 17, 17, 0.2) 0px 1px 2px 0px; padding: 0px; } .blog-p-card--muted > .blog-p-card__header { border-bottom: 0px; border-top: 3px solid rgb(247, 247, 247); margin-bottom: 0px; } .blog-p-card--muted > .blog-p-card__content { border-top: 1px dotted rgb(217, 217, 217); margin: 0px 0.5rem 0.5rem; padding: 1rem 0.5rem 0.5rem; } .p-strip--featured { background-color: rgb(13, 87, 119); background-image: linear-gradient(30deg, rgb(13, 87, 119) 0%, rgb(71, 146, 157) 90%, rgb(71, 146, 157) 100%); color: rgb(247, 247, 247); position: relative; } @media only screen and (min-width: 875px) { .p-strip--featured::before, .p-strip--featured::after { background-repeat: no-repeat; background-size: contain; content: ""; height: 100%; position: absolute; top: 0px; width: 100%; z-index: 0; } .p-strip--featured::before { background-image: url(""); background-position: left top; left: 0px; } .p-strip--featured::after { background-image: url(""); background-position: right top; right: 0px; } } .p-blog-list__item.is-current { color: rgb(0, 0, 0); cursor: default; font-weight: bold; pointer-events: none; } .p-blog-list__item.is-current:hover { text-decoration: none; } .p-blog-post * { max-width: 100%; } .p-blog-post img { padding: 2rem 0px; } .p-blog-aside { position: sticky; top: 1rem; } .p-strip--blog-suru { overflow: hidden; position: relative; } .p-strip--blog-suru::after { background: rgba(17, 17, 17, 0.65); content: ""; height: 100%; position: absolute; top: 0px; width: 100%; z-index: 0; } @media only screen and (min-width: 875px) { .p-strip--blog-suru::after { background: linear-gradient(110deg, rgba(17, 17, 17, 0.65) 55%, transparent 55%); } } .p-card--suru { position: relative; z-index: 1; } .p-blog-heading__icon { height: 2.5rem; } @media (min-width: 875px) { .p-blog-heading__icon { height: 3.5rem; } } .u-crop--16-9 { position: relative; } .u-crop--16-9::before { content: ""; display: block; padding-top: 56.25%; width: 100%; } .u-crop--16-9 a, .u-crop--16-9 div, .u-crop--16-9 img { inset: 0px; overflow: hidden; position: absolute; } .u-crop--16-9 a { display: flex; flex-direction: column; justify-content: center; text-align: center; } .p-accordion .is-dense { padding-left: 1rem; } .p-accordion .is-collapsed { max-height: calc(8.125rem); overflow: hidden; } @media (min-width: 1681px) { .p-accordion .is-collapsed { max-height: calc(9.0625rem); } } .p-active-reveal .p-active-reveal__item { display: none; margin-top: 0px; } .p-active-reveal .p-active-reveal__switch:checked ~ .p-active-reveal__item { display: block; } @media screen and (min-width: 1036px) { .ai-tooling .col-3 .p-section--shallow:first-of-type { height: 20rem; } } @media screen and (min-width: 620px) and (max-width: 1035px) { .ai-tooling .col-3 .p-section--shallow:first-of-type { height: 18rem; } } .ai-iso-illustration { background: rgba(0, 0, 0, 0.03); } [class*="p-button"].is-wide { width: 100%; } .p-button--tag { border-radius: 3px; color: rgb(102, 102, 102); font-size: 14px; padding: 0.1rem 0.4rem; } .p-button--tag:visited { color: rgb(102, 102, 102); } .p-calculator .p-card--highlighted, .p-calculator .add-subscription-card-container .add-subscription-card, .add-subscription-card-container .p-calculator .add-subscription-card, .p-calculator .deal-registration-card { overflow: visible; } .p-calculator [class*="p-tooltip--"] { margin-left: 0.5rem; } .p-calculator__checkbox-label-copy { display: block; font-size: 1rem; line-height: 1.2rem; } .p-calculator__range-hint { display: flex; } .p-calculator__range-hint > * { flex: 1 1 0%; } .p-card--cloud-and-server { position: relative; } .p-card--cloud-and-server::before { top: 0px; background-color: rgb(43, 147, 156); content: ""; position: absolute; } .p-card--cloud-and-server::before { height: 0.1875rem; width: auto; left: 0px; right: 0px; } .p-card--internet-of-things { position: relative; } .p-card--internet-of-things::before { top: 0px; background-color: rgb(176, 112, 157); content: ""; position: absolute; } .p-card--internet-of-things::before { height: 0.1875rem; width: auto; left: 0px; right: 0px; } .p-card--desktop { position: relative; } .p-card--desktop::before { top: 0px; background-color: rgb(102, 162, 193); content: ""; position: absolute; } .p-card--desktop::before { height: 0.1875rem; width: auto; left: 0px; right: 0px; } .p-card--canonical-announcements { position: relative; } .p-card--canonical-announcements::before { top: 0px; background-color: rgb(255, 137, 54); content: ""; position: absolute; } .p-card--canonical-announcements::before { height: 0.1875rem; width: auto; left: 0px; right: 0px; } .p-card--layout { display: flex; flex-direction: column; } .p-card--layout .p-card__main { padding-top: calc(-1px + 1rem); } .p-card--layout .p-card__footer { margin-top: auto; } .radio-wrapper--staggering { column-gap: 1.5rem; display: grid; grid-template-columns: repeat(2, 1fr); } .radio-wrapper--staggering .image-wrapper { height: 48px; margin-bottom: 2.4rem; } .radio-wrapper--staggering + .radio-wrapper--staggering { border-top: 1px solid rgb(217, 217, 217); padding-top: 1.5rem; } @media only screen and (min-width: 875px) { .radio-wrapper--staggering { display: flex; } .radio-wrapper--staggering > div { flex: 1 1 0px; } .radio-wrapper--staggering span.p-radio__label { display: flex; flex-basis: 0px; flex-direction: column; flex-grow: 1; } .radio-wrapper--staggering + .radio-wrapper--staggering { border-top: unset; padding-top: unset; } } .radio-wrapper--stacking { display: flex; flex-direction: column; } @media only screen and (min-width: 875px) { .radio-wrapper--stacking { column-gap: 1.5rem; display: grid; grid-template-columns: repeat(3, 1fr); } } .p-card--radio--support > label { font-weight: 400; } .p-card--radio--support > label > small { font-weight: normal; } .p-card--radio--support > img { height: 60px; margin: 0px auto; max-height: none; width: 60px; } .p-card--radio--support > p { text-align: center; } .p-card--radio--column { background: rgba(0, 0, 0, 0); border-radius: 5px; cursor: pointer; display: flex; flex-direction: column; height: 100%; padding: 1.5rem 0px 0px; position: relative; } .p-card--radio--column > label { font-weight: 700; } .p-card--radio--column > span > i { margin-right: 0.8rem; } .p-card--radio--column > * { margin-bottom: 0px; padding: 1rem; width: 100%; } .p-card--radio--column > :not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } @media screen and (max-width: 875px) { .p-card--radio--column { height: auto; } } @media screen and (min-width: 1036px) { .p-card--radio--column { border: none; padding: 0px; } .p-card--radio--column > label { font-weight: inherit; } } .p-card--radio--column.is-selected, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--column.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] { background-color: rgb(247, 247, 247); } .p-card--radio--column .inner-label { height: 116px; margin-left: 1rem; text-align: left; } .p-card--radio--column > .p-radio { margin: 0px; max-width: none; padding: 0px; position: initial; text-indent: 0px; width: 100%; } .p-card--radio--column > .p-radio::before { inset: 0px; content: ""; position: absolute; } .p-card--radio--column > .p-radio > .p-radio__label { padding: 0px; } .p-card--radio--column > .p-radio > .p-radio__label::after, .p-card--radio--column > .p-radio > .p-radio__label::before { content: none; } .p-card--radio--column > .p-radio hr { margin-top: -1px; } .p-card--radio--column > .p-radio small { display: block; } .p-card--radio, .p-card--radio--feature, .p-card--radio--version, .p-card--radio--support { background: rgba(0, 0, 0, 0); cursor: pointer; position: relative; } .p-card--radio:hover, .p-card--radio--feature:hover, .p-card--radio--version:hover, .p-card--radio--support:hover, .p-card--radio.is-selected, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .is-selected.p-card--radio--feature, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--feature.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .is-selected.p-card--radio--version, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--version.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .is-selected.p-card--radio--support, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--support.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] { background-color: rgb(247, 247, 247); } .p-card--radio .p-card__title, .p-card--radio--feature .p-card__title, .p-card--radio--version .p-card__title, .p-card--radio--support .p-card__title { align-items: baseline; display: flex; justify-content: space-between; } .p-card--radio img, .p-card--radio--feature img, .p-card--radio--version img, .p-card--radio--support img { display: block; margin: 1.2rem auto 0px; max-height: 48px; max-width: 100%; pointer-events: none; width: auto; } .p-card--radio > .p-radio, .p-card--radio--feature > .p-radio, .p-card--radio--version > .p-radio, .p-card--radio--support > .p-radio { margin: 0px; max-width: none; padding: 0px; position: initial; text-indent: 0px; width: 100%; } .p-card--radio > .p-radio::before, .p-card--radio--feature > .p-radio::before, .p-card--radio--version > .p-radio::before, .p-card--radio--support > .p-radio::before { inset: 0px; content: ""; position: absolute; } .p-card--radio > .p-radio > .p-radio__label, .p-card--radio--feature > .p-radio > .p-radio__label, .p-card--radio--version > .p-radio > .p-radio__label, .p-card--radio--support > .p-radio > .p-radio__label { padding: 0px; } .p-card--radio > .p-radio > .p-radio__label::after, .p-card--radio--feature > .p-radio > .p-radio__label::after, .p-card--radio--version > .p-radio > .p-radio__label::after, .p-card--radio--support > .p-radio > .p-radio__label::after, .p-card--radio > .p-radio > .p-radio__label::before, .p-card--radio--feature > .p-radio > .p-radio__label::before, .p-card--radio--version > .p-radio > .p-radio__label::before, .p-card--radio--support > .p-radio > .p-radio__label::before { content: none; } .p-card--radio > .p-radio small, .p-card--radio--feature > .p-radio small, .p-card--radio--version > .p-radio small, .p-card--radio--support > .p-radio small { display: block; } .p-card--radio.is-selected .p-radio::before, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-radio::before, .is-selected.p-card--radio--feature .p-radio::before, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--feature.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-radio::before, .is-selected.p-card--radio--version .p-radio::before, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--version.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-radio::before, .is-selected.p-card--radio--support .p-radio::before, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--support.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-radio::before { border: 0.1875rem solid rgb(46, 150, 255); outline: none; } .p-card--radio--version { padding: 3rem 1rem; } .p-card--radio--version h4 { margin: 0px; } .p-card--radio--feature span { margin-top: auto; padding-left: 2rem; position: relative; } .p-card--radio--feature span::before, .p-card--radio--feature span::after { background: rgb(255, 255, 255); border-radius: 50%; content: ""; position: absolute; transition-duration: 0.333s; transition-property: background-color, border-color; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .p-card--radio--feature span::before { border: 1px solid rgba(0, 0, 0, 0.56); border-radius: 50%; height: 1rem; left: 0px; margin-right: 1rem; outline-offset: 1px; top: 0.2rem; width: 1rem; } .p-card--radio--feature span::after { height: 0.375rem; left: 0.3125rem; top: 0.5rem; width: 0.375rem; } .p-card--radio--feature .p-radio span { height: 100%; text-align: left; } .p-card--radio--feature.is-selected span::before, .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--feature.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] span::before { background-color: rgb(0, 102, 204); border-color: rgb(0, 102, 204); } .p-tiered-card--high, .p-tiered-card--medium, .p-tiered-card--low { padding: 0.5rem 1rem; } .p-tiered-cards { gap: 0px !important; } .p-tiered-card--low { background-color: rgb(247, 247, 247); } .p-tiered-card--medium { background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); } .p-tiered-card--high { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .p-certification-filter > label { margin-bottom: 0px; } .p-certification-results th { padding-top: 0.6rem; } .p-certification-results th:nth-child(1), .p-certification-results td:nth-child(1) { width: 20%; } .p-certification-results th:nth-child(2), .p-certification-results td:nth-child(2) { width: 35%; } .p-certification-results th:nth-child(3), .p-certification-results td:nth-child(3) { width: 10%; } @media only screen and (max-width: 620px) { .p-certification-results th:nth-child(3), .p-certification-results td:nth-child(3) { width: 20%; } } .p-update-results { margin-left: 1rem; width: fit-content; } .certified-filters .p-accordion__group { padding-bottom: 1.5rem; position: unset; } .certified-filters .p-accordion__group::after { display: none; } .certified-filters .certified-filters-footer { background: rgb(243, 243, 243); bottom: 0px; position: sticky; z-index: 2; } .certified-filters .certified-filters-footer-buttons { margin-left: 1rem; } @media screen and (min-width: 1036px) { .certified-filters .certified-filters-footer-buttons { margin-left: 0px; } } .certified-filters .p-checkbox__label { padding-left: 2.2rem; } .certified-filters .p-accordion__tab { background-color: rgb(243, 243, 243); z-index: 1; } .certified-filters .p-accordion__tab:hover, .certified-filters .p-accordion__tab[aria-expanded="true"] { background-color: rgb(243, 243, 243); } @media screen and (min-width: 1036px) { .certified-filters .p-accordion__panel, .certified-filters .p-accordion__tab, .certified-filters .p-button--link { padding-left: 0px; } } .p-results-per-page { max-width: 5.3rem; min-width: 5.3rem; } .checkout-container .p-stepped-list--detailed, .checkout-container .p-faq-stepped-list--detailed { margin-left: 0px; } .checkout-container .p-stepped-list__title { padding-left: 2.5rem; } .checkout-container .p-stepped-list__title::before { line-height: calc(-2px + 1.5rem); margin-right: 1rem; margin-top: 0.55rem; width: 1.5rem; } @media (min-width: 1036px) { .checkout-container .p-stepped-list__title::before { line-height: calc(-2px + 1.5rem); margin-top: 0.8rem; width: 1.5rem; } } .checkout-container #card-element { background-color: rgb(245, 245, 246); border-bottom: 1.5px solid rgb(17, 17, 17); padding: calc(-1px + 0.4rem) 0.5rem; } .checkout-container .StripeElement--invalid { background-color: rgb(248, 233, 232) !important; border-bottom-color: rgb(199, 22, 43) !important; } .checkout-container #card-errors { color: rgb(199, 22, 43) !important; line-height: 1; } .p-modal--generated.p-modal, #contact-modal.p-modal { align-items: start; position: fixed; z-index: 100; } .p-modal--generated.p-modal .p-modal__dialog, #contact-modal.p-modal .p-modal__dialog { margin-bottom: 0px; } @media (min-width: 975px) { .p-modal--generated.p-modal .p-modal__dialog, #contact-modal.p-modal .p-modal__dialog { max-width: 875px; min-width: 875px; } } .p-modal--generated.p-modal .p-modal__header, #contact-modal.p-modal .p-modal__header { border-bottom: 1px solid rgb(217, 217, 217); margin-bottom: 0.75rem; } .p-modal--generated.p-modal .p-modal__header::after, #contact-modal.p-modal .p-modal__header::after { display: none; } .p-modal--generated.p-modal .p-modal__title, #contact-modal.p-modal .p-modal__title { margin-bottom: 0.5rem; } .p-modal--generated.p-modal.thank-you .p-modal__title, #contact-modal.p-modal.thank-you .p-modal__title { opacity: 0; } .p-modal--generated.p-modal.thank-you .p-modal__header, #contact-modal.p-modal.thank-you .p-modal__header { border-bottom: 0px; } .p-modal--generated.p-modal.thank-you .p-modal__header::after, #contact-modal.p-modal.thank-you .p-modal__header::after { display: none; } @media only screen and (min-width: 875px) { .p-modal--generated.p-modal .u-align, #contact-modal.p-modal .u-align { padding-bottom: 70px; } .p-modal--generated.p-modal .pagination__link--next, .p-modal--generated.p-modal .pagination__link--previous, #contact-modal.p-modal .pagination__link--next, #contact-modal.p-modal .pagination__link--previous { margin-bottom: 0px; } } .p-cube-animation { margin-top: -2.9rem; } .p-cube-animation.is-transformed .p-cube-animation__cube--1 { transform: translate(16px, 49px); } .p-cube-animation.is-transformed .p-cube-animation__cube--2 { transform: translate(100px, 1px); } .p-cube-animation.is-transformed .p-cube-animation__cube--3 { transform: translate(100px, 193px); } .p-cube-animation.is-transformed .p-cube-animation__cube--4 { transform: translate(16px, 145.5px); } .p-cube-animation.is-transformed .p-cube-animation__cube--5 { transform: translate(183px, 49px); } .p-cube-animation.is-transformed .p-cube-animation__cube--6 { transform: translate(183px, 145.5px); } .p-cube-animation .p-cube-animation__cube--6, .p-cube-animation .p-cube-animation__cube--5, .p-cube-animation .p-cube-animation__cube--4, .p-cube-animation .p-cube-animation__cube--3, .p-cube-animation .p-cube-animation__cube--2, .p-cube-animation .p-cube-animation__cube--1, .p-cube-animation.is-transformed .p-cube-animation__cube--1, .p-cube-animation.is-transformed .p-cube-animation__cube--2, .p-cube-animation.is-transformed .p-cube-animation__cube--3, .p-cube-animation.is-transformed .p-cube-animation__cube--4, .p-cube-animation.is-transformed .p-cube-animation__cube--5, .p-cube-animation.is-transformed .p-cube-animation__cube--6 { background: url("") 0% 0% / 169px 195px; height: 195px; position: absolute; transition: transform 2s ease 0s; width: 169px; } .p-cube-animation .p-cube-animation__cube--1 { transform: translate(100px, 1px); } .p-cube-animation .p-cube-animation__cube--2 { transform: translate(183px, 49px); } .p-cube-animation .p-cube-animation__cube--3 { transform: translate(183px, 145.5px); } .p-cube-animation .p-cube-animation__cube--4 { transform: translate(100px, 193px); } .p-cube-animation .p-cube-animation__cube--5 { transform: translate(16px, 145.5px); } .p-cube-animation .p-cube-animation__cube--6 { transform: translate(16px, 49px); } .p-cube-progression { height: 382px; position: relative; } .p-cube-progression .p-cube-progression.is-storage, .p-cube-progression .p-cube-progression.is-kernel, .p-cube-progression .p-cube-progression.is-commands, .p-cube-progression .p-cube-progression.is-packages, .p-cube-progression .p-cube-progression.is-architecture { background-size: 168px 99px; height: 99px; position: absolute; width: 168px; } .p-cube-progression .p-cube-progression.is-maas, .p-cube-progression .p-cube-progression.is-juju, .p-cube-progression .p-cube-progression.is-virtualisation, .p-cube-progression .p-cube-progression.is-microk8s, .p-cube-progression .p-cube-progression.is-networking, .p-cube-progression .p-cube-progression.is-security, .p-cube-progression .p-cube-progression.is-admin, .p-cube-progression .p-cube-progression.is-services, .p-cube-progression .p-cube-progression.is-devices, .p-cube-progression .p-cube-progression.is-bash { background-size: 85px 145px; height: 145px; position: absolute; width: 85px; } .p-cube-progression.is-architecture { background-image: url(""); } .p-cube-progression.is-bash { background: url(""); transform: translate(84px, 49.5px); } .p-cube-progression.is-devices { background-image: url(""); transform: translate(0px, 49.5px); } .p-cube-progression.is-packages { background-image: url(""); transform: translate(168px, 0px); } .p-cube-progression.is-services { background-image: url(""); transform: translate(252px, 49.5px); } .p-cube-progression.is-admin { background-image: url(""); transform: translate(168px, 49.5px); } .p-cube-progression.is-commands { background-image: url(""); transform: translate(336px, 0px); } .p-cube-progression.is-security { background-image: url(""); transform: translate(420px, 49.5px); } .p-cube-progression.is-networking { background-image: url(""); transform: translate(336px, 49.5px); } .p-cube-progression.is-kernel { background-image: url(""); transform: translate(84px, 145px); } .p-cube-progression.is-microk8s { background-image: url(""); transform: translate(168px, 194.5px); } .p-cube-progression.is-virtualisation { background-image: url(""); transform: translate(84px, 194.5px); } .p-cube-progression.is-storage { background-image: url(""); transform: translate(252px, 145px); } .p-cube-progression.is-juju { background-image: url(""); transform: translate(336px, 194.5px); } .p-cube-progression.is-maas { background: url(""); transform: translate(252px, 194.5px); } .is-faded, .is-faded--left, .is-faded--right { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); opacity: 0.5; } .is-faded--right { clip-path: polygon(0% 34%, 100% 0%, 100% 66.6%, 0% 100%); } .is-faded--left { clip-path: polygon(0% 0%, 100% 34%, 100% 100%, 0% 66.6%); } .u-overflow-inherit { overflow-x: inherit !important; } .cve-table thead th { overflow-wrap: break-word; } .cve-table thead tr { border-bottom: 1px solid rgb(217, 217, 217); } .cve-table tr:not(:first-child) { border-top: 1px solid rgb(217, 217, 217); } .cve-table td { position: relative; overflow-wrap: break-word; border-top: none !important; } .p-tooltip__message.cve-chip { width: 15rem; text-wrap: wrap; } .cve-landing .p-inline-list { margin-top: 0.3rem; } .cve-results { display: flex; justify-content: space-between; } .cve-results .p-text--small-caps { display: inline-flex; } .cve-results .p-form { display: flex; gap: 2.5rem; } .cve-results .p-form__group { margin-left: auto; margin-right: 0px; } .cve-results .p-form__control { max-width: fit-content; min-width: 0px; padding-right: 1rem; } .cve-card-header { margin-bottom: 1.1rem; padding-top: 0.4rem; } .cve-card-header h2 { display: inline; padding-top: 0px; } .cve-card-header .priority-icon { float: inline-end; } .cve-footer-link { font-size: 0.875rem; } .cve-pagination-footer { display: flex; flex-wrap: wrap; justify-content: space-between; } .cve-pagination-footer-links { display: flex; gap: inherit; } .cve-pagination-footer-links a { margin-top: 0.4rem; } @media screen and (max-width: 619px) { .cve-pagination-footer-links { flex-direction: column; gap: 1rem; } } .cve-pagination-footer-links .p-form__control { max-width: fit-content; min-width: 0px; } @media screen and (min-width: 620px) { #cve-search-button { margin-top: 2.6rem; width: 100%; } } .cve-filters .p-side-navigation__drawer-header { position: relative; } .cve-filters .p-side-navigation li:first-child .p-accordion__panel[aria-hidden="false"] { margin-top: 1rem; } .cve-filters .p-side-navigation li:first-child .p-accordion__panel[aria-hidden="false"] input { margin-bottom: 0px; width: auto; } .cve-filters .p-side-navigation .p-accordion__group { padding-bottom: 1.5rem; position: unset; } .cve-filters .p-side-navigation .release-accordion-group { max-height: 30rem; overflow-y: auto; } .cve-filters .p-side-navigation .releases-tab-container { background: rgb(243, 243, 243); position: sticky; top: 0px; z-index: 1; } .cve-filters .p-side-navigation .p-accordion__tab { background-color: rgb(243, 243, 243); z-index: 1; } .cve-filters .p-side-navigation .p-checkbox__label { padding-left: 2.2rem; } .cve-filters .p-side-navigation .p-text--small-caps { padding-left: 2.2rem; } @media screen and (min-width: 1036px) { .cve-filters .p-side-navigation .p-accordion__tab, .cve-filters .p-side-navigation .p-accordion__panel { padding-left: 0px; } } .cve-filters .p-icon--chevron-down { margin-right: 1rem; } .cve-filters .p-text--small-caps:not(:first-child) { padding-left: 2rem; } .cve-filter-buttons { background: rgb(243, 243, 243); bottom: 0px; position: sticky; z-index: 2; } @media screen and (width < 1036px) { .cve-filter-buttons { margin-left: 1rem; } } .u-cve-gap { display: grid; gap: 30px 20px; grid-template-columns: repeat(3, 1fr); } .u-cve-base-score { display: flex; } .u-cve-base-score .p-heading-icon__img { height: 1.5rem; margin-left: -0.5rem; margin-right: 0px; } .u-cve-base-score span { margin-top: 0.2rem; } .cve-hero-scores { display: flex; } @media screen and (min-width: 1036px) { .cve-hero-scores { gap: 9%; } } @media screen and (max-width: 620px) { .cve-hero-scores { flex-direction: column; } } .u-adjust-table-heading { width: 19rem; } @media screen and (max-width: 620px) { .u-adjust-table-heading { width: fit-content; } } .cve-table-blur { position: relative; } .cve-table-blur::after { background: linear-gradient(rgba(255, 255, 255, 0), rgb(243, 243, 243)); bottom: 0px; content: ""; height: 100%; left: 0px; pointer-events: none; position: absolute; width: 100%; } .u-hide--cell { display: none !important; } .section-heading { scroll-margin-top: 3.5rem; } .u-break-wrap { overflow-wrap: break-word; } @media screen and (width < 1681px) { .u-cve-table-horizontal-scroll { overflow-x: hidden; } .u-cve-table-horizontal-scroll .u-cve-table-horizontal-scroll__table { display: block; overflow-x: auto; white-space: nowrap; } } .p-floating-image { position: relative; z-index: 50; } .p-floating-image .u-image-position--left { position: absolute; transform: translate(-100%, -35%); } .p-floating-image .u-image-position--right { position: absolute; transform: translate(100%, -70%); } .p-footer-list { padding-top: 0.375rem; } .p-footer__divider { left: 50%; position: relative; transform: translate(-50%, 0px); width: 100vw; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(217, 217, 217); border-collapse: separate; height: 0px; margin-top: 2rem; } @media only screen and (max-width: 619px) { .p-footer__divider { display: none; } } .p-footer__links { margin: 0px; padding: 0px; } .p-footer__item { display: block; margin-bottom: 0px; } @media only screen and (max-width: 619px) { .p-footer__item { margin-top: 0px; } } @media only screen and (min-width: 620px) { .p-footer__item + .p-footer__item { margin-top: 1.5rem; } } .p-footer .link-to-top { color: rgb(102, 102, 102); background-image: url(""); background-position: 10px center; background-repeat: no-repeat; background-size: 14px 14px; border-bottom: 1px solid rgb(102, 102, 102); display: block; left: auto; line-height: 2.3; margin-bottom: -1px; max-width: inherit; padding: 0.5rem 0px 0.5rem 2rem; position: relative; z-index: 2; } @media only screen and (max-width: 620px) { .p-footer .link-to-top { cursor: pointer; } } @media only screen and (min-width: 620px) { .p-footer .link-to-top { line-height: 1.5; } } @media only screen and (min-width: 620px) { .p-footer .link-to-top { display: none; } } .p-footer .link-to-top a { color: rgb(0, 0, 0); } @media only screen and (min-width: 620px) { .p-footer--secondary { padding: 0px; } } @media only screen and (max-width: 619px) { .p-footer--secondary { margin-top: 0px; padding: 1.5rem 0.5rem 0px 1rem !important; } } .p-footer--secondary a:hover { color: currentcolor; } .p-footer__title.active { background-image: url(""); } @media only screen and (min-width: 620px) { .p-footer__title.active { background: none; } } @media only screen and (min-width: 620px) { .p-footer__title-text { color: rgb(17, 17, 17); font-weight: 400; } } @media only screen and (max-width: 620px) { .p-footer__title-text a { color: rgb(102, 102, 102); } } @media only screen and (max-width: 619px) { .p-footer__container { padding-left: 0px; padding-right: 0px; } } .p-footer__link:hover { color: rgb(17, 17, 17); } .p-footer--secondary__content { margin-bottom: 0.125rem; max-width: inherit; } @media (max-width: 620px) { .p-footer--secondary .p-inline-list-icons { margin-left: 0px; margin-top: 1rem; padding-left: 0px; } } @media only screen and (min-width: 620px) { .p-footer--secondary .p-inline-list-icons { float: right; padding-left: 0px; } } @media only screen and (min-width: 1036px) { .p-footer--secondary .p-inline-list-icons { margin-top: 0.25rem; } } .p-footer--secondary .p-inline-list__item { display: block; margin-top: 0.5rem; } @media only screen and (min-width: 620px) { .p-footer--secondary .p-inline-list__item { display: inline-block; } } @media only screen and (max-width: 619px) { .p-footer--secondary .p-inline-list__item::after { display: none; } } @media only screen and (min-width: 620px) { .p-footer__item--spaced { margin-bottom: 1.5rem; } } @media only screen and (max-width: 620px) { .p-footer-list-single-child { margin-left: 0.5rem; } } @media only screen and (min-width: 620px) { .p-footer--secondary__nav .p-inline-list__item { display: inline-block; } } @media (max-width: 619px) { .col-small-2:nth-of-type(2n+1) { margin-left: 0px; } } @media (min-width: 620px) and (max-width: 874px) { .col-medium-2:nth-of-type(3n+1) { margin-left: 0px; } } @media (min-width: 1036px) { .col-2:nth-of-type(6n+1) { margin-left: 0px; } } .p-fluid-grid--centered { justify-content: space-around; } .p-fluid-grid, .p-fluid-grid--centered { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } .p-logo-image { align-items: center; display: flex; } .p-fluid-grid__item--small { min-width: 150px; width: 21.875%; } @media screen and (min-width: 620px) { .p-fluid-grid__item--small { width: 15.0485%; } } @media screen and (max-width: 619px) { .p-reverse-cols--small [class*="col-"]:first-child { order: 1; } .p-reverse-cols--small [class*="col-"]:last-child { order: 0; } } .p-heading-icon--muted .p-heading-icon__header { } .p-heading-icon--muted .p-heading-icon__title { align-items: center; display: flex; line-height: 1.875rem; margin-bottom: 0px; } .p-heading-icon__img--small { align-self: center; height: auto; margin-bottom: 0px; margin-top: 0.25rem; max-width: 2rem; } .p-heading-icon--long .p-heading-icon__img { height: 2rem; width: auto; } .p-heading-icon--long .p-heading-icon__title { margin-top: 1.5rem; } .p-inline-list--midline { margin-left: 0px; padding-left: 0px; } .p-inline-list--midline .p-inline-list__item { display: inline; list-style: none; margin-right: 1rem; position: relative; white-space: nowrap; } .p-inline-list--midline .p-inline-list__item:last-of-type { margin-right: 0px; } .p-inline-list--midline .p-inline-list__item::after { color: rgb(229, 229, 229); content: "|"; line-height: 1.5rem; position: absolute; right: -0.5rem; } .p-inline-list--midline .p-inline-list__item:last-of-type::after { content: ""; } @media only screen and (min-width: 1036px) { #edit-billing-modal > [role="dialog"] { min-width: 38rem; } } .p-icon--attention { background: rgba(0, 0, 0, 0); height: 32px; position: relative; width: 32px; } .p-icon--attention::before, .p-icon--attention::after { background: rgba(0, 0, 0, 0); border: 2px solid rgb(102, 102, 102); border-radius: 100%; inset: 0px; content: ""; height: 32px; margin: auto; position: absolute; visibility: hidden; width: 32px; } .p-icon--attention::before { animation: 0.7s ease-in-out 0s infinite normal none running scaleUp; } .p-icon--attention::after { animation: 0.7s ease-in-out 0.35s infinite normal none running scaleUp; } @keyframes scaleUp { 0% { opacity: 1; transform: scale(0.1, 0.1); visibility: visible; } 70% { opacity: 1; } 100% { opacity: 0; transform: scale(1, 1); } } .vbox-overlay *, .vbox-overlay ::before, .vbox-overlay ::after { box-sizing: border-box; } .vbox-overlay { background: rgba(0, 0, 0, 0.85); bottom: 0px; height: auto; left: 0px; margin-top: 0px; opacity: 0; overflow: hidden auto; position: fixed; top: 0px; width: 100%; z-index: 9999; } .vbox-preloader { height: 2rem; left: 50%; margin-left: -0.5rem; margin-top: -0.5rem; overflow: hidden; position: fixed; text-indent: -100px; top: 50%; width: 2rem; } @keyframes playload { 0% { background-position: 0px center; } 100% { background-position: -576px center; } } .vbox-close { background: url("") center center / 1rem no-repeat; color: rgb(255, 255, 255); cursor: pointer; display: block; height: 2rem; margin-top: 0px; overflow: hidden; position: fixed; right: 1rem; text-indent: -100px; top: 1rem; width: 2rem; } @media screen and (max-width: 875px) { .vbox-close { background-position: right 1rem top 1rem; } } .vbox-next, .vbox-prev { background-color: rgb(255, 255, 255); background-position: center center; background-repeat: no-repeat; background-size: 0.25rem; border-radius: 3rem; box-sizing: content-box; cursor: pointer; height: 3rem; margin-top: -1.5rem; overflow: hidden; padding: 0px; position: fixed; text-indent: -100px; top: 50%; width: 3rem; } .vbox-prev { background-image: url(""); left: 1rem; } .vbox-next { background-image: url(""); right: 1rem; margin-right: 0px !important; } .vbox-next:disabled, .vbox-prev:disabled { display: none; } .vbox-title { background: rgb(17, 17, 17); bottom: 0px; color: rgb(255, 255, 255); display: none; float: left; font-size: 1rem; height: auto; left: 0px; line-height: 1.75rem; overflow: hidden; padding: 2.5rem; position: fixed; text-align: center; width: 100%; } @media screen and (max-width: 1024px) { .vbox-title { bottom: 25px; } } .vbox-num { background: rgb(17, 17, 17); color: rgb(255, 255, 255); cursor: pointer; display: none; font-size: 12px; height: 2.5rem; left: 0px; line-height: 28px; overflow: hidden; padding: 0.375rem 0.625rem; position: fixed; top: -1px; } .vbox-open { overflow: hidden; } .vbox-container { height: 100%; margin: 0px auto; max-width: 1200px; padding: 0px 15px; position: relative; width: 100%; } .vbox-content { align-items: center; display: flex; float: left; height: 100%; justify-content: center; overflow: hidden; padding: 2.5rem 0px; position: relative; text-align: center; width: 100%; } .vbox-container img { align-self: initial; max-height: 100%; max-width: 100%; } .p-inline-list-icons .p-inline-list__link--tiktok, .p-inline-list-icons .p-inline-list__link--youtube, .p-inline-list-icons .p-inline-list__link--rss, .p-inline-list-icons .p-inline-list__link--instagram, .p-inline-list-icons .p-inline-list__link--linkedin, .p-inline-list-icons .p-inline-list__link--facebook, .p-inline-list-icons .p-inline-list__link--google, .p-inline-list-icons .p-inline-list__link--twitter { display: block; fill: rgb(102, 102, 102); height: 2rem; width: 2rem; } .p-inline-list-icons .p-inline-list__item { display: inline-block; line-height: 1rem; vertical-align: middle; } .p-inline-list-icons .p-inline-list__link--twitter:hover .twitter-icon { fill: rgb(17, 17, 17); } .p-inline-list-icons .p-inline-list__link--facebook:hover .facebook-icon { fill: rgb(24, 119, 242); } .p-inline-list-icons .p-inline-list__link--linkedin:hover .linkedin-icon { fill: rgb(2, 116, 179); } .p-inline-list-icons .p-inline-list__link--instagram:hover .instagram-icon { fill: rgb(17, 17, 17); } .p-inline-list-icons .p-inline-list__link--rss:hover .rss-icon { fill: rgb(234, 120, 26); } .p-inline-list-icons .p-inline-list__link--youtube:hover .youtube-icon { fill: red; } .p-inline-list-icons .p-inline-list__link--tiktok:hover .tiktok-icon { fill: rgb(0, 0, 0); } @media (min-width: 875px) { [class*="p-list"].is-trisected { display: flex; flex-wrap: wrap; } [class*="p-list"].is-trisected .p-list__item, [class*="p-list"].is-trisected .list-matrix, [class*="p-list"].is-trisected .p-list--ticked .p-list__item-padded, .p-list--ticked [class*="p-list"].is-trisected .p-list__item-padded { margin-right: 1rem; width: calc(33.33% - 0.75rem); } [class*="p-list"].is-trisected .p-list__item:nth-child(3n+3), [class*="p-list"].is-trisected .list-matrix:nth-child(3n+3), [class*="p-list"].is-trisected .p-list--ticked .p-list__item-padded:nth-child(3n+3), .p-list--ticked [class*="p-list"].is-trisected .p-list__item-padded:nth-child(3n+3) { margin-right: 0px; } [class*="p-list"].is-trisected .p-list__item:nth-last-child(0), [class*="p-list"].is-trisected .list-matrix:nth-last-child(0), [class*="p-list"].is-trisected .p-list--ticked .p-list__item-padded:nth-last-child(0), .p-list--ticked [class*="p-list"].is-trisected .p-list__item-padded:nth-last-child(0) { border-bottom: 0px; } } .p-nested-counter-list { counter-reset: item 0; list-style-type: none; margin-left: 0px; padding-left: 0px; } .p-nested-counter-list .p-nested-counter-list { margin-top: 0.5rem; padding-left: 1rem; } .p-nested-counter-list__item { counter-increment: item 1; padding-bottom: 0.5rem; padding-left: 0.125rem; } .p-nested-counter-list__item::before { content: counters(item, ".") ". "; } .p-nested-counter-list__item .p-nested-counter-list__item { padding-left: 0px; } .p-nested-counter-list__item .p-nested-counter-list__item::before { content: counters(item, ".") " "; } .p-inline-definition-list { margin-bottom: 1rem; } .p-inline-definition-list__title { border: 0px; float: left; margin: 0px 1rem 0px 0px; } .p-inline-definition-list__item { margin: 0px; } .p-list--ordered-legal { counter-reset: item 0; list-style-type: none; } .p-list--ordered-legal > .p-list__item::before, .p-list--ordered-legal > .list-matrix::before, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded::before { content: counters(item, ".") ". "; counter-increment: item 1; font-size: 2.25rem; font-weight: 300; line-height: 1.167; } .p-list--ordered-legal p { max-width: inherit; } .p-list--ordered-legal > li > p, .p-list--ordered-legal > li > ol, .p-list--ordered-legal > li > ul, .p-list--ordered-legal > li + h3, .p-list--ordered-legal > li > h4, .p-list--ordered-legal > li + h5 { margin-left: 1rem; padding-left: 1rem; } .p-list--ordered-legal > .p-list__item > h3, .p-list--ordered-legal > .list-matrix > h3, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h3, .p-list--ordered-legal > .p-list__item > h4, .p-list--ordered-legal > .list-matrix > h4, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h4, .p-list--ordered-legal > .p-list__item > h5, .p-list--ordered-legal > .list-matrix > h5, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h5, .p-list--ordered-legal > .p-list__item > h6, .p-list--ordered-legal > .list-matrix > h6, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h6 { display: inline-block; } .p-list--ordered-legal > .p-list__item > h4:first-child, .p-list--ordered-legal > .list-matrix > h4:first-child, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h4:first-child { margin-left: 0px; padding-left: 0px; } .p-list--ordered-legal > li > ol > .p-list__item::before, .p-list--ordered-legal > li > ol > .list-matrix::before, .p-list--ticked .p-list--ordered-legal > li > ol > .p-list__item-padded::before { font-size: 1.2rem; } .p-list--ordered-legal > .p-list__item > h2:first-child, .p-list--ordered-legal > .list-matrix > h2:first-child, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h2:first-child, .p-list--ordered-legal > .p-list__item > h3:first-child, .p-list--ordered-legal > .list-matrix > h3:first-child, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h3:first-child, .p-list--ordered-legal > .p-list__item > h4:first-child, .p-list--ordered-legal > .list-matrix > h4:first-child, .p-list--ticked .p-list--ordered-legal > .p-list__item-padded > h4:first-child { display: inline-block; } div > .p-list--ordered-legal { margin-left: 0px; padding-left: 0px; } .p-text-list--small { margin-bottom: 1.45rem; margin-left: 0px; padding-left: 0px; } .p-p--small + .p-text-list--small { margin-top: -0.5rem; } .p-text-list--small.is-dense { margin-bottom: 0.95rem; } .p-text-list--small .p-list__item, .p-text-list--small .list-matrix, .p-text-list--small .p-list--ticked .p-list__item-padded, .p-list--ticked .p-text-list--small .p-list__item-padded { list-style-type: none; padding-left: 0px; padding-top: 0px; position: relative; } .p-text-list--small.is-bordered { display: block; } .p-text-list--small.is-bordered .p-list__item, .p-text-list--small.is-bordered .list-matrix, .p-text-list--small.is-bordered .p-list--ticked .p-list__item-padded, .p-list--ticked .p-text-list--small.is-bordered .p-list__item-padded { margin-bottom: 0.25rem; } .p-text-list--small.is-bordered .p-list__item:not(:last-child), .p-text-list--small.is-bordered .list-matrix:not(:last-child), .p-text-list--small.is-bordered .p-list--ticked .p-list__item-padded:not(:last-child), .p-list--ticked .p-text-list--small.is-bordered .p-list__item-padded:not(:last-child) { padding-bottom: 0.25rem; } .p-text-list--small.is-bordered .p-list__item:not(:last-child)::after, .p-text-list--small.is-bordered .list-matrix:not(:last-child)::after, .p-text-list--small.is-bordered .p-list--ticked .p-list__item-padded:not(:last-child)::after, .p-list--ticked .p-text-list--small.is-bordered .p-list__item-padded:not(:last-child)::after { background-color: rgba(217, 217, 217, 0.5); } form .p-list__item.is-ticked, form .is-ticked.list-matrix, form .p-list--ticked .is-ticked.p-list__item-padded, .p-list--ticked form .is-ticked.p-list__item-padded { background-position-y: 0.43rem; } .p-list--divided.has-bullets, .has-bullets.p-list--divided-bulleted { margin-left: 1rem; padding-left: 1rem; width: 100%; } .p-list--divided.has-bullets .p-list__item, .p-list--divided.has-bullets .list-matrix, .p-list--divided.has-bullets .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--divided.has-bullets .p-list__item-padded, .has-bullets.p-list--divided-bulleted .p-list__item, .has-bullets.p-list--divided-bulleted .list-matrix, .has-bullets.p-list--divided-bulleted .p-list--ticked .p-list__item-padded, .p-list--ticked .has-bullets.p-list--divided-bulleted .p-list__item-padded { margin-left: -1rem; padding-left: 1rem; } .p-list--divided.has-bullets .p-list__item::after, .p-list--divided.has-bullets .list-matrix::after, .p-list--divided.has-bullets .p-list--ticked .p-list__item-padded::after, .p-list--ticked .p-list--divided.has-bullets .p-list__item-padded::after, .has-bullets.p-list--divided-bulleted .p-list__item::after, .has-bullets.p-list--divided-bulleted .list-matrix::after, .has-bullets.p-list--divided-bulleted .p-list--ticked .p-list__item-padded::after, .p-list--ticked .has-bullets.p-list--divided-bulleted .p-list__item-padded::after { left: 1rem; } ol.p-list--divided.has-bullets, ol.has-bullets.p-list--divided-bulleted { list-style: decimal; } ul.p-list--divided.has-bullets, ul.has-bullets.p-list--divided-bulleted { list-style: disc; } .p-step-counter { border: 1px solid rgb(112, 112, 112); border-radius: 100%; display: inline-block; height: auto; margin-top: 0.75rem; padding: 0.1875rem; text-align: center; width: calc(1.875rem); } .p-list--ticked .p-list__item, .p-list--ticked .list-matrix, .p-list--ticked .p-list__item-padded, .p-list--ticked--small .p-list__item, .p-list--ticked--small .list-matrix { border-bottom: 1px solid var(--vf-color-border-low-contrast); padding-left: 2rem; position: relative; } .p-list--ticked .p-list__item::before, .p-list--ticked .list-matrix::before, .p-list--ticked .p-list__item-padded::before, .p-list--ticked--small .p-list__item::before, .p-list--ticked--small .list-matrix::before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 110 16A8 8 0 018 0zm0 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zm2.814 2.45l1.203.897-5.537 7.43-3.485-3.694 1.09-1.03 2.259 2.394 4.47-5.997z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E"); content: ""; left: 0px; position: absolute; } .p-list--ticked .p-list__item:last-child, .p-list--ticked .list-matrix:last-child, .p-list--ticked .p-list__item-padded:last-child, .p-list--ticked--small .p-list__item:last-child, .p-list--ticked--small .list-matrix:last-child { border-bottom: 0px; } .p-list--ticked .p-list__item::before, .p-list--ticked .list-matrix::before, .p-list--ticked .p-list__item-padded::before { top: 0.9rem; } .p-list--ticked--small .p-list__item::before, .p-list--ticked--small .list-matrix::before, .p-list--ticked--small .p-list--ticked .p-list__item-padded::before, .p-list--ticked .p-list--ticked--small .p-list__item-padded::before { top: 0.5rem; } .p-list--horizontal-divided { list-style: none; margin: 0px; padding: 0px; } .p-list--horizontal-divided .p-list__item, .p-list--horizontal-divided .list-matrix, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded { align-items: center; border-bottom: 1px solid var(--vf-color-border-low-contrast); display: flex; padding: 1rem 0px; } @media only screen and (min-width: 875px) { .p-list--horizontal-divided .p-list__item, .p-list--horizontal-divided .list-matrix, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded { border-bottom: 0px; border-right: 1px solid var(--vf-color-border-low-contrast); display: inline-flex; padding: 0px 2rem; } } .p-list--horizontal-divided .p-list__item:first-child, .p-list--horizontal-divided .list-matrix:first-child, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded:first-child, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded:first-child { padding-top: 0px; } @media only screen and (min-width: 875px) { .p-list--horizontal-divided .p-list__item:first-child, .p-list--horizontal-divided .list-matrix:first-child, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded:first-child, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded:first-child { padding-left: 0px; } } .p-list--horizontal-divided .p-list__item:last-child, .p-list--horizontal-divided .list-matrix:last-child, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded:last-child, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded:last-child { border-bottom: 0px; } @media only screen and (min-width: 875px) { .p-list--horizontal-divided .p-list__item:last-child, .p-list--horizontal-divided .list-matrix:last-child, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded:last-child, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded:last-child { border-right: 0px; } } .p-list--horizontal-divided .p-list__item img, .p-list--horizontal-divided .list-matrix img, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded img, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded img { margin-right: 1.5rem; } @media only screen and (max-width: 875px) { .p-list--horizontal-divided .p-list__item img, .p-list--horizontal-divided .list-matrix img, .p-list--horizontal-divided .p-list--ticked .p-list__item-padded img, .p-list--ticked .p-list--horizontal-divided .p-list__item-padded img { display: none; } } .p-faq-stepped-list--detailed .p-faq-stepped-list__item { padding-top: 0px; } @supports (display: grid) { @media (min-width: 1036px) { .p-faq-stepped-list--detailed .p-faq-stepped-list__content { display: flex; grid-column-end: span 12; margin-top: 0px; } } } .p-faq-stepped-list--detailed .u-default-max-width { display: inline-block; max-width: 40em; } @media screen and (width < 1036px) { .p-stepped-list--detailed .p-stepped-list__item, .p-faq-stepped-list--detailed .p-stepped-list__item, .p-faq-stepped-list--detailed .p-faq-stepped-list__item { border-top: 1px solid var(--vf-color-border-low-contrast); } } .p-stepped-list--detailed .p-stepped-list__item .p-stepped-list__content .p-code-snippet, .p-faq-stepped-list--detailed .p-stepped-list__item .p-stepped-list__content .p-code-snippet, .p-faq-stepped-list--detailed .p-faq-stepped-list__item .p-stepped-list__content .p-code-snippet { margin-top: 0.5rem; } .p-list--divided.is-homepage > .p-list__item:first-child, .p-list--divided.is-homepage > .list-matrix:first-child, .p-list--ticked .p-list--divided.is-homepage > .p-list__item-padded:first-child, .is-homepage.p-list--divided-bulleted > .p-list__item:first-child, .is-homepage.p-list--divided-bulleted > .list-matrix:first-child, .p-list--ticked .is-homepage.p-list--divided-bulleted > .p-list__item-padded:first-child { box-shadow: inset 0 1px 0 0 var(--vf-color-border-low-contrast); } @media (min-width: 620px) { .p-matrix--two-col .p-matrix__item { width: 50%; } .p-matrix--two-col .p-matrix__item:nth-child(2n+1) { border-right: 1px solid rgb(217, 217, 217); padding-left: 0px; } .p-matrix--two-col .p-matrix__item:nth-child(2n) { border-right: 0px; padding-left: 1rem; } .p-matrix--two-col .p-matrix__item:nth-child(3) { border-top: 1px solid rgb(217, 217, 217); } } #control-height { height: 100vh; position: absolute; width: 0px; } @media (max-width: 620px) { #all-canonical-mobile .global-nav__header-link-anchor::after { right: 1rem !important; top: 1.25rem !important; } } @media (min-width: 1250px) { #all-canonical-content-mobile { display: none; } } body:has(header.p-navigation--sliding.has-menu-open) { overflow: hidden; } .global-nav-desktop .global-nav-dropdown { position: relative; top: 0px; } .global-nav-desktop .global-nav-dropdown .global-nav-dropdown__content { max-width: 80rem; } .global-nav-desktop .global-nav-dropdown .global-nav__link { color: rgb(102, 153, 204); } @media (min-width: 1250px) { .p-navigation__row--25-75 .p-navigation__items:first-child { margin-left: -1rem; } } .p-navigation--sliding { position: sticky; top: 0px; z-index: 40; } .p-navigation--sliding .p-link--inverted { font-weight: 400; } @media (max-width: 1249px) { .p-navigation--sliding.has-search-open .p-navigation__search { position: fixed; } } @media (min-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__items:first-child { margin-left: -1rem; } } @media (max-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 { padding-left: 0px; padding-right: 0px; } } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown { height: calc(-3rem + 100vh); overflow: hidden; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown[aria-hidden="false"] { overflow: unset; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown[aria-hidden="false"]::before { pointer-events: none; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown::before { box-shadow: none; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown .p-muted-heading { padding-left: 3rem; } @media (max-width: 875px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown .p-muted-heading { padding-left: 2.5rem; } } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__dropdown .p-navigation__secondary-links .p-muted-heading { padding-left: 0px; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__secondary-links { margin-top: 1.5rem; padding-left: 3rem; } @media (max-width: 875px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__secondary-links { padding-left: 2.5rem; } } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__secondary-links a { color: rgb(102, 153, 204); } .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown li.p-navigation__dropdown-item, .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown .p-navigation__item--dropdown-toggle li.p-navigation__account-name, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle ul.p-navigation__dropdown li.p-navigation__account-name { line-height: 1.5rem; margin: 0px; padding-bottom: 0.25rem; padding-top: 0.25rem; position: relative; } .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown li.p-navigation__dropdown-item a:not(.p-button--positive), .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown .p-navigation__item--dropdown-toggle li.p-navigation__account-name a:not(.p-button--positive), .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle ul.p-navigation__dropdown li.p-navigation__account-name a:not(.p-button--positive) { display: block; padding: 0.25rem 0px; white-space: normal; } .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown li.p-navigation__dropdown-item a:hover, .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown .p-navigation__item--dropdown-toggle li.p-navigation__account-name a:hover, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle ul.p-navigation__dropdown li.p-navigation__account-name a:hover { text-decoration: none; } .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown li.p-navigation__dropdown-item:hover, .p-navigation--sliding .p-navigation__row--25-75 ul.p-navigation__dropdown .p-navigation__item--dropdown-toggle li.p-navigation__account-name:hover, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle ul.p-navigation__dropdown li.p-navigation__account-name:hover { background-color: rgb(49, 49, 49); } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name { pointer-events: none; } @media (max-width: 875px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name { padding-left: 2.5rem; } } @media (min-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name .p-text--small { max-width: 13rem; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name hr { display: none; } } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account .p-navigation__dropdown-item, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account .p-navigation__account-name { padding-bottom: 0.75rem; padding-top: 0.75rem; } @media (min-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account .p-navigation__dropdown { height: auto; min-width: 10rem; right: 3rem; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account #canonical-login-content-mobile { right: unset; } } @media (min-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account a.p-navigation__link::after { content: none; } } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account a.p-navigation__link:not(.is-signed-in)::after { content: none; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.js-account button[aria-expanded="true"] { background-color: rgba(255, 255, 255, 0.05); } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] > a.p-navigation__link { background-color: rgb(45, 45, 45); } .p-navigation--sliding .p-navigation__row--25-75 a.p-navigation__dropdown-item, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle a.p-navigation__account-name { padding-bottom: 0.75rem; padding-top: 0.75rem; } .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__link::after { right: 0.5rem; top: 1.25rem; } @media (max-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__link::after { right: 1.5rem; top: 1rem; } } .p-navigation--sliding .p-navigation--sliding:not(.js-enabled) .p-navigation__item--dropdown-toggle > .p-navigation__link { padding-right: 1rem; } .p-navigation--sliding .p-navigation--sliding:not(.js-enabled) .p-navigation__item--dropdown-toggle > .p-navigation__link::after { content: none; } .p-navigation--sliding .p-navigation__nav { margin-right: -1rem; max-height: calc(-3rem + 100vh); width: auto; } .p-navigation--sliding .p-navigation__nav .p-navigation__items { width: 100%; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link { padding-left: 1rem; padding-right: 2rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link::before { left: 1rem; } @media (max-width: 1249px) { .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link { padding-left: 3rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link::before { left: 3rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link.js-back::after { left: 1.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link { padding-left: 1.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link::before { left: 1.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-toggle:first-child .p-navigation__link::before { content: ""; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-toggle.is-selected > .p-navigation__link::before, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] > .p-navigation__link::before, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] > .p-navigation__link::before { content: none; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-toggle:first-of-type > .p-navigation__link::before, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-close:first-of-type > .p-navigation__link::before { content: none; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__item--dropdown-close:first-of-type > .p-navigation__link::after { transform: rotate(90deg); } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__dropdown-item, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__nav .p-navigation__items .p-navigation__account-name { padding-left: 3rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__dropdown-item::before, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name::before, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__nav .p-navigation__items .p-navigation__account-name::before { left: 3rem; } } @media (max-width: 875px) { .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link { padding-left: 2.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link::before { left: 2.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__link.js-back::after { left: 1rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link { padding-left: 1rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items > .p-navigation__item--dropdown-toggle > .p-navigation__link::before { left: 1rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__dropdown-item, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__nav .p-navigation__items .p-navigation__account-name { padding-left: 2.5rem; } .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__dropdown-item::before, .p-navigation--sliding .p-navigation__nav .p-navigation__items .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name::before, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__nav .p-navigation__items .p-navigation__account-name::before { left: 2.5rem; } } .p-navigation--sliding .p-navigation__nav .p-navigation__items .global-nav { margin-left: auto; } .p-navigation--sliding .p-navigation__banner { padding-left: 0px; } @media (max-width: 1249px) { .p-navigation--sliding .p-navigation__row--25-75 { display: unset; } .p-navigation--sliding .p-navigation__nav { margin-left: 0px; overflow-y: auto; } .p-navigation--sliding .p-navigation__banner { height: 3rem; padding-left: 1.5rem; } } @media (max-width: 875px) { .p-navigation--sliding .p-navigation__banner { padding-left: 1rem; } } .p-navigation--sliding.has-menu-open { height: fit-content; } @media (max-width: 1249px) { .p-navigation--sliding.has-menu-open .p-navigation__row--25-75 { height: 100vh; } } @media (min-width: 1250px) { .dropdown-content-mobile { display: none !important; } } .dropdown-content-desktop { background-color: rgb(45, 45, 45); border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 1249px) { .dropdown-content-desktop { display: none !important; } } .dropdown-content-desktop .global-nav-dropdown .global-nav__row { padding: 0px 2rem; } .dropdown-content-desktop .global-nav-dropdown .global-nav__row .col-9 { margin-left: 0.25rem; } .dropdown-window-overlay { transition-duration: 0.333s; transition-property: opacity; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); background-color: rgba(17, 17, 17, 0.4); height: 100%; position: fixed; top: 0px; width: 100%; z-index: 7; } .dropdown-window { transition-duration: 0.333s; transition-property: all; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); background-color: rgb(38, 38, 38); box-shadow: rgba(17, 17, 17, 0.2) 0px 1px 32px 1px; flex-direction: column; height: auto; max-height: calc(-3rem + 100vh); overflow-y: auto; position: fixed; width: 100%; z-index: 11; } .p-navigation--sliding.is-reduced ~ .dropdown-window { position: absolute; } .dropdown-window__content { color: rgb(247, 247, 247); } .dropdown-window__content [hidden="true"] { display: none; } .dropdown-window__content .p-side-navigation { height: 100%; padding: 2rem 0px; position: relative; } .dropdown-window__content .p-side-navigation::after { background: rgb(38, 38, 38); inset: 0px 0px 0px -50vw; content: ""; display: block; position: absolute; } .dropdown-window__content .p-side-navigation__drawer { height: 100%; position: relative; } .dropdown-window__content .p-side-navigation__link { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0.25rem 1rem 0.25rem 0.5rem; } .dropdown-window__content .p-side-navigation__link::before, .dropdown-window__content .p-side-navigation__link:focus::before { display: none; } .dropdown-window__content .p-side-navigation__link.is-active { background: rgb(45, 45, 45); } .dropdown-window__content .p-side-navigation__item:last-child .p-side-navigation__link { border: 0px; } .dropdown-window__footer { align-items: start; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; justify-content: space-between; padding: 1rem 0px; } .dropdown-window__footer [class*="p-button"] { background: rgba(0, 0, 0, 0); margin: 0px; } .dropdown-window__main-panel, .dropdown-window__side-panel { margin: 2rem 0px 2.5rem -0.5rem; } .dropdown-window__main-panel .p-muted-heading, .dropdown-window__side-panel .p-muted-heading { color: rgba(255, 255, 255, 0.6); padding-left: 0.5rem; padding-top: 0.25rem; } .dropdown-window__main-panel .p-navigation__dropdown-item, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name, .dropdown-window__side-panel .p-navigation__dropdown-item, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name { background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 1.5rem; margin: 0px; padding: 0px; position: relative; } .dropdown-window__main-panel .p-navigation__dropdown-item a, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name a, .dropdown-window__side-panel .p-navigation__dropdown-item a, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name a { display: block; font-weight: 400; padding: 0.25rem 0.5rem; white-space: normal; } .dropdown-window__main-panel .p-navigation__dropdown-item a.p-button--positive, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a.p-button--positive, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name a.p-button--positive, .dropdown-window__side-panel .p-navigation__dropdown-item a.p-button--positive, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a.p-button--positive, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name a.p-button--positive { display: inline-block; margin: 0.5rem 0.5rem 0.75rem; } .dropdown-window__main-panel .p-navigation__dropdown-item a:visited, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a:visited, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name a:visited, .dropdown-window__side-panel .p-navigation__dropdown-item a:visited, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a:visited, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name a:visited { color: rgb(247, 247, 247); } .dropdown-window__main-panel .p-navigation__dropdown-item a:hover:not([class*="p-button--positive"]), .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a:hover:not([class*="p-button--positive"]), .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name a:hover:not([class*="p-button--positive"]), .dropdown-window__side-panel .p-navigation__dropdown-item a:hover:not([class*="p-button--positive"]), .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a:hover:not([class*="p-button--positive"]), .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name a:hover:not([class*="p-button--positive"]) { background-color: rgba(170, 170, 170, 0.1); text-decoration: none; } .dropdown-window__main-panel .p-navigation__dropdown-item a small.is-muted, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a small.is-muted, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name a small.is-muted, .dropdown-window__side-panel .p-navigation__dropdown-item a small.is-muted, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name a small.is-muted, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name a small.is-muted { color: rgb(170, 170, 170); } .dropdown-window__main-panel .p-navigation__dropdown-item:last-child, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name:last-child, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name:last-child, .dropdown-window__side-panel .p-navigation__dropdown-item:last-child, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name:last-child, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name:last-child { border-bottom: 0px; } .dropdown-window__main-panel .p-navigation__dropdown-item::before, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name::before, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name::before, .dropdown-window__side-panel .p-navigation__dropdown-item::before, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name::before, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name::before { left: 2rem; } .dropdown-window__main-panel .p-navigation__dropdown-item .p-muted-heading, .dropdown-window__main-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name .p-muted-heading, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__main-panel .p-navigation__account-name .p-muted-heading, .dropdown-window__side-panel .p-navigation__dropdown-item .p-muted-heading, .dropdown-window__side-panel .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .p-navigation__account-name .p-muted-heading, .p-navigation--sliding .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle .dropdown-window__side-panel .p-navigation__account-name .p-muted-heading { padding-left: 0.5rem; } .dropdown-window__side-panel { margin: 2rem 0px; padding: 0px; } .dropdown-window__side-panel .p-list .p-list__item, .dropdown-window__side-panel .p-list .list-matrix, .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded, .p-list--ticked .dropdown-window__side-panel .p-list .p-list__item-padded { padding-left: 0.5rem; } .dropdown-window__side-panel .p-list .p-list__item a.dropdown-window__side-panel-link, .dropdown-window__side-panel .p-list .list-matrix a.dropdown-window__side-panel-link, .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded a.dropdown-window__side-panel-link, .p-list--ticked .dropdown-window__side-panel .p-list .p-list__item-padded a.dropdown-window__side-panel-link, .dropdown-window__side-panel .p-list .p-list__item .p-navigation--sliding a.p-navigation__secondary-link, .dropdown-window__side-panel .p-list .list-matrix .p-navigation--sliding a.p-navigation__secondary-link, .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded .p-navigation--sliding a.p-navigation__secondary-link, .p-list--ticked .dropdown-window__side-panel .p-list .p-list__item-padded .p-navigation--sliding a.p-navigation__secondary-link, .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list__item a.p-navigation__secondary-link, .p-navigation--sliding .dropdown-window__side-panel .p-list .list-matrix a.p-navigation__secondary-link, .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded a.p-navigation__secondary-link, .p-list--ticked .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list__item-padded a.p-navigation__secondary-link { color: rgb(102, 153, 204); } .dropdown-window__side-panel .p-list .p-list__item a.dropdown-window__side-panel-link:visited, .dropdown-window__side-panel .p-list .list-matrix a.dropdown-window__side-panel-link:visited, .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded a.dropdown-window__side-panel-link:visited, .p-list--ticked .dropdown-window__side-panel .p-list .p-list__item-padded a.dropdown-window__side-panel-link:visited, .dropdown-window__side-panel .p-list .p-list__item .p-navigation--sliding a.p-navigation__secondary-link:visited, .dropdown-window__side-panel .p-list .list-matrix .p-navigation--sliding a.p-navigation__secondary-link:visited, .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded .p-navigation--sliding a.p-navigation__secondary-link:visited, .p-list--ticked .dropdown-window__side-panel .p-list .p-list__item-padded .p-navigation--sliding a.p-navigation__secondary-link:visited, .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list__item a.p-navigation__secondary-link:visited, .p-navigation--sliding .dropdown-window__side-panel .p-list .list-matrix a.p-navigation__secondary-link:visited, .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list--ticked .p-list__item-padded a.p-navigation__secondary-link:visited, .p-list--ticked .p-navigation--sliding .dropdown-window__side-panel .p-list .p-list__item-padded a.p-navigation__secondary-link:visited { color: rgb(166, 121, 210); } .slide-animation { transform: translateY(-101%); } .fade-animation { opacity: 0; visibility: hidden; } @media (min-width: 1249px) { .p-navigation--sliding.is-reduced.has-search-open .p-navigation__nav .p-navigation__items { display: inline-flex; } .p-navigation--sliding.is-reduced.has-search-open .p-navigation__search { align-items: center; display: flex; justify-content: center; left: 0px; padding: 0.6rem 5rem 0.6rem 0px; position: absolute; top: 2rem; width: 100%; } .p-navigation--sliding.is-reduced.has-search-open .p-navigation__search .p-search-box { margin: 0px; max-width: 50rem; } } .p-navigation--sliding.is-reduced { margin-bottom: 0px; position: relative; } .p-navigation--sliding.is-reduced .p-navigation__banner { height: auto; } @media (max-width: 1249px) { .p-navigation--sliding.is-reduced .p-navigation__banner { padding-left: 1.5rem; } } @media (max-width: 875px) { .p-navigation--sliding.is-reduced .p-navigation__banner { padding-left: 1rem; } } @media (min-width: 1681px) { .p-navigation--sliding.is-reduced .p-navigation__banner { height: 2rem; width: calc(-1px + 21rem); } } .p-navigation--sliding.is-reduced .p-navigation__tagged-logo .p-navigation__link { padding-left: 0px; padding-top: 0.5rem; } @media (max-width: 1249px) { .p-navigation--sliding.is-reduced .p-navigation__tagged-logo .p-navigation__link { padding-top: 0.75rem; } } .p-navigation--sliding.is-reduced .p-navigation__user .p-navigation__link span { display: none; } @media (min-width: 1249px) { .p-navigation--sliding.is-reduced .p-navigation__link span { display: initial; padding-right: 0.5rem; } .p-navigation--sliding.is-reduced .p-navigation__link::after { top: 0.5rem; } } @media (max-width: 1249px) { .p-navigation--sliding.is-reduced .p-navigation__link::after { top: 1rem; } } .p-navigation--sliding.is-reduced .p-navigation__item .p-navigation__link { color: rgb(217, 217, 217); } .p-navigation--sliding.is-reduced .p-navigation__item .js-menu-button.p-navigation__link { padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1250px) { .p-navigation--sliding.is-reduced { background-color: rgb(17, 17, 17); margin-bottom: 0px; } .p-navigation--sliding.is-reduced .p-navigation__item { color: rgb(217, 217, 217); } .p-navigation--sliding.is-reduced .p-navigation__link { color: rgb(217, 217, 217); font-size: 0.875rem; font-weight: 300; line-height: 1rem; padding: 0.5rem 2rem 0.5rem 1rem; transition: none 0s ease 0s; } .p-navigation--sliding.is-reduced .p-navigation__tagged-logo > .p-navigation__link { padding-left: 0px; } .p-navigation--sliding.is-reduced__logo { align-items: center; color: rgb(255, 255, 255); display: flex; font-size: 0.875rem; margin-bottom: 0.75rem; padding-top: 0.55rem; position: relative; } } @media (min-width: 1250px) and (max-width: 1249px) { .p-navigation--sliding.is-reduced__logo { padding-left: 0.5rem !important; padding-right: 0px !important; } } @media (min-width: 1250px) { .p-navigation--sliding.is-reduced__logo a { border-left: 1px solid rgba(247, 247, 247, 0.3); padding-left: 0.5rem; color: rgb(247, 247, 247) !important; } } @media (min-width: 1250px) and (max-width: 1249px) { .p-navigation--sliding.is-reduced__logo a { position: relative; top: 1px; } } @media (min-width: 1250px) { .p-navigation--sliding.is-reduced__logo::after { display: none; } } @media only screen and (min-width: 1250px) and (min-width: 1249px) { .p-navigation--sliding.is-reduced__logo::after { background-color: rgb(247, 247, 247); display: block; left: 1rem; opacity: 0.3; right: 1rem; } } @media (min-width: 1250px) { .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle::after { top: 0.5rem; } .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle.is-selected, .p-navigation--sliding.is-reduced .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] { background-color: rgba(255, 255, 255, 0.1); } .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle.is-selected::after, .p-navigation--sliding.is-reduced .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"]::after { transform: rotate(-180deg); } .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle.is-selected .p-navigation__link, .p-navigation--sliding.is-reduced .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-navigation__link { color: rgb(255, 255, 255); padding-left: 1rem; } .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle.is-selected .p-navigation__link::before, .p-navigation--sliding.is-reduced .p-navigation__row--25-75 .p-navigation__item--dropdown-toggle.is-active[role="menuitem"] .p-navigation__link::before { display: none; } .p-navigation--sliding.is-reduced .p-navigation__item--dropdown-toggle.js-account .p-navigation__dropdown { right: 2.75rem; } .p-navigation--sliding.is-reduced .p-navigation__dropdown--right { top: 2rem; } .p-navigation--sliding.is-reduced .p-navigation__link--search-toggle::after { top: 50%; left: 50%; transform: translate(-50%, -50%); } } .p-navigation--sliding.is-reduced ~ .global-nav-dropdown { top: 2.1rem !important; } .p-navigation.is-secondary { position: sticky; top: 0px; z-index: 10; } .p-navigation.is-secondary .p-navigation__item > .p-navigation__link { padding-left: 1rem; padding-right: 1rem; } .p-navigation.is-secondary .p-navigation__nav.is-open { display: flex; } .p-navigation.is-secondary .p-navigation__nav.is-open .p-navigation__items { display: block; } .p-navigation.is-secondary .p-navigation__nav.is-open .p-navigation__link { padding-left: 1.5rem; } @media (max-width: 875px) { .p-navigation.is-secondary .p-navigation__nav.is-open .p-navigation__link { padding-left: 1rem; } } .p-navigation.is-secondary .p-navigation__banner { padding-left: 0px; } @media (max-width: 1249px) { .p-navigation.is-secondary .p-navigation__banner { padding-left: 1.5rem; } .p-navigation.is-secondary .p-navigation__row--25-75 { display: unset; padding-left: 0px; padding-right: 0px; } } @media (max-width: 875px) { .p-navigation.is-secondary .p-navigation__banner { padding-left: 1rem; } } .p-navigation.is-secondary .p-navigation__toggle--open.is-open { transform: rotate(-180deg); } .p-navigation.is-secondary .p-navigation__tagged-logo { width: 17.5rem; } @media (min-width: 1681px) { .p-navigation.is-secondary .p-navigation__tagged-logo { width: 19.5rem; } } .nojs-navigation { background: rgb(38, 38, 38); overflow-x: unset !important; } .nojs-navigation h2 { color: rgb(247, 247, 247); padding-left: 1.5rem; } .nojs-navigation .p-side-navigation { padding-top: 1rem; } .nojs-navigation .dropdown-window__tab-panel { height: fit-content; padding-bottom: 3rem; position: sticky; top: 3rem; } .nojs-navigation .dropdown-window__footer { padding-bottom: 3rem; } @media (max-width: 1249px) { .nojs-navigation .dropdown-window__tab-panel { display: none; } } .is-slanted--bottom-left { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 4rem)); padding-bottom: 6rem; } .is-slanted--bottom-right { clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 4rem), 0% 100%); padding-bottom: 6rem; } .is-slanted--top-right { clip-path: polygon(0% 0%, 100% 4rem, 100% 100%, 0% 100%); margin-top: -4rem; padding-top: 8rem; } [class^="p-strip"].is-x-shallow { padding: 1.5rem 0px; } .p-strip, .p-takeover--grad, .p-takeover--jammy, .p-takeover--dark, .p-takeover--k8s, .p-takeover--snapcraft { overflow-x: hidden; } .p-strip--suru { background-blend-mode: multiply, multiply, normal, normal, normal; background-image: linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0%, rgba(216, 216, 216, 0.54) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: 0% 0%, right top, right 0px bottom 4rem, right bottom, 0% 0%; background-repeat: no-repeat; background-size: 100% calc(100% - 4rem), 50% 100%, 100% 4rem, 100% 4rem, auto; margin-bottom: -4rem; overflow: hidden; position: relative; padding-bottom: 12rem !important; } @supports not (background-blend-mode: multiply) { .p-strip--suru { background-image: linear-gradient(to right bottom, rgba(228, 228, 228, 0.14) 0%, rgba(228, 228, 228, 0.14) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.14) 0%, rgba(216, 216, 216, 0.14) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); } } .p-strip--suru.is-light { color: rgb(0, 0, 0); } .p-strip--suru.is-dark { color: rgb(255, 255, 255); } .p-strip--suru.is-deep { background-position: 0% 0%, right top, right 0px bottom 3rem, right bottom, 0% 0%; background-size: 100% calc(100% - 3rem), 100% 100%, 100% 3rem, 100% 3rem, auto; margin-bottom: -3rem; padding-bottom: 9rem !important; } @media (min-width: 875px) { .p-strip--suru.is-deep { background-position: 0% 0%, right top, right 0px bottom 6rem, right bottom, 0% 0%; background-size: 100% calc(100% - 6rem), 50% 100%, 100% 6rem, 100% 6rem, auto; margin-bottom: -6rem; padding-bottom: 18rem !important; } } .p-strip--suru-accent { background-blend-mode: multiply, multiply, normal, normal, normal; background-image: linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0%, rgba(216, 216, 216, 0.54) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: 0% 0%, right top, right bottom, 0% 0%; background-repeat: no-repeat; background-size: 100% 100%, 50% 100%, 100% 4rem, auto; color: rgb(255, 255, 255); padding-bottom: 6rem; } @supports not (background-blend-mode: multiply) { .p-strip--suru-accent { background-image: linear-gradient(to right bottom, rgba(228, 228, 228, 0.14) 0%, rgba(228, 228, 228, 0.14) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.14) 0%, rgba(216, 216, 216, 0.14) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); } } .p-strip--suru-background { background-blend-mode: multiply, normal, normal; background-image: linear-gradient(to right bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.3%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(1.924rad, rgb(44, 0, 30) 0%, rgb(119, 41, 83) 28.6%, rgb(192, 82, 58) 49.3%, transparent 49.4%); background-position: left top, left bottom, left center; background-repeat: no-repeat; background-size: 100% 100%, 100% 6rem, 100% 100%; padding-bottom: 174px; padding-top: 6rem; } @media only screen and (max-width: 620px) { .p-strip--suru-background { background-blend-mode: normal; background-image: linear-gradient(1.924rad, rgb(44, 0, 30) 0%, rgb(119, 41, 83) 42%, rgb(192, 82, 58) 94%); background-position: left center; background-repeat: no-repeat; background-size: 100% 100%; color: rgb(255, 255, 255); padding-bottom: 3rem; padding-top: 3rem; } } .p-strip--suru-blog-header { background-blend-mode: multiply, multiply, normal; background-image: linear-gradient(150deg, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 54.9%, rgba(228, 228, 228, 0) 55%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0%, rgba(216, 216, 216, 0.54) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 42%, rgb(44, 0, 30) 94%); background-position: left bottom, right bottom 0px, 0% 0%; background-repeat: no-repeat; background-size: 100% 100%, 60% 100%, auto; color: rgb(255, 255, 255); overflow: hidden; position: relative; } @supports not (background-blend-mode: multiply) { .p-strip--suru-blog-header { background-image: linear-gradient(150deg, rgba(228, 228, 228, 0.14) 0%, rgba(228, 228, 228, 0.14) 54.9%, rgba(228, 228, 228, 0) 55%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.14) 0%, rgba(216, 216, 216, 0.14) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 42%, rgb(44, 0, 30) 94%); } } .p-strip--suru-blog-hero { background-blend-mode: multiply, multiply, normal, normal, normal; background-image: linear-gradient(150deg, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 80.9%, rgba(228, 228, 228, 0) 81%, rgba(228, 228, 228, 0) 100%), linear-gradient(220deg, rgba(216, 216, 216, 0.54) 0%, rgba(216, 216, 216, 0.54) 75.9%, rgba(216, 216, 216, 0) 72%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.3%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: left bottom 4rem, right bottom 0px, left 0px bottom 10.5rem, right bottom, 0% 0%; background-repeat: no-repeat; background-size: 100% calc(100% - 4rem), 100% 100%, 101% 5.5rem, 102% 10.5rem, auto; margin: 0px; overflow: hidden; padding-bottom: 0px; position: relative; } @supports not (background-blend-mode: multiply) { .p-strip--suru-blog-hero { background-image: linear-gradient(150deg, rgba(228, 228, 228, 0.14) 0%, rgba(228, 228, 228, 0.14) 80.9%, rgba(228, 228, 228, 0) 81%, rgba(228, 228, 228, 0) 100%), linear-gradient(220deg, rgba(216, 216, 216, 0.14) 0%, rgba(216, 216, 216, 0.14) 75.9%, rgba(216, 216, 216, 0) 72%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.3%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); } } @media (min-width: 875px) { .p-strip--suru-blog-hero { background-image: linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0%, rgba(216, 216, 216, 0.54) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.3%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: 0% 0%, right top, left 0px bottom 6.45rem, right bottom, 0% 0%; background-size: 100% calc(100% - 7rem), 67% calc(100% - 1.5rem), 101% 5.5rem, 102% 6.5rem, auto; } } .p-strip--suru-blog-hero.is-dark { color: rgb(255, 255, 255); } .p-strip--suru-bottomed { background-blend-mode: multiply, multiply, normal, normal; background-image: linear-gradient(to right top, rgba(228, 228, 228, 0.5) 0%, rgba(228, 228, 228, 0.5) 49.5%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to right top, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.5%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49.5%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: left bottom, left bottom, right bottom, right bottom; background-repeat: no-repeat; background-size: 42% 12rem, 65.2% 8rem, 73.7% 8rem, 73.7% 8rem; padding-bottom: 8rem; } [class*="p-strip"].has-cube::after, [class*="p-takeover"].has-cube::after { background: url(""); content: ""; height: 100%; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 1; } [class*="p-strip"].has-cube *, [class*="p-takeover"].has-cube * { z-index: 2; } [class*="p-strip"].has-cube > div .cube-access, [class*="p-takeover"].has-cube > div .cube-access { position: relative; } .p-strip--suru-half-and-half { background-blend-mode: multiply, multiply, normal, normal; background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.5) 0%, rgba(228, 228, 228, 0.5) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to right bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.8%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, rgb(44, 0, 30) 18%, rgb(114, 41, 83) 63%, rgb(233, 84, 32) 100%); background-position: right top, right top, 71.5% top, right top; background-repeat: no-repeat; background-size: 46.2% 68.6%, 38.4% 100%, 16.8% 100%, 40.5% 100%; } @supports not (background-blend-mode: multiply) { .p-strip--suru-half-and-half { background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.1) 0%, rgba(228, 228, 228, 0.1) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to right bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.8%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, rgb(44, 0, 30) 18%, rgb(114, 41, 83) 63%, rgb(233, 84, 32) 100%); } } @media only screen and (max-width: 620px) { .p-strip--suru-half-and-half { background-blend-mode: normal; background-image: linear-gradient(90deg, rgb(44, 0, 30) 18%, rgb(114, 41, 83) 63%, rgb(233, 84, 32) 100%); background-position: right top; background-repeat: no-repeat; background-size: 100% 100%; color: rgb(255, 255, 255); } } .p-strip--suru-half-and-half-reversed { background-blend-mode: multiply, normal, normal, normal; background-image: linear-gradient(25deg, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left, transparent 0%, transparent 41.9%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%), linear-gradient(289deg, transparent 46.3%, rgb(166, 59, 62) 20%, rgb(119, 41, 83) 63%, rgb(44, 0, 30) 100%); background-position: left top 60%, left top, right center; background-repeat: no-repeat; background-size: 90% 100%, 100% 100%, cover; } @media (max-width: 875px) { .p-strip--suru-half-and-half-reversed { background-image: linear-gradient(270deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 43%, rgb(44, 0, 30) 87%); background-position: right center; background-size: cover; } } .p-strip--suru-half-and-half-reversed.is-light { color: rgb(0, 0, 0); } .p-strip--suru-half-and-half-reversed.is-dark { color: rgb(255, 255, 255); } .p-strip-suru-half-top { background-blend-mode: multiply, multiply, normal, normal; background-color: rgb(247, 247, 247); background-image: linear-gradient(to right bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left bottom, rgba(228, 228, 228, 0.5) 0px, rgba(228, 228, 228, 0.5) 49.8%, transparent 50%), linear-gradient(to left top, rgb(247, 247, 247) 0%, rgb(247, 247, 247) 49.5%, transparent 50%), linear-gradient(251deg, rgb(233, 84, 34) 0%, rgb(119, 41, 83) 49.5%, rgb(44, 0, 30) 100%); background-position: left top, right top, center 66.5%, left top; background-repeat: no-repeat; background-size: 63% 97%, 100% 66%, 100% 31%, 100% 76.5%; color: rgb(247, 247, 247); padding-bottom: 10rem; padding-top: 6rem; } @supports not (background-blend-mode: multiply) { .p-strip-suru-half-top { background-image: linear-gradient(to right bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left bottom, rgba(228, 228, 228, 0.1) 0px, rgba(228, 228, 228, 0.1) 49.8%, transparent 50%), linear-gradient(to left top, rgb(247, 247, 247) 0%, rgb(247, 247, 247) 49.5%, transparent 50%), linear-gradient(251deg, rgb(233, 84, 34) 0%, rgb(119, 41, 83) 49.5%, rgb(44, 0, 30) 100%); } } @media only screen and (max-width: 620px) { .p-strip-suru-half-top { background-blend-mode: normal; background-image: linear-gradient(251deg, rgb(233, 84, 34) 0%, rgb(119, 41, 83) 49.5%, rgb(44, 0, 30) 100%); background-position: left top; background-repeat: no-repeat; background-size: 100% 76.5%; padding-bottom: 5rem; padding-top: 3rem; } } .p-strip--suru-image { background-blend-mode: multiply, multiply, normal, normal; background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.5) 0%, rgba(228, 228, 228, 0.5) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49.6%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: right top, right top, right top, right top; background-repeat: no-repeat; background-size: 37.7% calc(100% - 6rem), 42.1% calc(100% - 151px), 49.2% calc(100% - 12rem), 49.2% calc(100% - 12rem); padding-bottom: 4rem; padding-top: 4rem; } @supports not (background-blend-mode: multiply) { .p-strip--suru-image { background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.1) 0%, rgba(228, 228, 228, 0.1) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to left bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49.6%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); } } @media only screen and (max-width: 620px) { .p-strip--suru-image { background-blend-mode: normal; background-image: linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: right top; background-repeat: no-repeat; background-size: 100% 100%; color: rgb(255, 255, 255); padding-bottom: 4rem; padding-top: 4rem; } .p-strip--suru-image a:not([class*="p-button"]) { color: inherit; font-weight: bold; text-decoration: underline; } } .p-strip--suru-topped { background-blend-mode: multiply, multiply, normal, normal; background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.5) 0%, rgba(228, 228, 228, 0.5) 49%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to right bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), linear-gradient(90deg, rgb(60, 0, 30) 4%, rgb(119, 41, 83) 50%, rgb(233, 84, 32) 88%); background-position: right top, right top, left top, left top; background-repeat: no-repeat; background-size: 39.4% 6rem, 54% 4rem, 63% 4rem, 62.6% 4rem; padding-bottom: 4rem; padding-top: 6rem; } .p-strip--suru-topped-light { background-blend-mode: multiply, multiply, normal, normal; background-color: rgb(247, 247, 247); background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.5) 0%, rgba(228, 228, 228, 0.5) 49%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to left bottom, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to right bottom, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0) 49%, rgb(247, 247, 247) 50%, rgb(247, 247, 247) 100%), linear-gradient(90deg, rgb(60, 0, 30) 4%, rgb(119, 41, 83) 50%, rgb(233, 84, 32) 88%); background-position: right top, right top, left top, left top; background-repeat: no-repeat; background-size: 39.4% 6rem, 54% 4rem, 63% 4rem, 62.6% 4rem; padding-bottom: 4rem; padding-top: 6rem; } .p-strip--suru-light { background-blend-mode: multiply, multiply, normal, normal; background-color: rgb(17, 17, 17); background-image: linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0px, rgba(216, 216, 216, 0.54) 49.9%, transparent 50%), linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0px, rgba(228, 228, 228, 0.54) 49.9%, transparent 50%), linear-gradient(to left top, rgb(247, 247, 247) 0%, rgb(247, 247, 247) 49.3%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 100%), linear-gradient(-20deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: right top, left top, right bottom -1px, left top; background-repeat: no-repeat; background-size: 74% 99.83%, 98% 91%, 192.8% 23.26%, 100% 99.8%; color: rgb(255, 255, 255); margin: 0px; padding-bottom: 6rem; padding-top: 2rem; } @supports not (background-blend-mode: multiply) { .p-strip--suru-light { background-image: linear-gradient(to left bottom, rgba(216, 216, 216, 0.14) 0px, rgba(216, 216, 216, 0.14) 49.9%, transparent 50%), linear-gradient(to right bottom, rgba(228, 228, 228, 0.14) 0px, rgba(228, 228, 228, 0.14) 49.9%, transparent 50%), linear-gradient(to left top, rgb(247, 247, 247) 0%, rgb(247, 247, 247) 49.3%, rgba(247, 247, 247, 0) 50%, rgba(247, 247, 247, 0) 100%), linear-gradient(243deg, rgb(233, 84, 32) 103%, rgb(119, 41, 83) 70%, rgb(44, 0, 30) 39%); } } @media (max-width: 875px) { .p-strip--suru-light { background-position: right top, left top, right bottom -1px, left top; background-repeat: no-repeat; background-size: 74% 99.83%, 148% 83%, 119% 13%, 100% 99.83%; padding-bottom: 8rem; padding-top: 4rem; } } .p-strip--square-darksuru { background-blend-mode: multiply, multiply, normal; background-color: rgb(17, 17, 17); background-image: linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0px, rgba(216, 216, 216, 0.54) 49.9%, transparent 50%), linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0px, rgba(228, 228, 228, 0.54) 49.9%, transparent 50%), linear-gradient(201deg, rgb(78, 78, 78) 0%, rgb(51, 51, 51) 46%, rgb(17, 17, 17) 90%); background-position: right top, left top, left top; background-repeat: no-repeat; background-size: 77% 115%, 71% 104%, 100% 99.8%; color: rgb(255, 255, 255); } .p-strip--square-lightsuru { background-color: rgb(247, 247, 247); } @media (min-width: 875px) { .p-strip--square-lightsuru { background-blend-mode: initial; background-image: linear-gradient(to left bottom, rgba(216, 216, 216, 0.54) 0px, rgba(216, 216, 216, 0.54) 49.9%, transparent 50%), linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0px, rgba(228, 228, 228, 0.54) 49.9%, transparent 50%), linear-gradient(201deg, rgb(247, 247, 247) 30%, rgb(229, 229, 229) 90%); background-position: right top, left top, left top; background-repeat: no-repeat; background-size: 86% 125%, 77% 57%, 100% 99.8%; } } .p-strip--square-suru { background-blend-mode: multiply, multiply, normal; background-color: rgb(44, 0, 30); background-image: linear-gradient(to left bottom, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(to right bottom, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 49.9%, rgba(228, 228, 228, 0) 50%, rgba(228, 228, 228, 0) 100%), linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 38%, rgb(44, 0, 30) 85%); background-position: right top, left top, left top; background-repeat: no-repeat; background-size: 86% 105%, 67% 152%, 100% 99.9%; color: rgb(255, 255, 255); } [class*="p-strip"].is-x-deep { padding: 4.75rem 0px 5.5rem; } @media (min-width: 1036px) { [class*="p-strip"].is-x-deep { padding: 9.5rem 0px 11rem; } } .p-strip--suru-shape-light { background: url("") 70% bottom / cover; } .p-strip--suru-shape-dark { background: url("") 100% 0px / cover rgb(44, 44, 44); color: rgb(255, 255, 255); } .p-strip--whitesuru { background: url("") left top / contain no-repeat; } @media screen and (max-width: 619px) { .p-strip--whitesuru { background: none; } } @media screen and (min-width: 620px) and (max-width: 1035px) { .p-strip--whitesuru { background: none; } } .p-modal--active { height: 100vh; overflow: hidden; } .p-modal--ua-payment { overflow: hidden; position: fixed; z-index: 100; } .p-modal--ua-payment.u-hide:target { display: flex !important; } .p-modal--ua-payment.is-pay-mode .js-payment-method, .p-modal--ua-payment.is-pay-mode .js-close-modal { display: none; } .p-modal--ua-payment.is-details-mode .js-process-payment, .p-modal--ua-payment.is-details-mode .js-close-modal { display: none; } .p-modal--ua-payment.is-dialog-mode .js-cancel-modal, .p-modal--ua-payment.is-dialog-mode .js-payment-method, .p-modal--ua-payment.is-dialog-mode .js-process-payment { display: none; } .p-modal--ua-payment .p-modal__dialog { display: flex; flex-direction: column; max-width: 50rem; overflow: auto; padding: 0px; position: static; width: 100%; } .p-modal--ua-payment .p-modal__body, .p-modal--ua-payment .p-modal__footer, .p-modal--ua-payment .p-modal__header { padding: 1rem; } .p-modal--ua-payment .p-modal__body { overflow-y: scroll; } .p-modal--ua-payment .p-modal__header { box-shadow: rgba(17, 17, 17, 0.2) 0px 1px 1px; } .p-modal--ua-payment .p-modal__footer { box-shadow: rgba(17, 17, 17, 0.2) 0px -1px 1px; position: relative; } .p-modal--ua-payment .p-modal__progress { bottom: 0px; left: 1rem; position: absolute; } @media (min-width: 875px) { .p-modal--ua-payment .p-modal__progress { bottom: 1rem; } } .p-modal--ua-payment .p-form__group { align-items: start; margin-bottom: 0px; } .p-modal--ua-payment .p-form__group:last-child { margin-bottom: 0px; } .p-modal--ua-payment .p-form__group + .p-form__group { margin-top: 0.3rem; } .p-modal--ua-payment .row, .p-modal--ua-payment .p-stepped-list--grid { gap: 0px 1rem; } @media (min-width: 875px) { .p-modal--ua-payment .col-3 { text-align: right; } } @media (min-width: 875px) { .p-modal--ua-payment .col-4 { text-align: right; } } .p-modal--ua-payment #card-element { background: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); border-radius: 0.125rem; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px inset; padding: 9px 2rem 9px 9px; } .p-modal--ua-payment #card-element.StripeElement--focus { outline: rgb(25, 182, 238) solid 0.1875rem; outline-offset: -0.1875rem; } .p-modal--ua-payment #card-element.StripeElement--focus.StripeElement--invalid { outline-color: rgb(199, 22, 43); } .p-modal--ua-payment #card-element.StripeElement--invalid { background-image: url(""); background-position: calc(100% - 0.5rem) 50%; background-repeat: no-repeat; border-color: rgb(199, 22, 43); } .p-modal--ua-payment .p-form-validation__message { color: rgb(199, 22, 43); } .p-modal--ua-payment.is-processing .p-modal__body { overflow: hidden; } .p-modal--ua-payment.is-processing .p-modal__body section { visibility: hidden; } @media (min-width: 875px) { .p-modal--ua-payment button, .p-modal--ua-payment label { margin-bottom: 0px; } } .p-modal--ua-payment img { display: block; } @media (min-width: 875px) { .p-modal--ua-payment label { float: right; } } .p-modal--ua-payment label.p-radio--inline { float: none; } .p-modal--ua-payment label.p-radio--inline:not(:first-child) { margin-left: 1.5rem; } .ubuntu-pie { margin: 0px auto; max-width: 21.875rem; } .ubuntu-pie .ubuntu { fill: rgb(233, 84, 32); } .ubuntu-pie .other { fill: rgb(255, 255, 255); } .ubuntu-pie svg tspan { max-width: 0px; text-align: center; text-transform: capitalize; } .p-shop-cart { bottom: -11.5rem; position: sticky; transition: transform 0.5s ease-out 0s; z-index: 20; } .p-shop-cart--distributor { bottom: -9.5rem; } .p-shop-cart--cue { bottom: 0px; } .p-shop-cart--hidden { transform: translateY(100%); } .p-shop-cart .p-shop-cart__selected-product { display: flex; flex-wrap: wrap; } .p-shop-cart .p-shop-cart__selected-product .p-shop-cart__label { align-items: center; display: flex; margin-left: 0.5rem; margin-top: 0.5rem; } @media (min-width: 460px) { .p-shop-cart .p-shop-cart__selected-product { flex-wrap: nowrap; } .p-shop-cart .p-shop-cart__selected-product > div { margin-left: 2.5rem; } .p-shop-cart .p-shop-cart__selected-product .p-shop-cart__label { align-items: flex-start; display: flex; margin-left: 1rem; margin-top: calc(-1px + 0.4rem); } } .p-shop-cart .p-shop-cart__selected-product > img { height: 35px; margin: 0px 1rem; } .p-shop-cart .p-shop-cart__selected-product > span, .p-shop-cart .p-shop-cart__selected-product > img { padding-top: calc(-1px + 0.4rem); } .p-shop-cart .p-shop-cart__buy { align-items: center; display: flex; flex-direction: column; justify-content: flex-end; margin-top: 1rem; } @media (min-width: 460px) { .p-shop-cart .p-shop-cart__buy { align-items: flex-start; flex-direction: row; } } @media (min-width: 875px) { .p-shop-cart .p-shop-cart__buy { flex-wrap: wrap; margin-top: 0px; } .p-shop-cart .p-shop-cart__buy > button { margin-right: 0px; } } .p-shop-cart .p-shop-cart__buy > span { margin-right: 0.5rem; padding-top: calc(-1px + 0.4rem); } .p-shop-cart--small > div { background-color: rgb(247, 247, 247); padding-top: 2rem; } .p-shop-cart--small button { width: 100%; } .product-selector { counter-reset: headings 0; } .product-selector .p-stepped-list__title { margin-bottom: 2rem; } .product-selector .p-stepped-list__title::before { content: counter(p-stepped-list-counter); width: 2rem; } @media screen and (min-width: 1036px) { .product-selector { padding-top: 0rem; } .product-selector .p-stepped-list__title { padding-left: 3.7rem; } .product-selector > .p-stepped-list > .p-stepped-list__item, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item { padding-bottom: 0px; } .product-selector > .p-stepped-list > .p-stepped-list__item > .p-strip, .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--grad, .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy, .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--dark, .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s, .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-strip, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s, .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft { padding-top: 0.5rem; } .product-selector > .p-stepped-list > .p-stepped-list__item > .p-strip > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-strip > .p-stepped-list--grid > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--grad > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--grad > .p-stepped-list--grid > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy > .p-stepped-list--grid > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--dark > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--dark > .p-stepped-list--grid > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s > .p-stepped-list--grid > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft > .row > .col-6:nth-child(2), .product-selector > .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .product-selector > .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .p-stepped-list--grid > .col-6:nth-child(2) { padding-top: 1rem; } } .product-selector .p-card--radio--column.is-selected, .product-selector .p-navigation--sliding .p-navigation__row--25-75 .p-card--radio--column.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .p-navigation--sliding .p-navigation__row--25-75 .product-selector .p-card--radio--column.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] { box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 4px, rgba(0, 0, 0, 0.05) 0px 2px 16px, rgba(0, 0, 0, 0.1) 0px 0px 24px, rgb(117, 117, 117) 0px 0px 0px 1px; } .included { align-items: center; display: flex; gap: 1rem; height: 122px; justify-content: flex-start; margin-left: 1rem; } .heading, .main, .universe { height: 7rem; margin-bottom: 10px; padding-right: 3rem; padding-top: 0.5px; } .support-row { height: 3rem; margin: 0px 1rem; padding-top: 1rem; text-align: left; } .support-row > i { margin-right: 1rem; } .support-row.not-supported { margin-left: 3rem; } .p-status-label--positive { background-color: rgba(10, 189, 37, 0.1); border: 1px solid rgb(14, 132, 32); border-radius: 1rem; color: rgb(17, 17, 17); font-weight: 550; margin: 0px 0.5rem 1.25rem 0px; padding: calc(-1px + 0.25rem) 0.5rem; position: relative; top: -0.4rem; } .p-status-label--positive .p-status-label--negative, .p-status-label--positive .p-label--negative, .p-status-label--positive .p-status-label--information, .p-status-label--positive .p-label--information, .p-status-label--positive .p-status-label--caution, .p-status-label--positive .p-label--caution, .p-status-label--positive .p-status-label--positive, .p-status-label--positive .p-label--positive, .p-status-label--positive .p-status-label, .p-status-label--positive .p-label { display: inline-block; font-weight: 550; padding: 0.25rem 0.5rem; text-align: center; text-decoration: none; white-space: nowrap; } .p-status-label--positive .p-status-label, .p-status-label--positive .p-label { background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--positive, .p-status-label--positive .p-label--positive { background-color: rgb(14, 132, 32); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--caution, .p-status-label--positive .p-label--caution { background-color: rgb(204, 121, 0); color: rgb(0, 0, 0); } .p-status-label--positive .p-status-label--information, .p-status-label--positive .p-label--information { background-color: rgb(36, 89, 143); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--negative, .p-status-label--positive .p-label--negative { background-color: rgb(199, 22, 43); color: rgb(255, 255, 255); } .versions-features > li.p-list__item, .versions-features > li.list-matrix, .p-list--ticked .versions-features > li.p-list__item-padded { padding: 0.5rem 0px; } .versions-features .p-status-label--positive { border: none; font-style: oblique; margin-left: 0.5rem; top: 0px; } .description-column { padding-left: 3.6rem; } .description-column > .heading { height: 125px; padding-right: 1rem; padding-top: 1.5rem; } .description-column > .support-row { margin: 0px; } .description-column hr { margin-top: -1px; } .description-column > :not(:last-child)::before { background: rgba(0, 0, 0, 0.15); content: ""; display: block; height: 1px; position: relative; top: 100%; width: calc(200% + 9.6rem); z-index: 10; } .description-column > .support-heading { padding: 1rem 0px 12px; } .description-column > .support-heading::before { top: 2.3rem; } .description-column > .support-heading::before, .description-column > .support-row::before { width: calc(200% + 3.6rem); } .inner-support-label { font-weight: 500; margin: 0.5rem 0px 15px 1rem; } .product-selector .p-card--radio i, .product-selector .p-card--radio--support i, .product-selector .p-card--radio--version i, .product-selector .p-card--radio--feature i { margin-right: 0.7rem; } .product-selector .p-card--radio .p-radio__label, .product-selector .p-card--radio--support .p-radio__label, .product-selector .p-card--radio--version .p-radio__label, .product-selector .p-card--radio--feature .p-radio__label { font-weight: bold; } @media screen and (min-width: 1036px) { .response-time-heading { padding-left: 3.6rem; } } @media screen and (min-width: 1036px) { .response-time-toggle { margin-left: -1rem; width: calc(100% + 1.4rem); } } .distributor-shop-selector { counter-reset: headings 0; } .distributor-shop-selector .p-stepped-list__title { margin-bottom: 2rem; } .distributor-shop-selector .p-stepped-list__title::before { align-items: center; border: 1px solid rgb(0, 0, 0); border-radius: 50%; content: counter(p-stepped-list-counter); text-align: center; font-size: 1rem; } @media screen and (min-width: 1036px) { .distributor-shop-selector { padding-top: 2rem; } .distributor-shop-selector .p-stepped-list__title { padding-left: 3.7rem; width: 560px; } .distributor-shop-selector .p-stepped-list__title::before { font-size: 1.5rem; height: 2.5rem; line-height: 2.5rem; width: 2.5rem; } .distributor-shop-selector .p-stepped-list > .p-stepped-list__item, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item { padding-bottom: 0px; } .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-strip, .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--grad, .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy, .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--dark, .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s, .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-strip, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s, .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-strip, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s, .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft { padding-bottom: 3rem; padding-top: 3rem; } .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-strip > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-strip > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--grad > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--grad > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--jammy > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--dark > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--dark > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--k8s > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft > .row > .col-6:nth-child(2), .distributor-shop-selector .p-stepped-list > .p-stepped-list__item > .p-takeover--snapcraft > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .p-stepped-list--grid > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .row > .col-6:nth-child(2), .distributor-shop-selector .p-faq-stepped-list--detailed .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-strip > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--grad > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--jammy > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--dark > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--k8s > .p-stepped-list--grid > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .row > .col-6:nth-child(2), .p-faq-stepped-list--detailed .distributor-shop-selector .p-stepped-list > .p-faq-stepped-list__item > .p-takeover--snapcraft > .p-stepped-list--grid > .col-6:nth-child(2) { padding-top: 1rem; } } .distributor-shop-selector.p-card--radio--column.is-selected, .p-navigation--sliding .p-navigation__row--25-75 .distributor-shop-selector.p-card--radio--column.p-navigation__item--dropdown-toggle.is-active[role="menuitem"] { box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 4px, rgba(0, 0, 0, 0.05) 0px 2px 16px, rgba(0, 0, 0, 0.1) 0px 0px 24px, rgb(117, 117, 117) 0px 0px 0px 1px; } .included { align-items: center; display: flex; gap: 1rem; height: 122px; justify-content: flex-start; margin-left: 1rem; } .heading, .main, .universe { height: 7rem; margin-bottom: 10px; padding-right: 3rem; padding-top: 0.5px; } .support-row { height: 3rem; margin: 0px 1rem; padding-top: 1rem; text-align: left; } .support-row > i { margin-right: 1rem; } .support-row.not-supported { margin-left: 3rem; } .p-status-label--positive { background-color: rgba(10, 189, 37, 0.1); border: 1px solid rgb(14, 132, 32); border-radius: 1rem; color: rgb(17, 17, 17); font-weight: 550; margin: 0px 0.5rem 1.25rem 0px; padding: calc(-1px + 0.25rem) 0.5rem; position: relative; top: -0.4rem; } .p-status-label--positive .p-status-label, .p-status-label--positive .p-label, .p-status-label--positive .p-status-label--positive, .p-status-label--positive .p-label--positive, .p-status-label--positive .p-status-label--caution, .p-status-label--positive .p-label--caution, .p-status-label--positive .p-status-label--information, .p-status-label--positive .p-label--information, .p-status-label--positive .p-status-label--negative, .p-status-label--positive .p-label--negative { display: inline-block; font-weight: 550; padding: 0.25rem 0.5rem; text-align: center; text-decoration: none; white-space: nowrap; } .p-status-label--positive .p-status-label, .p-status-label--positive .p-label { background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--positive, .p-status-label--positive .p-label--positive { background-color: rgb(14, 132, 32); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--caution, .p-status-label--positive .p-label--caution { background-color: rgb(204, 121, 0); color: rgb(0, 0, 0); } .p-status-label--positive .p-status-label--information, .p-status-label--positive .p-label--information { background-color: rgb(36, 89, 143); color: rgb(255, 255, 255); } .p-status-label--positive .p-status-label--negative, .p-status-label--positive .p-label--negative { background-color: rgb(199, 22, 43); color: rgb(255, 255, 255); } .versions-features > li.p-list__item, .versions-features > li.list-matrix, .p-list--ticked .versions-features > li.p-list__item-padded { padding: 0.5rem 0px; } .versions-features .p-status-label--positive { border: none; font-style: oblique; margin-left: 0.5rem; top: 0px; } .description-column { padding-left: 3.6rem; } .description-column > .heading { height: 125px; padding-right: 1rem; padding-top: 1.5rem; } .description-column > .support-row { margin: 0px; } .description-column hr { margin-top: -1px; } .description-column > :not(:last-child)::before { background: rgba(0, 0, 0, 0.15); content: ""; display: block; height: 1px; position: relative; top: 100%; width: calc(200% + 9.6rem); z-index: 10; } .description-column > .support-heading { padding: 1rem 0px 12px; } .description-column > .support-heading::before { top: 2.3rem; } .description-column > .support-heading::before, .description-column > .support-row::before { width: calc(200% + 3.6rem); } .inner-support-label { font-weight: 500; margin: 0.5rem 0px 15px 1rem; } .distributor-shop-selector.p-card--radio i, .distributor-shop-selector.p-card--radio--support i, .distributor-shop-selector.p-card--radio--version i, .distributor-shop-selector.p-card--radio--feature i { margin-right: 0.7rem; } .distributor-shop-selector.p-card--radio .p-radio__label, .distributor-shop-selector.p-card--radio--support .p-radio__label, .distributor-shop-selector.p-card--radio--version .p-radio__label, .distributor-shop-selector.p-card--radio--feature .p-radio__label { font-weight: bold; } @media screen and (min-width: 1036px) { .response-time-heading { padding-left: 3.6rem; } } @media screen and (min-width: 1036px) { .response-time-toggle { margin-left: -1rem; width: calc(100% + 1.4rem); } } .deal-registration-card { margin-left: 0.1rem; margin-right: 0.1rem; } .add-subscription-card-container { position: relative; } .add-subscription-card-container .add-subscription-card { margin-left: 0.1rem; margin-right: 0.1rem; padding-left: 3.5rem; } .add-subscription-card-container .add-subscription-card .p-card__title { padding-top: 0px; } .add-subscription-card-container .p-icon--close { cursor: pointer; left: 1.2rem; position: absolute; top: 1.4rem; } .add-subscription-card-container .p-card__content h5 { margin-bottom: 0.5rem; } .p-code-snippet__block--hover { cursor: pointer; } .p-subscriptions__header-title { margin-bottom: 2.5rem; } @media only screen and (max-width: 875px) { .p-subscriptions__header-title { margin-bottom: 1rem; } } @media only screen and (max-width: 620px) { .p-subscriptions__card { border: none; } } @media only screen and (min-width: 620px) { .p-subscriptions__list-card { position: relative; overflow: visible; } .p-subscriptions__list-card::before { left: 0px; background-color: rgba(0, 0, 0, 0); content: ""; position: absolute; } .p-subscriptions__list-card::before { height: auto; width: 0.1875rem; bottom: -1px; top: -1px; z-index: 1; } .p-subscriptions__list-card::before { transition-duration: 0.1s; transition-property: background-color; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .p-subscriptions__list-card:not(.is-active) { cursor: pointer; } .p-subscriptions__list-card.is-active { position: relative; background-color: rgb(247, 247, 247); } .p-subscriptions__list-card.is-active::before { left: 0px; background-color: rgb(233, 84, 32); content: ""; position: absolute; } .p-subscriptions__list-card.is-active::before { height: auto; width: 0.1875rem; bottom: -1px; top: -1px; z-index: 1; } .p-subscriptions__list-card.is-active::before { border-radius: 0px; left: -1px; } } @media only screen and (min-width: 620px) { .p-subscriptions__card > .p-card__content { display: grid; grid-template-columns: 5fr 7fr; } .p-subscriptions__list-scroll { inset: 0px; overflow-y: auto; padding: calc(-1px + 1rem); position: absolute; } } .p-subscriptions__list { position: relative; } .p-subscriptions__details { padding: calc(-1px + 1rem); } @media only screen and (max-width: 620px) { .p-subscriptions__details { display: none; } .p-subscriptions__details.is-active { display: flex; } .p-subscriptions__details.is-active .p-modal__dialog { display: grid; grid-template-rows: auto 1fr; } .p-subscriptions__details.is-active .p-subscription__edit { display: grid; grid-template-areas: "header" "content" "footer"; grid-template-rows: auto auto 1fr; } .p-subscriptions__details.is-active .p-subscription__edit .p-subscription__resize-actions { align-self: end; border-top: 1px solid rgba(0, 0, 0, 0.3); column-gap: 1rem; display: grid; grid-area: footer; grid-template-columns: 1fr 1fr; padding-top: 1rem; } .p-subscriptions__details.is-active .p-subscription__edit .p-subscription__resize-actions::after { display: none; } .p-subscriptions__details.is-active .p-subscription__edit .p-subscription__resize-action { margin-bottom: 0px; } } @media only screen and (min-width: 620px) { .p-subscriptions__details, .p-subscriptions__details.is-active { background: unset; display: block; height: unset; padding: 0px; position: relative; width: unset; z-index: unset; } .p-subscriptions__details .p-modal__dialog:not(.ua-dialog), .p-subscriptions__details.is-active .p-modal__dialog:not(.ua-dialog) { box-shadow: unset; max-height: unset; max-width: unset; overflow: unset; position: unset; } .p-subscriptions__details .p-modal__header, .p-subscriptions__details.is-active .p-modal__header { margin-bottom: 0px; padding-right: 0px; } .p-subscriptions__details .p-modal__header::after, .p-subscriptions__details.is-active .p-modal__header::after { display: none; } .p-subscriptions__details .p-modal__close, .p-subscriptions__details.is-active .p-modal__close { display: none; } } .p-subscriptions__details-title { margin-bottom: 0.5rem; } .p-subscriptions__details-notification.is-borderless.is-inline { background-position-y: 0.3rem; margin-bottom: 1rem; } .p-subscriptions__details-notification.is-borderless.is-inline .p-notification__content { padding-top: 0px; } .p-subscriptions__details-header + .p-subscriptions__details-action { margin-top: 0.5rem; } .p-subscriptions__details-header [class*="p-chip--"] { max-height: 1.8rem; } .p-subscriptions__details-small-title { margin-bottom: 0.5rem; } .p-subscriptions__list-group { padding-top: 0.5rem; } .p-subscriptions__list-group:first-child { padding-top: 0px; } .p-subscriptions__list-group-title { display: flex; justify-content: space-between; margin-bottom: 1rem; } .p-subscriptions__list-card-title { display: flex; justify-content: space-between; } .p-subscriptions__list-card-features { border-top: 1px solid rgba(0, 0, 0, 0.3); margin-top: 0.5rem; padding-top: 1rem; } .p-subscriptions__sticky-footer-modal .p-modal__dialog { display: grid; grid-template-rows: auto 1fr auto; } .p-subscription__resize { min-width: unset; width: 6rem; } .p-subscription__renewal-dropdown { padding: calc(-1px + 1rem); } .p-subscription-switch { align-items: center; display: flex; margin-bottom: 0px; padding-top: 0px; } .p-subscription-switch-wrapper { align-items: center; display: flex; padding-top: 0.4rem; } .p-subscription-switch__slider { display: inline-block; margin-right: 0.5rem; } .p-subscriptions-separator { margin-bottom: 1rem; margin-top: 1rem; } .p-subscriptions-tooltip { z-index: 102; } .p-subscriptions-tooltip__button { border: 0px; margin-left: 0.2rem; padding: 0px 0.2rem; } .p-strip-photos { display: none; } @media only screen and (min-width: 875px) { .p-strip-photos { display: block; } } .p-strip-photos__container { height: 1.6rem; } @media only screen and (min-width: 875px) { .p-strip-photos__container { margin-bottom: 10.6rem; margin-top: 10.6rem; } } @media only screen and (min-width: 875px) { .p-strip-photos__credit { background-color: rgba(0, 0, 0, 0.6); bottom: 0.6rem; color: rgb(247, 247, 247); display: block; margin-top: -3rem; padding: 0.5rem; position: absolute; right: 0.6rem; } } .p-table--compliance-profiles th:nth-child(1), .p-table--compliance-profiles td:nth-child(1) { width: 8%; } .p-table--compliance-profiles th:nth-child(2), .p-table--compliance-profiles td:nth-child(2) { width: 38%; } .p-table--compliance-profiles th:nth-child(3), .p-table--compliance-profiles td:nth-child(3) { width: 18%; } .p-table--compliance-profiles th:nth-child(4), .p-table--compliance-profiles td:nth-child(4) { width: 18%; } .p-table--compliance-profiles th:nth-child(5), .p-table--compliance-profiles td:nth-child(5) { width: 18%; } @media only screen and (max-width: 1035px) { .p-table-of-contents { padding-left: 0px; } } @media (max-width: 1035px) { .p-sticky-toc { margin-bottom: 2rem; order: -1; } } .p-sticky-toc .p-table-of-contents { position: sticky; top: 1rem; } @media (max-width: 1035px) { .p-sticky-toc .p-table-of-contents { border-bottom: 1px solid rgb(217, 217, 217); border-top: 0px; } } @media (max-width: 1035px) { .p-sticky-toc .p-table-of-contents__section:first-child { padding-top: 0px; } .p-sticky-toc .p-table-of-contents__section:last-child { padding-bottom: 1.5rem; } } .p-table--security-certifications th:nth-child(1), .p-table--security-certifications td:nth-child(1) { width: 46%; } @media only screen and (max-width: 620px) { .p-table--security-certifications th:nth-child(1), .p-table--security-certifications td:nth-child(1) { width: 40%; } } .p-table--security-certifications th:nth-child(2), .p-table--security-certifications td:nth-child(2) { width: 18%; } .p-table--security-certifications th:nth-child(3), .p-table--security-certifications td:nth-child(3) { width: 18%; } .p-table--security-certifications th:nth-child(4), .p-table--security-certifications td:nth-child(4) { width: 18%; } @media only screen and (max-width: 620px) { .p-table--security-certifications th:nth-child(4), .p-table--security-certifications td:nth-child(4) { width: 24%; } } tr th { padding-top: 0.5rem; } tr .p-table__cell--highlight { background: rgb(255, 255, 255); padding: 0.5rem; } table:empty { display: none; } .p-table--key-value { width: auto; } .p-table--key-value tr { display: table-row; border-top: 0px !important; } .p-table--key-value tr td { display: table-cell; padding-bottom: 0px; padding-top: 0px; } @media (min-width: 875px) { .p-table--key-value tr td:first-child { text-align: right; white-space: nowrap; } } @media (min-width: 875px) { .p-table__group { border-top: 0px !important; } .p-table__group .p-table__group--hide-cell span { display: none; } } .p-table.is-not-indented td:first-child, .p-table.is-not-indented th:first-child { padding-left: 0px; } .p-table.is-not-indented td:last-child, .p-table.is-not-indented th:first-child { padding-right: 0px; } .p-table.is-list { table-layout: auto; } .p-table.is-list td:first-child { text-align: right; width: 3ch; } .p-bordered-table { border-left: 1px solid rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(0, 0, 0, 0.3); } .p-bordered-table .p-bordered-table__cell { border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-right: 1px solid rgba(0, 0, 0, 0.3); padding: 0.5rem 1rem; } @media (max-width: 620px) { .p-bordered-table .p-bordered-table__cell { padding: 0.5rem; } } .p-bordered-table .p-bordered-table__cell.is-highlight { background-color: rgb(255, 255, 255); } .p-bordered-table .p-bordered-table__cell.is-bold { font-weight: 550; } .p-takeunder { border-radius: 0.125rem; color: rgb(255, 255, 255); margin-bottom: 1.5rem; padding: 2rem; } @media only screen and (min-width: 875px) { .p-takeunder { margin-bottom: 0px; padding: 2rem 1rem; } } .p-takeunder a:link, .p-takeunder a:visited { color: rgb(255, 255, 255); } @media only screen and (max-width: 875px) { .p-navigation { border: 0px; } } .tco-tooltip { margin-bottom: 0.5rem; margin-left: 0.5rem; } @media (min-width: 875px) { .tco-input { max-width: 10rem; } } .p-engage-banner--grad { background-blend-mode: normal; background-color: rgb(119, 41, 83); background-image: linear-gradient(-89deg, rgb(233, 84, 32) 0%, rgb(119, 41, 83) 42%, rgb(44, 0, 30) 94%); color: rgb(255, 255, 255); background-position: left top; background-repeat: no-repeat; background-size: 100% 99.8%; } .p-engage-banner--k8s { background-blend-mode: normal; background-color: rgb(50, 109, 230); background-image: linear-gradient(74deg, rgb(23, 61, 139) 0%, rgb(50, 109, 230) 92%); color: rgb(255, 255, 255); background-position: left top; background-repeat: no-repeat; background-size: 100% 99.8%; } .p-engage-banner--dark { background-blend-mode: normal; background-color: rgb(17, 17, 17); background-image: linear-gradient(201deg, rgb(78, 78, 78) 0%, rgb(51, 51, 51) 46%, rgb(17, 17, 17) 90%); color: rgb(255, 255, 255); background-position: left top; background-repeat: no-repeat; background-size: 100% 99.8%; } .p-engage-banner--snapcraft { background-blend-mode: normal; background-color: rgb(131, 191, 161); background-image: linear-gradient(134deg, rgb(45, 97, 98) 0%, rgb(131, 191, 161) 100%); color: rgb(255, 255, 255); background-position: left top; background-repeat: no-repeat; background-size: 100% 99.8%; } .p-engage-banner--aqua { background-blend-mode: normal; background-color: rgb(43, 88, 93); background-image: linear-gradient(246deg, rgb(71, 145, 154) 0%, rgb(71, 145, 154) 53%, rgb(43, 88, 93) 100%); color: rgb(255, 255, 255); background-position: left top; background-repeat: no-repeat; background-size: 100% 99.8%; } @media only screen and (min-width: 876px) { .p-ubuntu-intro { clear: both; display: flex; margin-bottom: 0.625rem; } } .p-ubuntu-intro__icons { margin-bottom: 0px; margin-left: 0px; padding-left: 0px; } .p-ubuntu-intro__icons li { display: inline-block; margin-left: 10px; margin-right: 10px; position: relative; } @media only screen and (min-width: 875px) { .p-ubuntu-intro__icons li { margin-left: 0px; margin-right: 80px; } .p-ubuntu-intro__icons li::after { background-image: url(""); background-position: center center; background-repeat: no-repeat; background-size: 60px; content: ""; display: block; height: 100px; left: 100%; position: absolute; top: 0px; width: 80px; } } .p-ubuntu-intro__icons li:last-child { margin-right: 0px; } .p-ubuntu-intro__icons li:last-child::after { display: none; } .p-ubuntu-intro__icons a { color: rgb(102, 102, 102); } .p-ubuntu-intro__icons a:hover { color: rgb(233, 84, 32); } .p-ubuntu-intro__icon--iot, .p-ubuntu-intro__icon--desktop, .p-ubuntu-intro__icon--containers, .p-ubuntu-intro__icon--server, .p-ubuntu-intro__icon--cloud { display: block; height: 100px; margin-bottom: 1rem; } .p-ubuntu-intro__icon--cloud { background-image: url(""); background-position: center center; background-repeat: no-repeat; width: 100px; } :hover:not(span) > .p-ubuntu-intro__icon--cloud { background-image: url(""); } @media only screen and (min-width: 1681px) { .p-ubuntu-intro__icon--cloud { width: 113px; } } .p-ubuntu-intro__icon--server { background-image: url(""); background-position: center center; background-repeat: no-repeat; width: 73px; } :hover:not(span) > .p-ubuntu-intro__icon--server { background-image: url(""); } @media only screen and (min-width: 1681px) { .p-ubuntu-intro__icon--server { width: 82px; } } .p-ubuntu-intro__icon--containers { background-image: url(""); background-position: center center; background-repeat: no-repeat; width: 78px; } :hover:not(span) > .p-ubuntu-intro__icon--containers { background-image: url(""); } @media only screen and (min-width: 1681px) { .p-ubuntu-intro__icon--containers { width: 88px; } } .p-ubuntu-intro__icon--desktop { background-image: url(""); background-position: center center; background-repeat: no-repeat; width: 128px; } :hover:not(span) > .p-ubuntu-intro__icon--desktop { background-image: url(""); } @media only screen and (min-width: 1681px) { .p-ubuntu-intro__icon--desktop { width: 143px; } } .p-ubuntu-intro__icon--iot { background-image: url(""); background-position: center center; background-repeat: no-repeat; width: 85px; } :hover:not(span) > .p-ubuntu-intro__icon--iot { background-image: url(""); } @media only screen and (min-width: 1681px) { .p-ubuntu-intro__icon--iot { width: 95px; } } .p-tab { color: rgb(102, 102, 102); } .p-tab:hover { background-color: rgb(247, 247, 247); text-decoration: none; } .p-tab.active { background-color: rgb(247, 247, 247); overflow: visible; position: relative; text-decoration: none; } @media (min-width: 875px) { .p-tab.active::after { background: rgb(247, 247, 247); border-left: 1px solid rgb(217, 217, 217); border-top: 1px solid rgb(217, 217, 217); bottom: -41px; content: ""; display: block; height: 2rem; left: calc(50% - 1rem); pointer-events: none; position: absolute; transform: rotate(45deg) skew(-10deg, -10deg); width: 2rem; z-index: 5; } } @media (min-width: 1681px) { .p-tab.active::after { bottom: -46px; } } .p-tabs--vertical { list-style: none; } .p-tabs--vertical .p-tabs__item { border: 0px; display: initial; text-align: left; width: 100%; } .p-tabs--vertical .p-tabs__item[aria-selected="true"] { position: relative; } .p-tabs--vertical .p-tabs__item[aria-selected="true"]::before { left: 0px; background-color: rgb(233, 84, 32); content: ""; position: absolute; } .p-tabs--vertical .p-tabs__item[aria-selected="true"]::before { height: auto; width: 0.1875rem; bottom: 0px; top: 0px; } .p-tabs--vertical.is-black { margin-left: 0px; padding-left: 0px; } .p-tabs--vertical.is-black .p-tabs__item[aria-selected="true"] { position: relative; } .p-tabs--vertical.is-black .p-tabs__item[aria-selected="true"]::before { left: 0px; background-color: rgb(17, 17, 17); content: ""; position: absolute; } .p-tabs--vertical.is-black .p-tabs__item[aria-selected="true"]::before { height: auto; width: 0.1875rem; bottom: 0px; top: 0px; } .p-tabs--brand .p-tabs__link .p-tabs__link:focus:not(:focus-visible):active, .p-tabs--brand .p-tabs__link .p-tabs__link[aria-selected="true"]:focus:not(:focus-visible) { position: relative; } .p-tabs--brand .p-tabs__link .p-tabs__link:focus:not(:focus-visible):active::before, .p-tabs--brand .p-tabs__link .p-tabs__link[aria-selected="true"]:focus:not(:focus-visible)::before { bottom: 0px; background-color: rgb(233, 84, 32); content: ""; position: absolute; } .p-tabs--brand .p-tabs__link .p-tabs__link:focus:not(:focus-visible):active::before, .p-tabs--brand .p-tabs__link .p-tabs__link[aria-selected="true"]:focus:not(:focus-visible)::before { height: 0.1875rem; width: auto; inset: auto 0px 0px; } .p-tabs--brand .p-tabs__link:active, .p-tabs--brand .p-tabs__link[aria-selected="true"] { position: relative; } .p-tabs--brand .p-tabs__link:active::before, .p-tabs--brand .p-tabs__link[aria-selected="true"]::before { bottom: 0px; background-color: rgb(233, 84, 32); content: ""; position: absolute; } .p-tabs--brand .p-tabs__link:active::before, .p-tabs--brand .p-tabs__link[aria-selected="true"]::before { height: 0.1875rem; width: auto; inset: auto 0px 0px; } .p-tabs--brand .p-tabs__link:focus:not(:focus-visible) { position: relative; } .p-tabs--brand .p-tabs__link:focus:not(:focus-visible)::before { bottom: 0px; background-color: rgb(233, 84, 32); content: ""; position: absolute; } .p-tabs--brand .p-tabs__link:focus:not(:focus-visible)::before { height: 0.1875rem; width: auto; inset: auto 0px 0px; } .u-fade-left { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeLeft; opacity: 0; transform: translateX(-3rem); } @media (max-width: 619px) { .u-fade-left--small { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeLeft; opacity: 0; transform: translateX(-3rem); } } @media (min-width: 875px) { .u-fade-left--medium { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeLeft; opacity: 0; transform: translateX(-3rem); } } .u-fade-up { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeUp; opacity: 0; transform: translateY(3rem); } @media (max-width: 619px) { .u-fade-up--small { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeUp; opacity: 0; transform: translateY(3rem); } } @media (min-width: 875px) { .u-fade-up--medium { animation-delay: 0.25s; animation-duration: 1s; animation-fill-mode: forwards; animation-name: fadeUp; opacity: 0; transform: translateY(3rem); } } .u-vertically-center--direct { top: 50%; transform: translateY(-50%); } .p-strip--dell-blue { background-color: rgb(35, 41, 67); } .p-card--dell { background-position: right center, right center, right center; background-repeat: no-repeat, no-repeat, no-repeat; color: rgb(255, 255, 255); height: 400px; margin-top: 1rem; padding: calc(-1px + 1rem); } .p-card--dell.p-card--dell-ceph { background-image: linear-gradient(0deg, rgba(17, 17, 17, 0.8), rgba(17, 17, 17, 0.8)), url(""); } .p-card--dell.p-card--dell-wsl { background-image: linear-gradient(0deg, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 0.8)), url(""); } .p-card--dell.p-card--dell-data-science { background-image: linear-gradient(0deg, rgba(102, 102, 102, 0.8), rgba(102, 102, 102, 0.8)), url(""); } @media only screen and (max-width: 1036px) { .p-card--dell { background-color: rgb(0, 0, 0); background-size: cover; height: auto; margin-bottom: 1.5rem; } } .p-card--dell .p-icon--video-play { color: rgb(255, 255, 255); height: 28px; width: 28px; } .p-aspect-ratio-image--desktop-solutions { background: url("") 50% center / contain no-repeat rgb(102, 102, 102); height: 0px; margin-top: 1rem; padding-top: 66.6667%; width: 100%; } .p-aspect-ratio-image--2-3 { background-color: rgb(247, 247, 247); background-position: 50% 0px; background-repeat: no-repeat; background-size: 100%; margin-top: 1rem; padding-top: 43.3333%; } .p-aspect-ratio-image--enterprise-business { background: url("") 50% 65% / 432px no-repeat; height: 100%; margin-top: 1.5rem; padding-top: 40%; } @media screen and (max-width: 875px) { .p-aspect-ratio-image--enterprise-business { background-position: 50% 0px; background-size: 100%; } } .p-aspect-ratio-image--partnership { background: url("") 50% 50% / 252px no-repeat; height: 0px; margin-top: 1rem; padding-top: 50%; width: 100%; } .p-aspect-ratio-image--dell-claim { background: url("") 100% 0px / contain no-repeat; height: 0px; margin-top: 1rem; padding-top: 85%; width: 100%; } .p-tube-line, .p-tube-line--image { display: flex; justify-content: flex-end; position: relative; overflow: visible; z-index: 1; height: 100%; } .p-tube-line__heading { margin-right: 56px; } .p-tube-line__circle { width: 24px; height: 24px; background-color: rgb(255, 255, 255); border: 4px solid rgb(0, 0, 0); border-radius: 50%; position: absolute; top: 0.55rem; } .p-tube-line__line { content: ""; position: absolute; right: 8px; transform: translateX(-50%); width: 4px; height: 110%; background-color: rgb(233, 84, 32); z-index: -1; top: 0.65rem; } .p-tube-line--image .p-tube-line__circle { background-color: rgb(0, 0, 0); } .p-tube-line--image .p-tube-line__image { width: 24px; height: 24px; z-index: 2; position: relative; top: 8px; } .p-icon--success-grey { background-image: var(--vf-theme-light, url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 110 16A8 8 0 018 0zm0 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zm2.814 2.45l1.203.897-5.537 7.43-3.485-3.694 1.09-1.03 2.259 2.394 4.47-5.997z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E")) var(--vf-theme-dark, url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 110 16A8 8 0 018 0zm0 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zm2.814 2.45l1.203.897-5.537 7.43-3.485-3.694 1.09-1.03 2.259 2.394 4.47-5.997z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E")); } .p-icon--restart { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.197 1.15v4.931h-1.5l-.001-2.478a5.5 5.5 0 106.302-.215l.75-1.3a7 7 0 11-8.263.562H1.268v-1.5h4.93z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--restart, body.is-dark .p-icon--restart, .p-icon--restart.is-light, .p-icon--restart.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.197 1.15v4.931h-1.5l-.001-2.478a5.5 5.5 0 106.302-.215l.75-1.3a7 7 0 11-8.263.562H1.268v-1.5h4.93z' fill='hsl(0%2C0%%2C100%)' fill-rule='evenodd'/%3E%3C/svg%3E"); } .p-icon--begin-downloading { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 10.948V12a1.5 1.5 0 001.356 1.493L4 13.5h8a1.5 1.5 0 001.493-1.356L13.5 12v-1.052H15V12a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.052h1.5zm6.25-9.34v7.526l3.05-3.051.885.884L8 11.65 3.315 6.967l.884-.884 3.05 3.051.001-7.526h1.5z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--begin-downloading, body.is-dark .p-icon--begin-downloading, .p-icon--begin-downloading.is-light, .p-icon--begin-downloading.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 10.948V12a1.5 1.5 0 001.356 1.493L4 13.5h8a1.5 1.5 0 001.493-1.356L13.5 12v-1.052H15V12a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.052h1.5zm6.25-9.34v7.526l3.05-3.051.885.884L8 11.65 3.315 6.967l.884-.884 3.05 3.051.001-7.526h1.5z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--video-play { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1a7 7 0 110 14A7 7 0 018 1zm0 1.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM6.022 4.454l5.58 3.47-5.58 3.622V4.454z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--video-play, body.is-dark .p-icon--video-play, .p-icon--video-play.is-light, .p-icon--video-play.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1a7 7 0 110 14A7 7 0 018 1zm0 1.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM6.022 4.454l5.58 3.47-5.58 3.622V4.454z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--machines { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--machines, body.is-dark .p-icon--machines, .p-icon--machines.is-light, .p-icon--machines.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--units { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--units, body.is-dark .p-icon--units, .p-icon--units.is-light, .p-icon--units.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--plans { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .496l2.053 1.863 2.77-.108.376 2.747 2.191 1.699-1.478 2.345.587 2.71-2.64.847-1.292 2.453L8 14.003l-2.567 1.049-1.292-2.453-2.64-.847.587-2.71L.61 6.697 2.8 4.998l.375-2.747 2.77.108L8 .496zM8 2.52L6.5 3.881l-2.022-.078-.274 2.005-1.601 1.24 1.08 1.713-.428 1.978 1.928.619.943 1.79L8 12.383l1.873.765.944-1.79 1.927-.619-.428-1.978 1.08-1.713-1.6-1.24-.275-2.005-2.022.078L8 2.52zm1.899 2.835l1.207.89-3.727 5.06-2.66-2.353.994-1.123 1.431 1.265 2.755-3.739z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); } [class*="--dark"] .p-icon--plans, body.is-dark .p-icon--plans, .p-icon--plans.is-light, .p-icon--plans.is-dark { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .496l2.053 1.863 2.77-.108.376 2.747 2.191 1.699-1.478 2.345.587 2.71-2.64.847-1.292 2.453L8 14.003l-2.567 1.049-1.292-2.453-2.64-.847.587-2.71L.61 6.697 2.8 4.998l.375-2.747 2.77.108L8 .496zM8 2.52L6.5 3.881l-2.022-.078-.274 2.005-1.601 1.24 1.08 1.713-.428 1.978 1.928.619.943 1.79L8 12.383l1.873.765.944-1.79 1.927-.619-.428-1.978 1.08-1.713-1.6-1.24-.275-2.005-2.022.078L8 2.52zm1.899 2.835l1.207.89-3.727 5.06-2.66-2.353.994-1.123 1.431 1.265 2.755-3.739z' fill='hsl(0%2C0%%2C100%)' fill-rule='nonzero'/%3E%3C/svg%3E"); } .p-icon--credit-card { background-image: var(--vf-theme-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M13 4.5H3c-.27614 0-.5.22386-.5.5v.75h11V5c0-.27614-.2239-.5-.5-.5ZM2.5 11V7.25h11V11c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5ZM3 3c-1.10457 0-2 .89543-2 2v6c0 1.1046.89543 2 2 2h10c1.1046 0 2-.8954 2-2V5c0-1.10457-.8954-2-2-2H3Zm7.75 5.5c-.4142 0-.75.33579-.75.75v.5c0 .4142.3358.75.75.75h.5c.4142 0 .75-.3358.75-.75v-.5c0-.41421-.3358-.75-.75-.75h-.5Z' clip-rule='evenodd'/%3E%3C/svg%3E")) var(--vf-theme-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='hsl(0%2C0%%2C100%)' fill-rule='evenodd' d='M13 4.5H3c-.27614 0-.5.22386-.5.5v.75h11V5c0-.27614-.2239-.5-.5-.5ZM2.5 11V7.25h11V11c0 .2761-.2239.5-.5.5H3c-.27614 0-.5-.2239-.5-.5ZM3 3c-1.10457 0-2 .89543-2 2v6c0 1.1046.89543 2 2 2h10c1.1046 0 2-.8954 2-2V5c0-1.10457-.8954-2-2-2H3Zm7.75 5.5c-.4142 0-.75.33579-.75.75v.5c0 .4142.3358.75.75.75h.5c.4142 0 .75-.3358.75-.75v-.5c0-.41421-.3358-.75-.75-.75h-.5Z' clip-rule='evenodd'/%3E%3C/svg%3E")); } .p-carousel { position: relative; } .p-carousel .p-carousel__cell { width: 100%; } .p-carousel .p-carousel__next { right: 0px; } .p-carousel .p-carousel__next [class*="p-icon"] { transform: rotate(-0.25turn); } .p-carousel .p-carousel__previous { left: 0px; } .p-carousel .p-carousel__previous [class*="p-icon"] { transform: rotate(0.25turn); } .p-carousel .p-carousel__next, .p-carousel .p-carousel__previous { position: absolute; top: 50%; transform: translateY(-50%); } .p-carousel .p-carousel__next [class*="p-icon"], .p-carousel .p-carousel__previous [class*="p-icon"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23d9d9d9' d='M8.187 11.748l6.187-6.187-1.06-1.061-5.127 5.127L3.061 4.5 2 5.561z'/%3E%3C/svg%3E"); height: 2rem; width: 2rem; } .p-carousel .p-carousel__next:hover [class*="p-icon"], .p-carousel .p-carousel__previous:hover [class*="p-icon"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23666' d='M8.187 11.748l6.187-6.187-1.06-1.061-5.127 5.127L3.061 4.5 2 5.561z'/%3E%3C/svg%3E"); } .p-carousel .flickity-page-dots { bottom: 0px; } .p-carousel .flickity-page-dots .dot { background: rgb(217, 217, 217); height: 8px; margin: 0px 4px; opacity: 1; width: 8px; } .p-carousel .flickity-page-dots .dot:hover { background: rgb(102, 102, 102); } .p-carousel .flickity-page-dots .dot.is-selected, .p-carousel .flickity-page-dots .p-navigation--sliding .p-navigation__row--25-75 .dot.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .p-navigation--sliding .p-navigation__row--25-75 .p-carousel .flickity-page-dots .dot.p-navigation__item--dropdown-toggle.is-active[role="menuitem"], .p-carousel .flickity-page-dots .dot.is-selected:hover { background: orange; } .p-carousel .flickity-slider { align-items: center; display: flex; } .p-equal-height-row, .p-equal-height-row--wrap { position: relative; } .p-equal-height-row .p-equal-height-row__col, .p-equal-height-row--wrap .p-equal-height-row__col { border-top-color: var(--vf-color-border-low-contrast); border-top-style: solid; border-top-width: 1px; display: grid; grid-area: span 4 / span 4; grid-template-rows: subgrid; margin-bottom: 0.5rem; position: relative; } @media screen and (620px <= width < 1036px) { .p-equal-height-row .p-equal-height-row__col, .p-equal-height-row--wrap .p-equal-height-row__col { grid-column: span 6; grid-template-columns: subgrid; } .p-equal-height-row .p-equal-height-row__col .p-equal-height-row__item, .p-equal-height-row--wrap .p-equal-height-row__col .p-equal-height-row__item { grid-column: span 3; } .p-equal-height-row .p-equal-height-row__col .p-equal-height-row__item:first-child, .p-equal-height-row--wrap .p-equal-height-row__col .p-equal-height-row__item:first-child { grid-row: span 100; } } @media screen and (width >= 1036px) { .p-equal-height-row .p-equal-height-row__col, .p-equal-height-row--wrap .p-equal-height-row__col { border: none; grid-column: span 3; margin-bottom: 0px; } } .p-equal-height-row .p-equal-height-row__col.is-borderless, .p-equal-height-row--wrap .p-equal-height-row__col.is-borderless { border: none; } .p-equal-height-row.has-divider-0::before, .p-equal-height-row.has-divider-1::before, .p-equal-height-row.has-divider-2::after, .p-equal-height-row.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row.has-divider-3:not(.has-divider-2)::after, .p-equal-height-row--wrap.has-divider-0::before, .p-equal-height-row--wrap.has-divider-1::before, .p-equal-height-row--wrap.has-divider-2::after, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-2)::after { background-color: var(--vf-color-border-low-contrast); display: none; grid-column: 1 / span 12; margin: auto; } @media screen and (width >= 1036px) { .p-equal-height-row.has-divider-0::before, .p-equal-height-row.has-divider-1::before, .p-equal-height-row.has-divider-2::after, .p-equal-height-row.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row.has-divider-3:not(.has-divider-2)::after, .p-equal-height-row--wrap.has-divider-0::before, .p-equal-height-row--wrap.has-divider-1::before, .p-equal-height-row--wrap.has-divider-2::after, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-2)::after { display: block; } } .p-equal-height-row.has-divider-0::before, .p-equal-height-row--wrap.has-divider-0::before { grid-row: 1; } .p-equal-height-row.has-divider-1::before, .p-equal-height-row--wrap.has-divider-1::before { grid-row: 2; } .p-equal-height-row.has-divider-2::after, .p-equal-height-row--wrap.has-divider-2::after { grid-row: 3; } .p-equal-height-row.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row.has-divider-3:not(.has-divider-2)::after, .p-equal-height-row.has-divider-3:not(.has-divider-1):not(.has-divider-2)::before, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-1)::before, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-2)::after, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-1):not(.has-divider-2)::before { grid-row: 4; } .p-equal-height-row.has-divider-3:not(.has-divider-1):not(.has-divider-2)::after, .p-equal-height-row--wrap.has-divider-3:not(.has-divider-1):not(.has-divider-2)::after { display: none; } @media screen and (620px <= width < 1036px) { .p-equal-height-row--wrap .p-equal-height-row__col { grid-column: span 3; grid-template-columns: none; } .p-equal-height-row--wrap .p-equal-height-row__col .p-equal-height-row__item { grid-column: auto; } .p-equal-height-row--wrap .p-equal-height-row__col .p-equal-height-row__item:first-child { grid-row: auto; } } @media screen and (width >= 1036px) { .row--25-75-on-large > .col .p-equal-height-row, .row--25-75-on-large > .col .p-equal-height-row--wrap, .row > .col-9 .p-equal-height-row, .p-stepped-list--grid > .col-9 .p-equal-height-row, .row > .col-9 .p-equal-height-row--wrap, .p-stepped-list--grid > .col-9 .p-equal-height-row--wrap { grid-template-columns: repeat(9, minmax(0px, 1fr)); } } .l-tutorials__filters { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 4px 0px 4px; } .blog-p-card__header--tutorial { border-top-color: rgb(119, 33, 111); } .l-tutorials-meter { background-image: url(""); background-position: -75px 50%; background-repeat: no-repeat; display: inline-block; height: 1.5rem; margin-left: 0.125rem; text-indent: -9999px; width: 74px; } @media only screen and (min-width: 875px) { .l-tutorial { min-height: calc(-225px + 100vh); } } .l-tutorial__sidebar { border-bottom: 1px solid rgb(217, 217, 217); } @media only screen and (min-width: 1036px) { .l-tutorial__sidebar { border-bottom: 0px; border-right: 1px solid rgb(217, 217, 217); } } .l-tutorial__nav-toggle { background-size: 1rem; border: 0px; float: right; margin: 0px; padding: 1.5rem; } .l-tutorial__nav-toggle[aria-expanded="true"] { background-color: rgb(255, 255, 255); } .l-tutorial__nav { margin-left: 0px; padding-top: 1rem; } @media only screen and (min-width: 620px) { .l-tutorial__nav { position: sticky; top: 0px; } } .l-tutorial__nav-item { padding-bottom: 1rem; } .l-tutorial__nav-title::before { border: 1px solid rgb(0, 0, 0); border-radius: 50%; content: counter(list-item); height: 1.5rem; line-height: calc(-2px + 1.5rem); margin-right: 1rem; text-align: center; width: 1.5rem; } .is-active .l-tutorial__nav-title { font-weight: 400; } .is-active .l-tutorial__nav-title::before { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-weight: 300; } .l-tutorial__nav-link { color: rgb(17, 17, 17); } .l-tutorial__nav-link:visited { color: rgb(17, 17, 17); } .l-tutorial__nav-link:hover { text-decoration: none; } .l-tutorial__content { margin-top: -26rem; overflow: hidden; padding-top: 1.5rem; } .l-tutorial-section { display: none; } .l-tutorial-section:target { display: block; padding-top: 26rem; } .l-tutorial-section__footer { margin-bottom: 1rem; } .l-tutorial__bug-link { position: relative; top: -1.38rem; } @media only screen and (min-width: 620px) { .l-tutorial__bug-link { top: 0px; } } .l-tutorial__duration { margin-bottom: 0.5rem; } @media only screen and (min-width: 620px) { .l-tutorial__duration { display: inline-block; margin-bottom: 0px; margin-right: 1rem; } } @media only screen and (min-width: 620px) { .l-tutorial__pagination { display: inline-block; } } .l-tutorial__pagination-item--next, .l-tutorial__pagination-item--prev { display: inline-block; margin-right: 0.5rem; max-width: 4rem; } .l-tutorial__pagination-item--next:last-child, .l-tutorial__pagination-item--prev:last-child { margin-right: 0px; } @media only screen and (max-width: 620px) { .l-tutorial__pagination-item--next, .l-tutorial__pagination-item--prev { width: auto; } } .l-tutorial__pagination-item--prev .p-icon--chevron-down { transform: rotate(90deg); } .l-tutorial__pagination-item--next .p-icon--chevron-down { transform: rotate(-90deg); } .l-tutorial__feedback-options .p-inline-list__item .has-color { display: none; } .l-tutorial__feedback-options .p-inline-list__item:hover .has-color { display: inline-block; } .inner-wrapper { min-height: 1080px; } .iti__flag { background-image: url(""); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url(""); } } .iti { margin-bottom: 1.25rem; width: 100%; } .leaflet-control-attribution { display: none; } .u-vertically-spaced { padding-bottom: 1rem; padding-top: 1rem; } .u-sv4 { padding-bottom: 2.5rem; } .p-list .p-list { list-style-type: circle; } .p-list .p-list .p-list { list-style-type: disc; } select { appearance: none; background-position: right 0.25rem center; background-size: 1rem; padding-right: 3rem; } .p-card__icon { display: inline-block; height: 2rem; margin-bottom: 1.25rem; } .u-no-max-width { max-width: none !important; } fieldset { border: 1px solid rgb(217, 217, 217); border-radius: 0.125rem 0.125rem 0px 0px; overflow: visible; } fieldset + fieldset { border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-width: 0px !important; } fieldset:last-child { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; border-bottom-width: 1px !important; } .p-fieldset-section { border: none !important; padding: 0px !important; } .p-heading--6, .l-tutorial-section h5 { font-style: normal; } .p-pull-quote .p-pull-quote__quote:first-of-type::before, .p-pull-quote .p-pull-quote__quote:last-of-type::after, .p-pull-quote--large .p-pull-quote__quote:first-of-type::before, .p-pull-quote--large .p-pull-quote__quote:last-of-type::after { color: rgb(233, 84, 32); } h1.u-align--center, h2.u-align--center, h3.u-align--center, h4.u-align--center, h5.u-align--center, h6.u-align--center, p.u-align--center { max-width: none; } summary { margin: 1rem 0px; } .desktop-hero { background-image: url(""); background-position: right bottom; background-size: 1000px; } @media only screen and (min-width: 2000px) { .desktop-hero { background-size: 75%; } } .organisations-hero { background-image: url(""); background-position: right bottom; background-size: 1100px; } @media only screen and (min-width: 2000px) { .organisations-hero { background-size: 75%; } } @media only screen and (min-width: 1036px) { .u-pull-up--large { position: relative; top: -2rem; } } .u-inline--child { display: inline; } .u-inline--child > * { display: inline; } .advantage-table-section:not(:last-child) { margin-bottom: 2rem; } @media only screen and (min-width: 875px) { .advantage-table-section:not(:last-child) { margin-bottom: 3rem; } } .advantage-table-instruction { display: grid; gap: 0.5rem 2rem; grid-template-columns: 1fr 2fr; margin: 1rem 0px; } .advantage-table-instruction > span { color: rgb(102, 102, 102); grid-column: 1; } .advantage-table-instruction > code, .advantage-table-instruction > a, .advantage-table-instruction > p { align-self: flex-start; grid-column: 2; padding-left: 0px; } .advantage-table-instruction > p { margin: 0px; padding: 0px; } .advantage-table-instruction > hr { display: none; } .advantage-table-instruction:last-child { margin-bottom: 0px; } @media only screen and (min-width: 875px) { .advantage-table-instruction { grid-template-columns: auto 2fr; margin: 1.5rem 0px; } .advantage-table-instruction > hr { display: block; grid-column: span 2; margin: 0px; } } .advantage-table { overflow: visible; } .advantage-table tr:target { background-color: rgb(229, 229, 229); } @media only screen and (min-width: 620px) { .advantage-table td:nth-child(1), .advantage-table th:nth-child(1) { width: 40%; } .advantage-table td:nth-child(2), .advantage-table th:nth-child(2) { width: 15%; } .advantage-table td:nth-child(3), .advantage-table th:nth-child(3) { width: 15%; } .advantage-table td:nth-child(4), .advantage-table th:nth-child(4) { width: 15%; } .advantage-table td:nth-child(5), .advantage-table th:nth-child(5) { width: 15%; } } @media (min-width: 875px) { .subscribe-section { margin-left: 4rem !important; } } .u-pro-logo img { height: 40px; margin-top: 0.5rem; width: auto; } .u-blog-thumbnails img { aspect-ratio: 16 / 9; object-fit: cover; } .navigation-logo-engage { margin-top: -2.2rem; padding-bottom: 1.75rem; } @media screen and (max-width: 1035px) { .navigation-logo-engage { padding-top: 2rem; } } .navigation-logo-engage a img { width: 143px; } .p-tile { margin-bottom: 64px; } .p-tile:nth-child(4) { margin-bottom: 0px; } @media only screen and (min-width: 876px) { .p-tile:nth-child(3) { margin-bottom: 0px; } } @media only screen and (max-width: 875px) { .p-tile__row { align-items: center; display: grid; justify-content: flex-start; } } .u-text-light { color: rgb(102, 102, 102); } .p-list--divided .p-list__item, .p-list--divided .list-matrix, .p-list--divided .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--divided .p-list__item-padded, .p-list--divided-bulleted .p-list__item, .p-list--divided-bulleted .list-matrix, .p-list--divided-bulleted .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--divided-bulleted .p-list__item-padded { box-shadow: inset 0 1px 0 0 var(--vf-color-border-low-contrast); } .p-list--no-borders .p-list__item::after, .p-list--no-borders .list-matrix::after, .p-list--no-borders .p-list--ticked .p-list__item-padded::after, .p-list--ticked .p-list--no-borders .p-list__item-padded::after, .p-list--no-borders .p-list__item:last-of-type, .p-list--no-borders .list-matrix:last-of-type, .p-list--no-borders .p-list--ticked .p-list__item-padded:last-of-type, .p-list--ticked .p-list--no-borders .p-list__item-padded:last-of-type { border-bottom: 0px !important; } .is-dark .p-heading-icon--muted .p-heading-icon__title { color: inherit; } .is-dark .is-muted { color: rgba(255, 255, 255, 0.6); } .u-disable { opacity: 0.2; pointer-events: none; } td.p-accordion { padding-top: 0px; } .p-accordion.is-compact .p-accordion__panel { padding-left: 0.5rem; } .p-icon--placeholder { height: 1rem; margin-right: 1rem; width: 1rem; } .p-icon--unknown-priority, .p-icon--negligible-priority, .p-icon--low-priority, .p-icon--medium-priority, .p-icon--high-priority, .p-icon--critical-priority, .p-icon--dark-tick { background-position: center center; background-repeat: no-repeat; background-size: contain; display: inline-block; height: 1rem; position: relative; vertical-align: calc(-0.1544em + 0.5px); width: 1rem; } .p-icon--unknown-priority { background-image: url(""); } .p-icon--negligible-priority { background-image: url(""); } .p-icon--low-priority { background-image: url(""); } .p-icon--medium-priority { background-image: url(""); } .p-icon--high-priority { background-image: url(""); } .p-icon--critical-priority { background-image: url(""); } .p-icon--dark-tick { background-image: url(""); } .article-title { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; } .p-heading-icon--large { margin-bottom: 0.5rem; } .p-heading-icon--large .p-heading-icon__img { height: 4rem; width: 4rem; } @media (min-width: 875px) { .p-heading-icon--large .p-heading-icon__img { height: 4rem; margin-top: 0px; width: 4rem; } } @keyframes FadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes SlideInFromRight { 0% { transform: translateX(0.5rem); } 100% { transform: translateX(0px); } } @keyframes SlideInFromLeft { 0% { transform: translateX(-0.5rem); } 100% { transform: translateX(0px); } } .p-takeover-animation { animation: 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 2.5s 1 normal backwards running FadeIn; } .p-takeover-animation.is-loaded { animation-delay: 0s !important; } .p-takeover-animation.is-loaded .col-7 { animation: 0.165s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 normal none running SlideInFromLeft; } .p-takeover-animation.is-loaded .col-5 { animation: 0.165s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 normal none running SlideInFromRight; } .p-takeover-animation.is-loading { animation-delay: 500s !important; } .p-strip-account-page { min-height: 600px; } @media (max-width: 620px) { .p-strip-account-page { height: auto; } } @media only screen and (min-width: 1036px) { .p-strip-account-page { min-width: 38rem; } } @media (max-width: 620px) { .card-management-section #card-element { margin-bottom: 1rem; } } .card-management-section .current-payment-method { align-items: center; display: flex; margin-bottom: 1.1rem; } .card-management-section .current-payment-method > p { margin: 0px; padding: 0px; } .card-management-section .payment-card-logo { background-color: rgb(255, 255, 255); border: 1px solid rgb(217, 217, 217); border-radius: 2px; height: 1.7rem; margin-right: 0.5rem; } .card-management-section #card-element { margin: 0.5rem 0px; } .p-popup-notification { display: none; position: relative; padding-bottom: 0px; } .p-popup-notification .p-notification__content { margin-bottom: 0.6rem; } .p-popup-notification:target { display: block; z-index: 9; } html { scroll-behavior: smooth; } .support-cart-summary { text-align: center; } .support-cart-summary .support-cart-total { display: block; margin-bottom: 1rem; } @media (min-width: 620px) { .support-cart-summary { text-align: left; } } @media (min-width: 875px) { .support-cart-summary { text-align: right; } .support-cart-summary .support-cart-total { display: inline; margin-bottom: 0px; } .support-cart-summary button { margin-left: 1rem; } } .u-pad-logo { padding-top: 0.2rem; } .u-max-width { display: block; max-width: 40em; } img.has-shadow { box-shadow: rgb(229, 229, 229) 0px 0px 1rem; } .p-status-label--rounded { background-color: rgb(221, 242, 224); border-radius: 2rem; margin-bottom: 1.05rem; padding-bottom: 0.45rem; padding-left: 1.5rem; padding-right: 1.5rem; } a:hover { text-decoration: underline 1px; text-underline-offset: 0.075em; } .u-overflow-pricing-pro-table td { text-overflow: initial; } .u-pro-support { display: flex; justify-content: space-between; } .u-pro-support .u-pro-support__logos { flex: 0 0 10%; } .u-table-border--top { border-top: 1px solid rgb(217, 217, 217); } .u-table-border--bottom { border-bottom: 1px solid rgb(217, 217, 217); } hr.p-separator.is-shallow { margin-bottom: 2rem; margin-top: 2rem; } .u-table-border--right { border-right: 1px solid rgb(217, 217, 217); } @media only screen and (max-width: 875px) { .u-esm-overflow-table { overflow-x: scroll; } .u-esm-overflow-table .p-table { min-width: 875px; } } .p-table--esm-chart { border-spacing: 0px; } @media only screen and (min-width: 875px) { .p-table--esm-chart td:nth-child(1) { padding-left: 0px; } .p-table--esm-chart th:nth-child(1) { width: 5.8%; } .p-table--esm-chart th:nth-child(2) { width: 19%; } .p-table--esm-chart th:nth-child(3) { width: 70.5%; } } @media only screen and (max-width: 620px) { .p-table--esm-chart td:nth-child(1) { padding-left: 0px; padding-right: 0px; } .p-table--esm-chart th:nth-child(1) { width: 7%; } .p-table--esm-chart th:nth-child(2) { width: 19%; } .p-table--esm-chart th:nth-child(3) { width: 68.5%; } } .p-esm-chart .p-esm-chart__right-col-axis { border-top: 1px solid rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; } .p-esm-chart .p-esm-chart__axis-tick { border-right: 1px solid rgba(0, 0, 0, 0.1); flex: 1 1 auto; text-align: right; width: 10%; } .p-esm-chart .p-esm-chart__label { display: flex; flex: 1 1 auto; gap: 0.5rem; margin-bottom: 0px; } .p-esm-chart .p-esm-chart__label-numbers { display: inline-block; flex: 0 0 auto; text-align: right; width: 3rem; } .p-esm-chart .p-esm-chart__label-text { display: inline-block; } @media (max-width: 1036px) { .p-esm-chart .p-esm-chart__label-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .p-esm-chart .p-esm-chart__left-col { grid-column: auto / span 3; padding: 0px 0px 0px 0.5rem; } .p-esm-chart .p-esm-chart__right-col { grid-column: auto / span 9; } .p-esm-chart .p-esm-chart__right-col--Ubuntu-Pro { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-weight: 550; } .p-esm-chart .p-esm-chart__right-col-lts { background: rgb(233, 84, 32); color: rgb(255, 255, 255); font-weight: 550; width: 50%; } .p-esm-chart .p-esm-chart__row { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } @supports (display: grid) { .p-esm-chart .p-esm-chart__row { gap: 0px; grid-template-columns: repeat(12, minmax(0px, 1fr)); } @media (min-width: 620px) { .p-esm-chart .p-esm-chart__row { grid-template-columns: repeat(12, minmax(0px, 1fr)); } } @media (min-width: 1036px) { .p-esm-chart .p-esm-chart__row { grid-template-columns: repeat(12, minmax(0px, 1fr)); } } } .p-esm-chart .p-esm-chart__row p { padding-left: 0.5rem; padding-right: 0.5rem; } .p-img-cta .p-img-cta__image { background-color: rgb(247, 247, 247); } .p-img-cta:hover .p-img-cta__image { background-color: rgb(235, 235, 235); } .p-list--divided-bulleted { list-style: inherit; margin-left: 1.5rem; } .p-list--divided-bulleted .p-list__item::after, .p-list--divided-bulleted .list-matrix::after, .p-list--divided-bulleted .p-list--ticked .p-list__item-padded::after, .p-list--ticked .p-list--divided-bulleted .p-list__item-padded::after { margin-left: -1.5rem !important; } .no-border::after { content: none !important; } .row--r-gap3 { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } @supports (display: grid) { .row--r-gap3 { row-gap: 2rem; } @media (max-width: 1036px) { .row--r-gap3 { row-gap: 0px; } } } .p-table--cloud-computing { margin-bottom: 0px; overflow: auto; } @media screen and (max-width: 600px) { .p-table--cloud-computing { padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; } } .p-strip--suru-cloud-computing { background-color: rgb(242, 242, 242); background-image: url(""); background-position: right bottom; background-repeat: no-repeat; background-size: 70%; } .p-heading--bold { font-weight: 550; } .p-heading--silicon-light { font-weight: 100; } .p-logo-section__separator { margin-left: 2rem; } @media (max-width: 620px) { .p-logo-section__separator { margin-left: 1.5rem; } } .p-list--ticked .p-list__item-padded { padding-bottom: 1rem; } .p-list--ticked .p-list__item-padded::before { top: 0.6rem; } .p-stepped-list--grid { counter-reset: count 0; } .p-stepped-list--grid .p-step-counter { height: 2.5rem; width: 2.5rem; } .p-stepped-list--grid .p-step-counter::after { content: counter(count); counter-increment: count 1; font-size: 1.3rem; position: relative; top: 1.14rem; } .p-card__thumbnail--large { max-height: 3rem; } .u-aspect-ratio--3-2, .amd-container, .risc-v-container, .p-image__background--3-2 { aspect-ratio: 3 / 2; } .is-paper, .p-slider, .deal-registration-card, .add-subscription-card-container .add-subscription-card { background: rgb(243, 243, 243); } .p-table--mobile-card tbody th { white-space: normal; } .amd-xilinx-table th:nth-child(2) { width: 65%; } @media screen and (max-width: 619px) { .amd-xilinx-table th:nth-child(2) { width: 50%; } } .spaced-bottom--smaller { margin-bottom: 1.5rem; } @media screen and (max-width: 874px) { .spaced-bottom--smaller { margin-bottom: 2.5rem; } } .is-paper--input { background-color: rgba(0, 0, 0, 0.04); } .pad-top { padding-top: 0.375rem; } .u-image-separation { margin-top: 0.5rem; } .p-strip--white { background-color: rgb(255, 255, 255); } .is-graphite { background: rgb(38, 38, 38); color: rgb(255, 255, 255); } .is-graphite .inner-wrapper .p-card, .is-graphite .inner-wrapper .p-card--social-media, .is-graphite .inner-wrapper .blog-p-card--muted { background: rgb(34, 34, 34); border: none; color: rgb(255, 255, 255); } .is-graphite .p-checkbox__label { color: rgb(255, 255, 255); } .is-graphite .inner-wrapper a:not([class^="p-button"]), .is-dark .inner-wrapper a:not([class^="p-button"]) { color: rgb(102, 153, 204); } .is-graphite .inner-wrapper a:not([class^="p-button"]):visited, .is-dark .inner-wrapper a:not([class^="p-button"]):visited { color: rgb(166, 121, 210); } .p-image__background--3-2 { background-color: rgba(0, 0, 0, 0.05); margin-top: 0.5rem; width: 100%; } .risc-v-container { margin-top: 0.5rem; padding-bottom: 1rem; padding-top: 1rem; } .is-paper__image--container { background-color: rgba(0, 0, 0, 0.03); display: flex; } .amd-container { margin-top: 0.5rem; padding-left: 1rem; padding-right: 1rem; } .p-list--divided.has-description .p-list__item, .p-list--divided.has-description .list-matrix, .has-description.p-list--divided-bulleted .p-list__item, .has-description.p-list--divided-bulleted .list-matrix, .p-list--divided.has-description .p-list--ticked .p-list__item-padded, .p-list--ticked .p-list--divided.has-description .p-list__item-padded, .has-description.p-list--divided-bulleted .p-list--ticked .p-list__item-padded, .p-list--ticked .has-description.p-list--divided-bulleted .p-list__item-padded { margin-bottom: 0px; padding-bottom: 0px; padding-top: 0.5rem !important; } .p-list--divided.has-description p, .has-description.p-list--divided-bulleted p { padding-left: 2rem; } .p-modal__dialog.is-paper, .p-modal__dialog.p-slider, .p-modal__dialog.deal-registration-card, .add-subscription-card-container .p-modal__dialog.add-subscription-card { max-width: 80rem !important; } .p-modal__dialog.is-paper .row--50-50 .p-modal__close, .p-modal__dialog.p-slider .row--50-50 .p-modal__close, .p-modal__dialog.deal-registration-card .row--50-50 .p-modal__close, .add-subscription-card-container .p-modal__dialog.add-subscription-card .row--50-50 .p-modal__close { background-color: rgba(0, 0, 0, 0); margin-top: 1.5rem; right: 1rem; } @media screen and (min-width: 875px) { .p-modal__dialog.is-paper .row--50-50 .p-modal__close, .p-modal__dialog.p-slider .row--50-50 .p-modal__close, .p-modal__dialog.deal-registration-card .row--50-50 .p-modal__close, .add-subscription-card-container .p-modal__dialog.add-subscription-card .row--50-50 .p-modal__close { right: 1.5rem; } } .p-modal__dialog.is-paper .row--50-50 .modal-form .p-section--shallow:first-child > p, .p-modal__dialog.p-slider .row--50-50 .modal-form .p-section--shallow:first-child > p, .p-modal__dialog.deal-registration-card .row--50-50 .modal-form .p-section--shallow:first-child > p, .add-subscription-card-container .p-modal__dialog.add-subscription-card .row--50-50 .modal-form .p-section--shallow:first-child > p { padding-right: 0px; } @media screen and (min-width: 620px) { .p-modal__dialog.is-paper .row--50-50 .modal-form .p-section--shallow:first-child > p, .p-modal__dialog.p-slider .row--50-50 .modal-form .p-section--shallow:first-child > p, .p-modal__dialog.deal-registration-card .row--50-50 .modal-form .p-section--shallow:first-child > p, .add-subscription-card-container .p-modal__dialog.add-subscription-card .row--50-50 .modal-form .p-section--shallow:first-child > p { padding-right: 2rem; } } .p-logo-section--dense .p-logo-section__logo { height: 6rem; } .landing-logos .p-logo-section__logo { height: 6.5rem; } .p-logo-section.has-misaligned-images .p-logo-section__item { margin-bottom: 1.5rem; } .p-logo-section.has-misaligned-images .p-logo-section__logo { max-height: 5rem; object-fit: contain; } .p-divider .p-divider__block.no-divider::before { content: none; } .p-image-wrapper { margin-top: 0.75rem; } .p-image-wrapper.is-partner { background-color: rgb(255, 255, 255); } .p-image-wrapper.is-product { background-color: rgb(243, 243, 243); } .p-image-wrapper--logo { margin-top: 1rem; } .p-icon-section__items { display: flex; flex-wrap: wrap; line-height: 3rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } @media screen and (max-width: 1035px) { .p-icon-section__items { row-gap: 1rem; } } .p-icon-section__item { margin-bottom: -0.5rem; margin-right: 3rem; margin-top: -0.5rem; } @media screen and (max-width: 619px) { .p-icon-section__item { margin-right: 1.5rem; } } .p-icon-section__icon { height: 6rem; width: auto; } @media screen and (max-width: 1035px) { .p-icon-section__icon { height: 4rem; } } .p-icon-section--dense .p-icon-section__items { line-height: 2rem; row-gap: calc(1rem + 1vw); } @media screen and (max-width: 1035px) { .p-icon-section--dense .p-icon-section__items { row-gap: 1.5rem; } } .p-icon-section--dense .p-icon-section__item { margin-right: 2.5rem; } @media screen and (max-width: 619px) { .p-icon-section--dense .p-icon-section__item { margin-right: 1rem; } } .p-icon-section--dense .p-icon-section__icon { height: 3.75rem; } @media screen and (max-width: 1035px) { .p-icon-section--dense .p-icon-section__icon { height: 3rem; } } .p-graphic-main { background: rgb(146, 58, 102); display: inline-block; height: 48px; width: 10%; } .p-graphic-universe { background: rgb(0, 0, 0); display: inline-block; height: 48px; width: 90%; } .p-graphic-universe--empty { border-color: rgb(117, 117, 117); border-style: dashed; border-width: 1px; display: inline-block; height: 48px; width: 90%; } .graphic-legend-main, .graphic-legend-universe { display: flex; flex-direction: row; gap: 1.2rem; } .graphic-legend-main::before, .graphic-legend-universe::before { content: ""; display: inline-flex; flex-shrink: 0; height: 25px; width: 25px; } .graphic-legend-main::before { background: rgb(146, 58, 102); } .graphic-legend-universe::before { background: rgb(0, 0, 0); } hr.is-extra-muted { background-color: rgba(0, 0, 0, 0.1); opacity: 0.5; } ol.p-list--divided .p-list__item::before, ol.p-list--divided .list-matrix::before, ol.p-list--divided-bulleted .p-list__item::before, ol.p-list--divided-bulleted .list-matrix::before, ol.p-list--divided .p-list--ticked .p-list__item-padded::before, .p-list--ticked ol.p-list--divided .p-list__item-padded::before, ol.p-list--divided-bulleted .p-list--ticked .p-list__item-padded::before, .p-list--ticked ol.p-list--divided-bulleted .p-list__item-padded::before { content: counter(list-item) ". "; } .p-hero-video-link .p-hero-video__play { transition-duration: 0.165s; transition-property: background-size; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); display: block; } .p-hero-video-link:hover img { opacity: 0.9; } .p-hero-video-link.p-equal-height-row__col::before { content: none !important; } @media screen and (max-width: 619px) { .p-stepped-list--detailed .p-stepped-list__title, .p-faq-stepped-list--detailed .p-stepped-list__title { grid-column-end: span 4; margin-left: 0px; } } .u-responsive-realign { display: flex; flex-flow: wrap; row-gap: 0.5rem; } @media screen and ((max-width: 1035px) and (min-width: 875px)) { .u-table-scroll--medium { overflow-x: hidden; } .u-table-scroll--medium table { display: block; overflow-x: auto; white-space: nowrap; } } @media screen and (max-width: 874px) { .u-table-scroll--small { overflow-x: hidden; } .u-table-scroll--small table { display: block; overflow-x: auto; white-space: nowrap; } } @media screen and (width < 620px) { .u-table-scroll--x-small { overflow-x: hidden; } .u-table-scroll--x-small table { display: block; overflow-x: auto; white-space: nowrap; } } @media screen and (max-width: 1035px) { .u-align-last--logo .p-logo-section__item { margin-right: 2rem; } } .u-center-illutrations { align-items: center; display: flex; height: 21rem; justify-content: center; } .u-background--fade { background-color: rgba(0, 0, 0, 0.05); } .u-aspect-ratio--16-9 { aspect-ratio: 16 / 9; } .u-darker-background { background-color: rgba(0, 0, 0, 0.03); } .js-invoke-modal.p-button.is-dark { color: rgb(255, 255, 255) !important; } legend.is-required::before { content: "* " !important; position: relative !important; } .p-breadcrumbs { margin-bottom: 0.5rem; margin-top: 0.5rem; } .p-equal-height-row--50-50 .p-equal-height-row__col { grid-column: span 6; padding-top: 0.5rem; } .list-matrix { padding-left: 2rem; position: relative; } .list-matrix .list-matrix-container::before { background-image: var(--vf-theme-light, url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 110 16A8 8 0 018 0zm0 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zm2.814 2.45l1.203.897-5.537 7.43-3.485-3.694 1.09-1.03 2.259 2.394 4.47-5.997z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E")); background-repeat: no-repeat; background-size: 1rem; content: ""; display: inline-block; height: 1rem; top: 0.85rem; left: 0px; position: absolute; width: 1rem; } .p-card--social-media { background: rgb(255, 255, 255); border: unset; } .p-card--social-media .p-heading-icon { margin-bottom: 0px; } @media (min-width: 1036px) { .p-card--social-media .p-heading-icon { margin-bottom: 0.5rem; } } .p-card--social-media .p-heading-icon .p-heading-icon__header .p-heading-icon__img { margin-right: 0.5rem; } .p-card--social-media .p-heading-icon--small .p-heading-icon__header .p-heading-icon__title { align-self: center; margin: 0px; } .u-no-wrap { white-space: nowrap; } @media screen and (1036px <= width) { .u-additional-spacing--large { margin-bottom: 6.25rem; } } @media screen and (1036px <= width) { .u-responsive-cta { height: 15rem; } } @media screen and (1036px <= width) { .u-horizontal-nudge { margin-left: 0.5rem; } } .u-vertical-nudge { margin-bottom: 0.5rem !important; } .p-table--mobile-card tr td { white-space: normal; } ol.p-stepped-list.no-full-stop .p-stepped-list__item .p-stepped-list__title::before, ol.p-stepped-list.no-full-stop .p-faq-stepped-list--detailed .p-faq-stepped-list__item .p-stepped-list__title::before, .p-faq-stepped-list--detailed ol.p-stepped-list.no-full-stop .p-faq-stepped-list__item .p-stepped-list__title::before { content: counter(p-stepped-list-counter); text-align: left; } .u-zoom-on-hover { transition: transform 1s ease 0s; } .u-zoom-on-hover:hover { transform: scale(1.25); } .p-side-navigation--raw-html.is-single-page { position: sticky; top: 4rem; } @media (max-width: 1036px) { .p-side-navigation--raw-html.is-single-page { position: unset; top: 0px; } } .p-toggle--sticky { position: sticky; top: 4rem; width: fit-content; z-index: 2; } .vulnerabilities-content .section-heading { scroll-margin-top: 80px; } @media (max-width: 1036px) { .vulnerabilities-content .section-heading { scroll-margin-top: 100px; } } .training-cta--stacked { display: flex; flex-wrap: wrap; } .u-clamp--two-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .u-clamp--five-lines { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @container (width >= 100ch) { .p-list--horizontal-section-wrapper .p-list--horizontal-section:is(.is-50-50-on-large) { --columns: 2; } .p-list--horizontal-section-wrapper .p-list--horizontal-section:is(.is-50-50-on-large) .p-list__item:nth-child(2n+1)::after, .p-list--horizontal-section-wrapper .p-list--horizontal-section:is(.is-50-50-on-large) .p-list--ticked .p-list__item-padded:nth-child(2n+1)::after, .p-list--ticked .p-list--horizontal-section-wrapper .p-list--horizontal-section:is(.is-50-50-on-large) .p-list__item-padded:nth-child(2n+1)::after, .p-list--horizontal-section-wrapper .p-list--horizontal-section:is(.is-50-50-on-large) .list-matrix:nth-child(2n+1)::after { background: var(--vf-color-border-low-contrast); content: ""; height: 1px; left: 0px; position: absolute; top: 0px; width: calc(200% + 2rem); } } .is-dark .inner-wrapper a.p-link--anchor-heading, .is-dark .inner-wrapper a.p-link--anchor-heading:visited { color: rgb(255, 255, 255); } .p-slider__wrapper .p-slider__min-value { padding-right: 1rem; } .p-slider__wrapper .p-slider__max-value { padding-left: 1rem; } #main-content { float: none; margin: 0px; width: 100%; } @page { margin: 2cm; } body { color: rgb(0, 0, 0); font-family: Ubuntu, "Segoe UI", Roboto, Oxygen, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1.5; background: rgb(255, 255, 255) !important; } a, blockquote, pre, [class^="p-strip"], [class*=" p-strip"] { break-inside: avoid; } table { margin: 1.5rem 0px; } th, td { border-width: 0px 0px 1px !important; border-bottom-style: solid !important; border-bottom-color: rgb(51, 51, 51) !important; } h1, h2, h3, h4, h5, h6, img { break-after: avoid; break-inside: avoid; } ul, ol, dl { break-before: avoid; } a, a:link, a:visited { background: rgba(0, 0, 0, 0); color: rgb(0, 102, 204); font-weight: bold; text-align: left; text-decoration: underline; } a[href^="http"]::after { content: " <" attr(href) "> "; } header, nav, footer, .u-hide, .p-top, .u-hide--small, .p-heading-icon__img, .p-contextual-footer, .p-navigation, .dropdown-window, .dropdown-window-overlay, .p-navigation--secondary, .p-sticky-toc { display: none !important; } .p-logo-section__items { display: inline-flex; flex-wrap: wrap; list-style-type: none; } .p-logo-section__items .p-logo-section__logo, .p-logo-section__items .p-logo-section__item > img { margin: 2rem 2rem 0px 0px; max-height: 5.5rem; max-width: 9rem; } .p-list--ordered-legal { counter-reset: item 0; list-style-type: none; } .p-list--ordered-legal > .p-list__item::before { content: counters(item, ".") ". "; counter-increment: item 1; font-weight: 400; } .p-list--ordered-legal > .p-list__item > h2, .p-list--ordered-legal > .p-list__item > h3, .p-list--ordered-legal > .p-list__item > h4 { display: inline; } .u-no-print { display: none !important; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } (cache)500: Server error | Ubuntu

Security API error

The security API is down.

An error occurred while fetching security data

Try reloading the page. If the error persists, please note that it may be a known issue. If not, please file a new issue.