.ncos-icon{display:grid;height:24px;place-items:center;text-align:center;width:24px}.ncos-icon--large{height:32px;width:32px}
.ncos-product-strip{--item-size:80px;aspect-ratio:4/3;display:grid;grid:repeat(3,var(--item-size))/repeat(4,var(--item-size));grid-template-areas:"Compliance . Sourcing ." ". Transport . Audit" "Pay . Analytics .";margin:0 auto;max-width:100%;padding:var(--ncos-spacing-large) 0;place-content:center;position:relative;width:calc(var(--item-size)*4)}@media(min-width:1068px){.ncos-product-strip{aspect-ratio:11/1;grid:var(--item-size)/repeat(11,var(--item-size));grid-template-areas:"Compliance . Sourcing . Transport . Audit . Pay . Analytics";width:calc(var(--item-size)*11)}}.ncos-product-strip__item{opacity:0;pointer-events:none;position:relative;transform:scale(.95);transform-box:fill-box;transform-origin:center}.ncos-product-strip__item__link{background:var(--ncos-colour-sys-surface-container-high);border:1px solid var(--ncos-colour-sys-outline-alt);border-radius:var(--ncos-radius-small);inset:0;overflow:hidden;position:absolute;transition:transform .5s cubic-bezier(.215,.61,.355,1)}.ncos-product-strip__item__link:hover{border:0;box-shadow:0 22px 41px 0 rgba(0,0,0,.06),0 9.197px 17.907px 0 rgba(0,0,0,.04),0 3.893px 8.638px 0 rgba(0,0,0,.03),0 1.354px 3.363px 0 rgba(0,0,0,.02)}.ncos-product-strip__item__link>*{pointer-events:none}.ncos-product-strip__item__blank{background:var(--ncos-colour-sys-primary);border-radius:var(--ncos-radius-full);height:32px!important;transform:scale(.6) translate(-50%,-50%)!important;width:32px!important}.ncos-product-strip__item__label{bottom:0;color:var(--ncos-colour-sys-on-surface-alt);font-size:10px;font-weight:500;line-height:12px;opacity:0;padding:0 8px;position:absolute;text-align:center;transition:all .75s cubic-bezier(.215,.61,.355,1)}.ncos-product-strip__item--type-compliance{grid-area:Compliance;-ms-grid-column:1;-ms-grid-row:1}.ncos-product-strip__item--type-sourcing{grid-area:Sourcing;-ms-grid-column:3;-ms-grid-row:1}.ncos-product-strip__item--type-transport{grid-area:Transport;-ms-grid-column:2;-ms-grid-row:2}.ncos-product-strip__item--type-audit{grid-area:Audit;-ms-grid-column:4;-ms-grid-row:2}.ncos-product-strip__item--type-pay{grid-area:Pay;-ms-grid-column:1;-ms-grid-row:3}.ncos-product-strip__item--type-analytics{grid-area:Analytics;-ms-grid-column:3;-ms-grid-row:3}@media (min-width:1068px){.ncos-product-strip__item--type-compliance{-ms-grid-column:1;-ms-grid-row:1}.ncos-product-strip__item--type-sourcing{-ms-grid-column:3;-ms-grid-row:1}.ncos-product-strip__item--type-transport{-ms-grid-column:5;-ms-grid-row:1}.ncos-product-strip__item--type-audit{-ms-grid-column:7;-ms-grid-row:1}.ncos-product-strip__item--type-pay{-ms-grid-column:9;-ms-grid-row:1}.ncos-product-strip__item--type-analytics{-ms-grid-column:11;-ms-grid-row:1}}.ncos-product-strip__item .ncos-icon--is-full{opacity:0;transform:scale(1.9) translate(-50%,-50%);transition:all .5s cubic-bezier(.215,.61,.355,1)}.ncos-product-strip__item .ncos-icon--is-outline{opacity:1;transform:scale(1.75) translate(-50%,-50%);transition:all .15s cubic-bezier(.215,.61,.355,1)}.ncos-product-strip__item--state-active{pointer-events:all}.ncos-product-strip__item--state-active .ncos-icon--is-full{opacity:1;transform:scale(1.75) translate(-50%,-50%)}.ncos-product-strip__item--state-active .ncos-icon--is-outline{opacity:0;transform:scale(1.9) translate(-50%,-50%)}.ncos-product-strip__item--state-active .ncos-product-strip__item__label{bottom:-16px;opacity:0}.ncos-product-strip__item--state-hovered{pointer-events:all}@media(min-width:1068px){.ncos-product-strip__item--state-hovered .ncos-product-strip__item__link{transform:scale(1.1)}}.ncos-product-strip__item--state-hovered .ncos-icon--is-full,.ncos-product-strip__item--state-hovered .ncos-icon--is-outline{transform:scale(1.2) translate(-50%,calc(-50% - 12px));transform-origin:bottom center}.ncos-product-strip__item--state-hovered .ncos-product-strip__item__label{bottom:10px;opacity:1}.ncos-product-strip__animated-line,.ncos-product-strip__static-line{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-box:fill-box;transform-origin:center;z-index:-1}.ncos-product-strip__animated-line{display:none;height:21px;width:100%}@media(min-width:1068px){.ncos-product-strip__animated-line{display:block}}.ncos-product-strip__static-line{animation:delayStaticLine .5s ease-out 5s forwards;display:block;height:240px;opacity:0;width:320px}@media(min-width:1068px){.ncos-product-strip__static-line{display:none}}.ncos-product-strip .ncos-icon{left:50%;position:absolute;top:50%;transform-origin:top left}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes delayStaticLine{0%{opacity:0}to{opacity:1}}