.IGNheroBackground{background-image:var(--gradient-dark-blue);overflow:hidden}.IGNheroSection{padding-top:var(--space-2xl-3xl)}.IGNheroContent,.IGNheroSection .IFWcontainer{text-align:center}.IGNheroContent{grid-column:1/17;margin:0 auto}.IGNheroContent h5{color:var(--blue-light)}.IGNheroContent h1{color:var(--blue-lighter);max-width:900px}.IGNheroContent h1 .IGNhighlight{color:var(--blue);white-space:nowrap}.IGNheroContent .IGNheroIntro{color:var(--blue-light);font-size:20px;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:60ch}.IGNheroImage{grid-column:1/17;line-height:0;position:relative}.IGNheroImage svg{margin-top:0;max-width:1000px;width:100%}.IGNheroPlayVideo{align-items:center;background:rgba(var(---blue-darker),.85);border-radius:9999px;box-shadow:0 16px 32px rgba(0,0,0,.75);cursor:pointer;display:flex;height:100px;justify-content:center;left:50%;position:absolute;top:40%;transform:translateX(-50%);transition:all .3s ease;width:100px;z-index:10}.IGNheroPlayVideo:before{background:linear-gradient(180deg,#95d8ff,#0994e2) border-box;border:4px solid transparent;border-radius:300px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;position:absolute;right:0;top:0}.IGNheroVideoModalOuter{align-items:center;display:flex;height:100vh;justify-content:center;max-width:100%;width:100%}#IGNiguanaOverviewVideoModal .MDLinner .hs-video-container{max-width:1000px;width:70vw}.IGNheroPlayVideo img{height:35%;margin-right:-5%;width:35%}.IGNheroPlayVideo:hover{background:rgba(var(---blue-dark),.7);transition:all .3s ease}.IGNiguanaOverviewVideo:focus{outline:none}.IGNheroIguanaIcon{left:50%;max-width:120px;position:absolute;transform:translateX(-50%) translateY(-65%);width:15vw}@media (max-width:1024px){.IGNheroContent .IGNheroIntro{font-size:16px}}@media (max-width:768px){.IGNheroContent .IGNheroIntro{font-size:14px}.IGNheroPlayVideo{height:80px;width:80px}}@media (max-width:480px){.IGNheroContent .IGNheroIntro{font-size:13px}.IGNheroImage svg{margin-left:-20%;width:140%}#IGNiguanaOverviewVideoModal .MDLinner .hs-video-container{width:82vw}.IGNheroPlayVideo{height:60px;width:60px}.IGNheroPlayVideo:before{border-width:3px}}.IGNcustomersBackground{background:var(--white)}.IGNcustomersGrid{display:grid;gap:var(--space-l-xl);grid-template-columns:1fr 1fr 1fr 1fr;padding:var(--space-xl-2xl) 0}.IGNcustomer{font-size:var(--step--1);font-weight:500;line-height:1.6em}.IGNcustomerFactoid{color:var(--grey-600);font-size:13px;line-height:1.7em;max-width:240px;text-wrap:pretty}.IGNcustomerFactoid b{color:var(--blue-darker);font-weight:800}.IGNcustomer img{max-width:100%}@media (max-width:1024px){.IGNcustomerFactoid{font-size:12px}}@media (max-width:768px){.IGNcustomersGrid{grid-template-columns:1fr 1fr}.IGNcustomerFactoid{margin-top:0;max-width:100%}}@media (max-width:480px){.IGNcustomerFactoid{font-size:11px;line-height:1.5em}.IGNcustomersGrid{gap:var(--space-m)}.IGNcustomer img{max-width:100px}}.IGNopenApproachSection{background:#f9fcfe;padding:var(--space-4xl) 0}.IGNopenApproachSection>.IFWcontainer{padding-bottom:var(--space-3xl)}.IGNopenApproachSection .IFWheadingLabel{color:var(--blue)}.IGNopenApproachSectionHeading{font-size:40px}.IGNopenApproachSectionIntro{font-size:20px;max-width:65ch}.IGNgrid-timeline{column-gap:var(--space-2xl);display:grid;grid-column:2/span 16!important;grid-template-columns:minmax(0,1fr) auto minmax(0,2fr);margin-top:var(--space-2xl)}.IGNtimeline{align-items:center;display:flex;flex-direction:column}.IGNtimelineCircle{background:var(--grey-300);border:3px solid #fff;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.25);height:18px;width:18px;z-index:10}.IGNtimelineTrack{background:var(--blue-lighter);height:100%;width:2px}.IGNconnectAnythingHeading{margin-top:0}.IGNtimelineRightSide .IGNtimelineSection{padding-bottom:var(--space-2xl-4xl)}.IGNtimelineSectionHeading{color:var(--grey-700);font-size:18px;line-height:1.6em;margin-bottom:var(--space-l)}.IGNsectionHeadingHighlight{color:var(--blue-dark);font-weight:700}.IGNtimelineTrack{position:relative}.IGNtimelineHighlight{background-color:rgba(var(---blue),.5);bottom:100;position:absolute;top:0;width:100%}.IGNopenApproachBlock{background:var(--white);border-radius:8px;box-shadow:var(--drop-shadow);padding:var(--space-l)}.IGNtransportProtocolsContainer{background:var(--grey-100);border-radius:8px;overflow:hidden;padding:16px;width:100%}.IGNtransportProtocolsWrapper{column-gap:16px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:100%}.IGNtransportProtocols{align-items:center;background:rgba(var(---grey-300),.4);border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;padding:12px 4px;row-gap:4px}.IGNtransportProtocolLabel{color:var(--blue-dark);font-size:12px;font-weight:600;line-height:1em;margin:0;text-align:center}.IGNtransportProtocolType{font-size:10px;font-weight:400;line-height:1em;margin:0}.IGNtransportComponentsContainer{animation:protocolScroll 40s linear infinite forwards;column-gap:24px;display:grid;grid-template-columns:repeat(18,180px);grid-template-rows:auto;margin:24px 0 8px;width:fit-content}@keyframes protocolScroll{to{transform:translate(calc(-50% - 12px))}}.IGNtransportComponents{background:var(--white);border:1px solid var(--grey-400);border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.15);display:flex;flex-direction:column;padding:12px}.IGNtransportComponentLabel{font-size:12px;font-weight:600;line-height:1.3em;margin-bottom:8px}.IGNtransportComponentDesc{color:var(--grey-600);flex-grow:1;font-size:10px;line-height:1.5em}.IGNtransportComponentHashtag{border:1px solid var(--grey-400);border-radius:3px;display:inline;font-size:10px;line-height:1em;margin-top:8px;padding:4px 6px;width:fit-content}.IGNhashtagWebservice{background-color:rgba(var(---purple-lighter),.5);border-color:var(--purple-light);color:var(--purple)}.IGNhashtagLlp{background-color:rgba(var(---teal-lighter),.5);border-color:var(--teal-light);color:var(--teal)}.IGNhashtagFile{background-color:rgba(var(---green-lighter),.5);border-color:var(--green-light);color:var(--green)}.IGNhashtagDatabase{background-color:rgba(var(---orange-lighter),.5);border-color:var(--orange-light);color:var(--orange)}.IGNtransportProtocolsInterface{align-items:flex-start;background:var(--blue-lighter);border-radius:8px;display:flex;justify-content:center;margin-top:16px;width:100%}.IGNtransportProtocolsInterface img{margin-bottom:20px;margin-top:-40px;max-width:450px}.IGNdataTypesGrid{display:grid;grid-template-rows:100px 16px 100px;overflow-x:hidden;width:100%}.IGNdataBlockContainer{align-items:center;background:var(--grey-100);border-radius:8px;display:flex;overflow:hidden}.IGNdataBlockTypes{column-gap:16px;display:grid;grid-template-columns:repeat(20,80px);grid-template-rows:auto}.IGNdataTypesGrid .IGNdataBlockContainer:first-child .IGNdataBlockTypes{animation:dataTypeScrollLeft 40s linear infinite forwards}.IGNdataTypesGrid .IGNdataBlockContainer:last-child .IGNdataBlockTypes{animation:dataTypeScrollRight 40s linear infinite forwards;transform:translate(-50%)}@keyframes dataTypeScrollLeft{to{transform:translate(calc(-50% - 8px))}}@keyframes dataTypeScrollRight{to{transform:translate(8px)}}.IGNdataType{background:rgba(var(---grey-300),.4);border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);color:var(--blue-dark);font-size:12px;font-weight:600;line-height:1em;padding:12px 8px}.IGNdataType,.IGNdataTypeInterfaceContainer{align-items:center;display:flex;justify-content:center}.IGNdataTypeInterfaceContainer img{z-index:2}.IGNdeploymentContainer{align-items:center;background-image:linear-gradient(rgba(var(---white),0),rgba(var(---grey-100),1));border-radius:8px;display:flex;justify-content:center;padding-bottom:16px}.IGNdeploymentContainer img{max-width:500px;width:100%}.IGNselfManagedGrid{column-gap:24px;display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.IGNselfManagedContainer{background-image:linear-gradient(rgba(var(---grey-100),1),rgba(var(---grey-200),1));border-radius:8px;padding:16px}.IGNselfManagedHeader{column-gap:12px;margin-bottom:12px}.IGNselfManagedHeader,.IGNselfManagedHeader *{align-items:center;display:flex}.IGNselfManagedCheckmark img{height:18px;width:18px}.IGNselfManagedTitle{font-size:14px;font-weight:600;line-height:1.25em;margin:0}.IGNselfManagedBlurb{font-size:14px;line-height:1.5em}.IGNselfManagedCaseStudy{font-size:14px;line-height:1.6em;margin-top:24px}.IGNselfManagedCaseStudy span{font-weight:600;margin-right:8px}.IGNselfManagedCaseStudy a{font-weight:500;text-decoration:none}.IGNopenApproachBlock .IGNfadeScrollSection{border-top:1px solid rgba(var(---blue-lighter),.2)}.IGNsupportfadeScrollHeader{align-items:center;column-gap:var(--space-2xl);display:grid;grid-template-columns:auto auto;margin-bottom:var(--space-xl);margin-top:var(--space-xs);position:relative;width:100%}.IGNsupportfadeScrollCaptionsContainer{display:contents}.IGNopenApproachBlock .IGNfadeScrollCaption{grid-column:1/1;grid-row:1/1;opacity:0;transition:opacity .5s linear}.IGNsupportfadeScrollCaption{color:var(--blue-light)}.IGNopenApproachBlock .IGNfadeScrollCaptionActive{opacity:1}.IGNopenApproachBlock .IGNfadeScrollArrowsContainer{align-items:flex-end;display:flex;gap:16px;justify-content:flex-end}.IGNopenApproachBlock .IGNfadeScrollLeftArrow,.IGNopenApproachBlock .IGNfadeScrollRightArrow{align-items:center;border:1px solid rgba(var(---blue),.5);border-radius:9999px;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:1;transition:opacity 2s;width:40px}.IGNopenApproachBlock .IGNfadeScrollLeftArrow:hover,.IGNopenApproachBlock .IGNfadeScrollRightArrow:hover{background:var(--blue-lighter)}.IGNopenApproachBlock .IGNfadeScrollArrowUnavailable,.IGNopenApproachBlock .IGNfadeScrollArrowUnavailable *{opacity:.5}.IGNopenApproachBlock .IGNfadeScrollArrowUnavailable:hover,.IGNopenApproachBlock .IGNfadeScrollArrowUnavailable:hover *{background:transparent}.IGNopenApproachBlock .IGNnavArrow{filter:invert(46%) sepia(73%) saturate(536%) hue-rotate(157deg) brightness(92%) contrast(89%)}.IGNopenApproachBlock .IGNfadeScrollLeftArrow .IGNnavArrow{transform:rotate(180deg)}.IGNopenApproachBlock .IGNfadeScrollLeftArrow:hover .IGNnavArrow,.IGNopenApproachBlock .IGNfadeScrollRightArrow:hover .IGNnavArrow{filter:invert(46%) sepia(73%) saturate(536%) hue-rotate(157deg) brightness(92%) contrast(89%)}.IGNopenApproachBlock .IGNfadeScroller{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:relative}.IGNopenApproachBlock .IGNfadeScrollItem{grid-area:1/1/1/1;opacity:0;transition:opacity .5s linear}.IGNopenApproachBlock .IGNfadeScrollItemActive{opacity:1}.IGNopenApproachBlock .IGNfadeScrollContainer{overflow:hidden}.IGNopenApproachBlock .IGNsupportfadeScrollHeader{margin:16px 0 0}.IGNsupportScrollLeftArrow,.IGNsupportScrollRightArrow{align-items:center;border-radius:9999px;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.IGNsupportScrollLeftArrow:hover,.IGNsupportScrollRightArrow:hover{background:var(--blue-lightest)}.IGNsupportNavArrow{filter:invert(46%) sepia(76%) saturate(548%) hue-rotate(157deg) brightness(92%) contrast(85%)}.IGNsupportScrollLeftArrow .IGNsupportNavArrow{transform:rotate(180deg)}.IGNsupportTestimonial{background-image:linear-gradient(rgba(var(---grey-100),1),rgba(var(---grey-200),1));border-radius:8px;font-size:14px;height:100%;line-height:1.6em;padding:16px 24px}.IGNsupportGrid{column-gap:16px}.IGNsupportAvatar,.IGNsupportGrid{align-items:center;display:flex}.IGNsupportAvatar img{border-radius:999px;filter:brightness(110%);height:48px;width:48px}.IGNsupportAttribution{color:var(--grey-800);display:flex;flex-direction:column;justify-content:center;row-gap:4px}.IGNsupportAttributionName{font-size:14px;font-weight:600;line-height:1.2em}.IGNsupportAttributionTitle{color:var(--grey-600);font-size:14px;line-height:1.2em}.IGNsupportNavigation{align-items:center;column-gap:8px;display:flex}.IGNtimelineEndingBlock{background-image:linear-gradient(0deg,#15406c 20%,#091e3a);border-radius:8px;box-shadow:var(--drop-shadow);display:grid;grid-column:2/4;grid-template-columns:3fr 2fr;margin-left:-24px;overflow:hidden;width:calc(100% + 24px)}.IGNtimelineEndingBlockContents{padding:var(--space-xl)}.IGNtimelineEndingBlockContents p{color:var(--blue-light);font-size:18px;line-height:1.6em;margin:0}.IGNtimelineEndingBlockContents p b{color:var(--white)}.IGNbuttonGroup{align-items:center;display:flex;flex-wrap:wrap;gap:1em;margin-top:var(--space-l)}.IGNprimaryButton{background:var(--blue);color:var(--white)!important}.IGNsecondaryButton{color:var(--blue-light)!important}.IGNsecondaryButton span{white-space:nowrap}.IGNtimelineEndingBlockImage{background-image:url(https://4076588.fs1.hubspotusercontent-na1.net/hubfs/4076588/raw_assets/public/iguanax-website-theme/imgs/IGN/bg-iguana-dashboard.svg);background-position:left 56px;background-repeat:no-repeat}@media (max-width:1024px){.IGNopenApproachSection{padding:var(--space-3xl) 0}.IGNopenApproachSectionHeading{font-size:30px}.IGNopenApproachSectionIntro{font-size:18px}.IGNdeploymentContainer img{width:90%}.IGNselfManagedGrid{grid-template-columns:1fr;row-gap:12px}}@media (max-width:768px){.IGNopenApproachSectionHeading{font-size:24px}.IGNopenApproachSectionIntro{font-size:14px}.IGNgrid-timeline{column-gap:var(--space-l);grid-template-columns:auto minmax(0,2fr)}.IGNtimelineLeftSide{display:none}.IGNtimelineSectionHeading{font-size:16px}.IGNtimelineEndingBlock{grid-column:1/3;margin-left:0;width:100%}.IGNtimelineEndingBlockContents p{font-size:16px}}@media (max-width:480px){.IGNopenApproachSection{padding:var(--space-2xl) 0}.IGNopenApproachSectionHeading{font-size:22px}.IGNopenApproachSectionIntro{font-size:13px}.IGNtimelineSectionHeading{font-size:14px}.IGNopenApproachBlock{padding:var(--space-s)}.IGNtransportProtocolsWrapper{column-gap:8px}.IGNtransportProtocols{padding:8px 2px}.IGNtransportProtocolLabel{font-size:10px}.IGNtransportProtocolType{font-size:9px}.IGNtransportComponentsContainer{column-gap:16px;grid-template-columns:repeat(18,150px)}.IGNtransportComponentLabel{font-size:10px}.IGNtransportComponentDesc{font-size:9px;line-height:1.3em}.IGNtransportProtocolsContainer{border-radius:8px 8px 0 0}.IGNtransportProtocolsInterface{border-radius:0 0 8px 8px;margin-top:0}.IGNtransportProtocolsInterface img{margin-bottom:8px;margin-top:-28px;width:94%}.IGNdataBlockTypes{grid-template-columns:repeat(20,60px)}.IGNdataTypesGrid{grid-template-rows:60px 16px 60px}.IGNdataType{font-size:10px;padding:8px 4px}.IGNdataTypeInterfaceContainer img{width:94%}.IGNdeploymentContainer img{width:90%}.IGNselfManagedGrid{grid-template-columns:1fr;row-gap:12px}.IGNselfManagedContainer{column-gap:8px;display:grid;grid-template-columns:12ch 1fr;padding:12px}.IGNselfManagedHeader{margin-bottom:0}.IGNselfManagedTitle{font-size:11px}.IGNselfManagedBlurb{font-size:11px;line-height:1.4em}.IGNselfManagedCaseStudy{font-size:12px}.IGNselfManagedCaseStudy span{margin-right:4px}.IGNsupportfadeScrollHeader{column-gap:var(--space-m)}.IGNsupportAttributionName,.IGNsupportTestimonial{font-size:12px}.IGNsupportAttributionTitle{font-size:10px}.IGNtimelineEndingBlock{grid-template-columns:1fr;grid-template-rows:auto}.IGNtimelineEndingBlockContents{padding:var(--space-l)}.IGNsecondaryButton,.IGNtimelineEndingBlockContents p{font-size:14px}.IGNtimelineEndingBlockImage{background-position:var(--space-l) 0;background-size:110%;height:160px}}@media (max-width:425px){.IGNtransportProtocolsWrapper{column-gap:6px;grid-template-columns:1fr 1fr;row-gap:6px}}@media (max-width:375px){.IGNselfManagedContainer{grid-template-columns:1fr;row-gap:8px}.IFWbutton,.IGNsecondaryButton{font-size:12px}}.IGNstagesBackground{background-image:linear-gradient(180deg,#091e3a 25%,#00609f);overflow-x:hidden}.IGNinterfaceOverviewIntro{padding-bottom:var(--space-xl);padding-top:var(--space-3xl)}.IGNinterfaceOverviewIntro .IFWheadingLabel{color:var(--blue)}.IGNinterfaceOverviewIntro	h2{color:var(--blue-lighter);margin-bottom:0}.IGNinterfaceOverviewIntro	.IGNoverviewIntro{color:var(--blue-light);font-size:20px;max-width:65ch}.IGNinterfaceOverviewWrapper{max-width:100%;overflow-x:hidden;padding-bottom:var(--space-3xl);position:relative;width:100vw}.IGNinterfaceOverviewBg{background-image:radial-gradient(#091e30 1px,transparent 0);background-position:50%;background-size:16px 16px;height:100%;mask-image:linear-gradient(transparent 10%,#000 30%,#000 70%,transparent);position:absolute;width:100%;z-index:0}.IGNstagesBackground .IGNhorizontalScrollSection{padding-bottom:var(--space-s);padding-top:var(--space-m)}.IGNstagesHorizontalScrollHeader{align-items:center;column-gap:var(--space-2xl);display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;margin-bottom:var(--space-xl);margin-top:var(--space-xs);position:relative;row-gap:var(--space-s);width:100%}.IGNstagesHorizontalScrollProgressContainer{display:flex;gap:1.5%;grid-area:1/1/1/3;justify-content:space-between}.IGNstagesHorizontalScrollProgressBar{background-color:rgba(var(---blue),.25);border-radius:9999px;height:3px;overflow:hidden;position:relative;width:25%}.IGNstagesHorizontalScrollProgressHighlight{background-color:rgba(var(---green),1);bottom:100%;height:100%;position:absolute;top:0;width:0}.IGNstagesHorizontalScrollProgressHighlightOne{background:#b47aff}.IGNstagesHorizontalScrollProgressHighlightTwo{background:#909eff}.IGNstagesHorizontalScrollProgressHighlightThree{background:#5cc4ff}.IGNstagesHorizontalScrollProgressHighlightFour{background:#5bdddc}#integration[data-scrollIndex="1"] .IGNstagesHorizontalScrollProgressHighlightOne,#integration[data-scrollIndex="2"] .IGNstagesHorizontalScrollProgressHighlightOne,#integration[data-scrollIndex="2"] .IGNstagesHorizontalScrollProgressHighlightTwo,#integration[data-scrollIndex="3"] .IGNstagesHorizontalScrollProgressHighlightOne,#integration[data-scrollIndex="3"] .IGNstagesHorizontalScrollProgressHighlightThree,#integration[data-scrollIndex="3"] .IGNstagesHorizontalScrollProgressHighlightTwo,#integration[data-scrollIndex="4"] .IGNstagesHorizontalScrollProgressHighlightOne,#integration[data-scrollIndex="4"] .IGNstagesHorizontalScrollProgressHighlightThree,#integration[data-scrollIndex="4"] .IGNstagesHorizontalScrollProgressHighlightTwo{opacity:0}#integration[data-autoplayStopped] .IGNstagesHorizontalScrollProgressHighlightFour,#integration[data-autoplayStopped] .IGNstagesHorizontalScrollProgressHighlightOne,#integration[data-autoplayStopped] .IGNstagesHorizontalScrollProgressHighlightThree,#integration[data-autoplayStopped] .IGNstagesHorizontalScrollProgressHighlightTwo,#integration[data-scrollIndex="0"] .IGNstagesHorizontalScrollProgressHighlightThree,#integration[data-scrollIndex="0"] .IGNstagesHorizontalScrollProgressHighlightTwo,#integration[data-scrollIndex="1"] .IGNstagesHorizontalScrollProgressHighlightOne,#integration[data-scrollIndex="1"] .IGNstagesHorizontalScrollProgressHighlightThree,#integration[data-scrollIndex="2"] .IGNstagesHorizontalScrollProgressHighlightOne,#integration[data-scrollIndex="2"] .IGNstagesHorizontalScrollProgressHighlightTwo,#integration[data-scrollIndex="3"] .IGNstagesHorizontalScrollProgressHighlightOne,#integration[data-scrollIndex="3"] .IGNstagesHorizontalScrollProgressHighlightThree,#integration[data-scrollIndex="3"] .IGNstagesHorizontalScrollProgressHighlightTwo{transition:none!important}#integration.IGNinitialAnimation .IGNstagesHorizontalScrollProgressHighlightOne,#integration[data-scrollIndex="1"] .IGNstagesHorizontalScrollProgressHighlightTwo,#integration[data-scrollIndex="2"] .IGNstagesHorizontalScrollProgressHighlightThree,#integration[data-scrollIndex="2"] .IGNstagesHorizontalScrollProgressHighlightTwo,#integration[data-scrollIndex="3"] .IGNstagesHorizontalScrollProgressHighlightFour,#integration[data-scrollIndex="3"] .IGNstagesHorizontalScrollProgressHighlightThree,#integration[data-scrollIndex="3"] .IGNstagesHorizontalScrollProgressHighlightTwo{width:100%}.IGNstagesBackground .IGNhorizontalScrollShortcutsContainer{align-items:center;display:flex;justify-content:space-between;width:100%}.IGNhorizontalScrollShortcut{align-items:center;border:1px solid rgba(var(---blue),.5);border-radius:9999px;color:var(--blue-light);display:flex;flex-shrink:0;font-size:11px;font-weight:500;height:32px;justify-content:center;letter-spacing:.05em;text-transform:uppercase;width:110px}.IGNhorizontalScrollShortcut:hover,.IGNhorizontalScrollShortcutActive{background-color:var(--blue-darker);color:var(--white);cursor:pointer;font-weight:600}.IGNstagesLine{background:rgba(var(---blue),.5);flex-grow:1;height:1px;width:100%}.IGNstagesHorizontalScrollCaptionsContainer{display:contents}.IGNstagesBackground .IGNhorizontalScrollCaption{grid-column:1/1;grid-row:2/2;opacity:0;transition:opacity .5s ease-out .25s}.IGNhorizontalScrollCaption{color:var(--blue-light);font-size:16px;line-height:1.5em}.IGNstagesHorizontalScrollCaptionFour,.IGNstagesHorizontalScrollCaptionOne,.IGNstagesHorizontalScrollCaptionThree,.IGNstagesHorizontalScrollCaptionTwo{font-size:28px;font-weight:600}.IGNstagesBackground .IGNhorizontalScrollCaptionActive{opacity:1}.IGNstagesHorizontalScrollCaptionOne{color:#b47aff}.IGNstagesHorizontalScrollCaptionTwo{color:#909eff}.IGNstagesHorizontalScrollCaptionThree{color:#5cc4ff}.IGNstagesHorizontalScrollCaptionFour{color:#5bdddc}.IGNstagesBackground .IGNhorizontalScrollArrowsContainer{align-items:flex-end;display:flex;gap:16px;grid-area:2/2/2/2;justify-content:flex-end}.IGNstagesBackground .IGNhorizontalScrollLeftArrow,.IGNstagesBackground .IGNhorizontalScrollRightArrow{align-items:center;border:1px solid rgba(var(---blue),.5);border-radius:9999px;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:1;transition:opacity 2s;width:40px}.IGNstagesBackground .IGNhorizontalScrollLeftArrow:hover,.IGNstagesBackground .IGNhorizontalScrollRightArrow:hover{background:var(--blue-darker)}.IGNstagesBackground .IGNhorizontalScrollArrowUnavailable,.IGNstagesBackground .IGNhorizontalScrollArrowUnavailable *{opacity:.5}.IGNstagesBackground .IGNhorizontalScrollArrowUnavailable:hover,.IGNstagesBackground .IGNhorizontalScrollArrowUnavailable:hover *{background:transparent}.IGNstagesBackground .IGNnavArrow{filter:invert(86%) sepia(9%) saturate(1044%) hue-rotate(169deg) brightness(96%) contrast(99%)}.IGNstagesBackground .IGNhorizontalScrollLeftArrow .IGNnavArrow{transform:rotate(180deg)}.IGNscrollItemContents{padding:var(--space-m) var(--space-m) var(--space-m) var(--space-xl-2xl)}.IGNscrollItemContents h3,.IGNscrollItemContents p{color:var(--grey-800)}.IGNscrollItemImageContainer{position:relative}.IGNscrollItemImageContainer img{bottom:0;position:absolute;right:0}.IGNimgStageDesign{left:0;top:40px}.IGNimgStageDevelop{left:0;top:32px}.IGNimgStageTest{height:80%;left:0;top:42px}.IGNimgStageMonitor,.IGNimgStageScale{left:0;top:32px}@media screen and (max-width:1024px){.IGNinterfaceOverviewIntro{padding-bottom:0;padding-top:var(--space-2xl)}.IGNinterfaceOverviewIntro h2{font-size:30px}.IGNinterfaceOverviewIntro .IGNoverviewIntro{font-size:18px}.IGNstagesHorizontalScrollCaptionFour,.IGNstagesHorizontalScrollCaptionOne,.IGNstagesHorizontalScrollCaptionThree,.IGNstagesHorizontalScrollCaptionTwo{font-size:20px}.IGNhorizontalScrollCaption{font-size:14px}}@media screen and (max-width:768px){.IGNinterfaceOverviewWrapper{padding-bottom:var(--space-2xl)}.IGNinterfaceOverviewIntro h2{font-size:24px}.IGNinterfaceOverviewIntro .IGNoverviewIntro{font-size:14px}.IGNstagesHorizontalScrollCaptionFour,.IGNstagesHorizontalScrollCaptionOne,.IGNstagesHorizontalScrollCaptionThree,.IGNstagesHorizontalScrollCaptionTwo{display:block;font-size:18px;margin-bottom:.5em}}@media screen and (max-width:480px){.IGNinterfaceOverviewWrapper{padding-bottom:var(--space-xl)}.IGNinterfaceOverviewIntro h2{font-size:22px}.IGNinterfaceOverviewIntro	.IGNoverviewIntro{font-size:13px}.IGNstagesBackground .IGNhorizontalScrollLeftArrow,.IGNstagesBackground .IGNhorizontalScrollRightArrow{height:32px;width:32px}.IGNstagesHorizontalScrollHeader{column-gap:var(--space-l)}.IGNhorizontalScrollCaption{font-size:12px}.IGNstagesHorizontalScrollCaptionFour,.IGNstagesHorizontalScrollCaptionOne,.IGNstagesHorizontalScrollCaptionThree,.IGNstagesHorizontalScrollCaptionTwo{font-size:16px}}@media screen and (min-width:1100px){.IGNinterfaceOverview{width:140%}.IGNreplayContainer{width:65%}}@media screen and (max-width:1099px) and (min-width:600px){.IGNinterfaceOverview{width:215%}.IGNreplayContainer{width:48%}.IGNreplayButtonText{display:none}}@media screen and (max-width:599px){.IGNinterfaceOverview{width:400%}.IGNreplayContainer{display:none!important}}.IGNinterfaceOverview{display:grid;gap:1.5em 0;grid-auto-flow:row;grid-template-columns:repeat(28,1fr);grid-template-rows:3em auto 3em auto}.IGNinterfaceSlideArea1{grid-area:1/1/5/7}.IGNinterfaceSlideArea2{grid-area:1/8/5/14}.IGNinterfaceSlideArea3{grid-area:1/15/5/21}.IGNinterfaceSlideArea4{grid-area:1/22/5/28}.IGNcodeCompA{grid-area:2/1/5/7;position:relative}.IGNcodeCompB{grid-area:2/8/5/14}.IGNcodeCompC{grid-area:2/15/3/21}.IGNcodeCompD{grid-area:4/15/5/21}.IGNcodeCompE{grid-area:4/22/5/28}.IGNextraCompE{grid-area:2/22/3/29;position:relative}.IGNcontainerB{display:grid;gap:3% 0;grid-area:1/8/4/15;grid-auto-flow:row;grid-template-columns:auto 1fr;grid-template-rows:3em 1fr 3em}.IGNpathBD{grid-area:1/2/4/3}.IGNcompB{grid-area:1/1/2/2}.IGNpathBC{grid-area:1/2/2/3}.IGNcontainerA{display:grid;gap:0 0;grid-area:1/1/4/8;grid-auto-flow:row;grid-template-areas:"IGNcompA IGNpathAB" ". ." ". .";grid-template-columns:auto 1fr;grid-template-rows:3em 1fr 3em}.IGNcompA{grid-area:IGNcompA}.IGNpathAB{grid-area:IGNpathAB}.IGNcontainerD{display:grid;gap:0 0;grid-area:3/15/5/22;grid-auto-flow:row;grid-template-areas:"IGNcompD IGNpathDE" ". ." ". .";grid-template-columns:auto 1fr;grid-template-rows:3em 1fr 3em}.IGNcompD{grid-area:IGNcompD}.IGNpathDE{grid-area:IGNpathDE}.IGNcontainerE{display:grid;gap:0 0;grid-area:3/22/5/29;grid-auto-flow:row;grid-template-areas:"IGNcompE ." ". ." ". .";grid-template-columns:auto 1fr;grid-template-rows:3em 1fr 3em}.IGNcompE{grid-area:IGNcompE}.IGNcontainerC{display:grid;gap:0 0;grid-area:1/15/4/22;grid-auto-flow:row;grid-template-areas:"IGNcompC ." ". ." ". .";grid-template-columns:auto 1fr;grid-template-rows:3em 1fr 3em}.IGNcompC{grid-area:IGNcompC}[class^=IGNcompA],[class^=IGNcompB],[class^=IGNcompC],[class^=IGNcompD],[class^=IGNcompE]{position:relative}[class^=IGNcomponentA],[class^=IGNcomponentB],[class^=IGNcomponentC],[class^=IGNcomponentD],[class^=IGNcomponentE]{align-items:center;border-radius:9999px;display:flex;height:100%;justify-content:center;min-width:170px}.IGNcomponentAplaceholder,.IGNcomponentBplaceholder,.IGNcomponentCplaceholder,.IGNcomponentDplaceholder,.IGNcomponentEplaceholder{align-items:center;background:rgba(var(---blue),.2);border:3px dashed rgba(var(---blue-light),.2);color:rgba(var(---blue-light),.8);display:flex;font-family:Gotham;font-size:14px;font-weight:500;justify-content:center}.IGNcomponentA,.IGNcomponentB,.IGNcomponentC,.IGNcomponentD,.IGNcomponentE{background:var(--white);border:1px solid var(--grey-400);box-shadow:0 4px 8px rgba(0,0,0,.25);position:absolute;top:0;z-index:1}[class^=IGNlogoWrapper]{background:var(--white);border-radius:9999px;display:flex;justify-content:center}.IGNcompWrapper,[class^=IGNlogoWrapper]{align-items:center;height:100%;position:absolute;width:100%}.IGNcompWrapper{display:grid;grid-template-columns:3em 1fr}.IGNcompStatusContainer{align-self:center;height:18px;justify-self:center;position:relative;width:18px}.IGNcompStatusBg{background:var(--green);border-radius:9999px}.IGNcompStatus,.IGNcompStatusBg{box-sizing:border-box;display:block;height:18px;position:absolute;width:18px}.IGNcompStatus{background:var(--grey-300);border:3px solid var(--white);border-radius:9999px;box-shadow:0 1px 2px rgba(0,0,0,.25)}.IGNcompName{align-self:center;color:var(--blue-darker);font-family:Gotham;font-size:14px;font-weight:500;margin:0}[class^=IGNpath]{filter:drop-shadow(0 3px 3px rgb(0 0 0/.3));z-index:1}.IGNpathBg{opacity:.2}.IGNpathStraight{height:100%;width:100%}.IGNpathBranch{height:calc(100% - 2.6em);margin-top:1.2em;width:100%}[class^=IGNcodeCompSnippet]{background:#011627;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);opacity:0;padding:8px 16px 16px}.IGNcodeWrapper{height:100%;overflow:hidden;width:100%}[class^=IGNcodeCompSnippet] pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;line-height:1.5em;tab-size:3}.IGNcodeCompSnippetC .IGNcodeWrapper,.IGNcodeCompSnippetD .IGNcodeWrapper,.IGNcodeCompSnippetE .IGNcodeWrapper{max-height:145px}.IGNcodeCompSnippetC{margin-bottom:2em}.IGNinterfaceSlideArea1.IGNhorizontalScrollItemActive~.IGNcodeCompA .IGNcodeCompSnippetA{outline:1px solid #b47aff}.IGNinterfaceSlideArea2.IGNhorizontalScrollItemActive~.IGNcodeCompB .IGNcodeCompSnippetB{outline:1px solid #909eff}.IGNinterfaceSlideArea3.IGNhorizontalScrollItemActive~.IGNcodeCompC .IGNcodeCompSnippetC,.IGNinterfaceSlideArea3.IGNhorizontalScrollItemActive~.IGNcodeCompD .IGNcodeCompSnippetD{outline:1px solid #5cc4ff}.IGNinterfaceSlideArea4.IGNhorizontalScrollItemActive~.IGNcodeCompE .IGNcodeCompSnippetE{outline:1px solid #5bdddc}.IGNcodeCompAfront{background:var(--white);border:1px solid var(--grey-400);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);padding:16px 24px}.IGNcompAsettingsHeader{color:var(--blue);font-size:14px;font-weight:600}.IGNcompAsettingsIntro{color:var(--grey-600);font-size:12px}.IGNcompAsettings{background:var(--grey-200);border-radius:4px;column-gap:24px;display:grid;font-size:12px;grid-template-columns:auto 1fr;margin-top:8px;padding:16px;row-gap:4px}.IGNcompAsettings>div:nth-child(odd){font-weight:600}.IGNfakeInputField{background:var(--white);border:1px solid var(--grey-400);border-radius:4px;padding-left:8px}.IGNcodeCompAfront{backface-visibility:hidden;opacity:0;position:absolute;width:100%}.IGNcodeCompAback{backface-visibility:hidden;transform:rotateY(180deg)}.theme-night-owl .hljs{background:#011627;color:#d6deeb}.theme-night-owl .hljs-keyword{color:#c792ea;font-style:italic}.theme-night-owl .hljs-title{color:#dcdcaa;font-style:italic}.theme-night-owl .hljs-params{color:#7fdbca}.theme-night-owl .hljs-string{color:#ecc48d}.theme-night-owl .hljs-comment{color:#637777;font-style:italic}.theme-night-owl .hljs-number{color:#f78c6c}.theme-night-owl .hljs-built_in{color:#addb67;font-style:italic}.theme-night-owl .hljs-literal{color:#ff5874}.IGNnotificationPopup{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:18px;bottom:-.5em;box-shadow:0 4px 30px rgba(0,0,0,.1);column-gap:16px;display:grid;grid-template-columns:auto 1fr;max-width:340px;padding:16px;position:absolute;right:-10%;width:85%;z-index:0}.IGNnotificationIcon{filter:drop-shadow(0 1px 1px rgb(0 0 0/.5))}.IGNnotificationTitle{color:var(--grey-200);font-family:Gotham;font-weight:500;line-height:1em;margin-bottom:.85em;text-transform:uppercase}.IGNnotificationMessage,.IGNnotificationTitle{font-size:12px;text-shadow:0 1px 1px rgba(0,0,0,.5)}.IGNnotificationMessage{color:var(--white);letter-spacing:.02em;line-height:1.2em;margin:0}.IGNinterfaceAnimationContainer{position:relative}.IGNreplayContainer{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s;visibility:hidden}#integration[data-scrollIndex="3"] .IGNreplayContainerShown{opacity:1;visibility:visible}.IGNreplayButton{align-items:center;background:#063862;border-radius:32px;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.5);column-gap:8px;cursor:pointer;display:flex;font-size:12px;height:48px;padding:0 12px}.IGNreplayButton img{filter:invert(77%) sepia(65%) saturate(160%) hue-rotate(169deg) brightness(97%) contrast(98%)}.IGNreplayButtonText{color:var(--blue-light);font-family:Gotham;font-weight:500;letter-spacing:.05em;margin-right:8px;text-transform:uppercase}.IGNreplayButton:hover{filter:brightness(110%)}.IGNreplayButton:hover img{filter:invert(100%) sepia(0) saturate(2%) hue-rotate(250deg) brightness(107%) contrast(101%)}.IGNreplayButton:hover .IGNreplayButtonText{color:var(--white)}@media (max-width:1024px){.IGNnotificationPopup{right:-5%}}@media (max-width:768px){.IGNcontainerA,.IGNcontainerB,.IGNcontainerC,.IGNcontainerD,.IGNcontainerE{grid-template-rows:2.25em 1fr 2.25em}.IGNcomponentAplaceholder,.IGNcomponentBplaceholder,.IGNcomponentCplaceholder,.IGNcomponentDplaceholder,.IGNcomponentEplaceholder{font-size:11px}.IGNcompStatus,.IGNcompStatusBg{height:16px;width:16px}.IGNcompName{font-size:11px}[class^=IGNcomponentA],[class^=IGNcomponentB],[class^=IGNcomponentC],[class^=IGNcomponentD],[class^=IGNcomponentE]{min-width:140px}.IGNlogoWrapperA img,.IGNlogoWrapperB img,.IGNlogoWrapperC img,.IGNlogoWrapperD img,.IGNlogoWrapperE img{height:90%}.IGNpathBranch{height:calc(100% - 2.4em);margin-top:.8em}}@media (max-width:480px){.IGNinterfaceOverview{gap:1em 0;grid-template-rows:2.5em auto 2.5em auto}.IGNcomponentAplaceholder,.IGNcomponentBplaceholder,.IGNcomponentCplaceholder,.IGNcomponentDplaceholder,.IGNcomponentEplaceholder{border:2px dashed rgba(var(---blue-light),.2);font-size:13px}.IGNcontainerA,.IGNcontainerB,.IGNcontainerC,.IGNcontainerD,.IGNcontainerE{grid-template-rows:2.5em 1fr 2.5em}.IGNcompWrapper{grid-template-columns:2.5em 1fr}.IGNcompName{font-size:12px}[class^=IGNcodeCompSnippet] pre{font-size:8.5px;line-height:1.4em}.IGNcodeCompSnippetC .IGNcodeWrapper,.IGNcodeCompSnippetD .IGNcodeWrapper,.IGNcodeCompSnippetE .IGNcodeWrapper{max-height:115px}.IGNcodeCompSnippetC{margin-bottom:1em}.IGNpathBranch{height:calc(100% - 2em);margin-top:.9em}.IGNnotificationPopup{bottom:1em;right:0}.IGNnotificationIcon{height:90%;width:90%}.IGNnotificationMessage,.IGNnotificationTitle{font-size:10px}}