.cmp-user-guide-overview{display:grid;grid-template-columns:auto 1fr;gap:6rem;padding:2rem}
.cmp-user-guide-overview .user-guide-overview-title{padding:1.6rem;border:1px solid #e7e9e9;border-radius:1.6rem 1.6rem 0 0;font-weight:600;font-size:2rem;line-height:3.2rem;color:#1b1c1e}
.cmp-user-guide-overview button.user-guide-overview__mobile-toggle-menu-btn{display:none}
.cmp-user-guide-overview button.user-guide-overview__mobile-toggle-menu-btn .button-label{text-align:left}
.cmp-user-guide-overview .user-guide-overview__chevron-icon{font-size:2.5rem;transition:scale .2s ease-in-out}
.cmp-user-guide-overview button.user-guide-filter-category[aria-expanded="true"] .user-guide-overview__chevron-icon,.cmp-user-guide-overview button.user-guide-overview__mobile-toggle-menu-btn[aria-expanded="true"] .user-guide-overview__chevron-icon{scale:-1}
.cmp-user-guide-overview .cmp-user-guide-overview__filter-content{display:none}
.cmp-user-guide-overview .cmp-user-guide-overview__filter-content.open{display:flex;flex-direction:column;gap:2.4rem}
.aem-AuthorLayer-Edit .cmp-user-guide-overview__filter-content{display:block;border-bottom:2px dashed #277777;padding-bottom:3rem;margin-bottom:2.5rem}
.user-guide-filter-menu{display:flex;flex-direction:column;width:33rem;height:fit-content;overflow-y:hidden;border:1px solid #e7e9e9;border-top-width:0;border-radius:0 0 1.6rem 1.6rem}
.user-guide-filter-menu:has(:last-child:focus-visible){overflow-y:unset}
.user-guide-filter-menu button{border-radius:unset}
.user-guide-filter-menu .user-guide-filters-container{display:flex;flex-direction:column}
.user-guide-filter-menu .user-guide-filters-container button.user-guide-filter-category{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem;border:0;border-bottom:1px solid #e7e9e9;background-color:#fff;cursor:pointer;border-left:2px solid transparent;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
.user-guide-filter-menu .user-guide-filters-container button.user-guide-filter-category.selected{background-color:#e3f5f2}
@media(hover:hover){.user-guide-filter-menu .user-guide-filters-container button.user-guide-filter-category:hover{background-color:#e3f5f2}
}
.user-guide-filter-menu .user-guide-filters-container button.user-guide-filter-category:last-child{border-bottom:0}
.user-guide-filter-menu .user-guide-filters-container button.user-guide-filter-category .user-guide-filter-category__content{display:grid;grid-template-columns:3.2rem 1fr;align-items:center;gap:1.6rem}
.user-guide-filter-menu .user-guide-filters-container button.user-guide-filter-category .user-guide-filter-category__icon{font-size:3.2rem;width:3.2rem;height:3.2rem;display:flex;align-items:center}
.user-guide-filter-menu .user-guide-filters-container button.user-guide-filter-category .user-guide-filter-category__title{font-weight:500;font-size:1.8rem;line-height:2.8rem;color:#1b1c1e;text-align:left}
.user-guide-filter-menu .user-guide-filters-container ul.user-guide-item__filters-list{height:0;overflow:hidden;list-style:none;display:flex;flex-direction:column}
.user-guide-filter-menu .user-guide-filters-container ul.user-guide-item__filters-list.open{height:auto}
.user-guide-filter-menu .user-guide-filters-container ul.user-guide-item__filters-list:not(.open) li.user-guide-item__filter{pointer-events:none;user-select:none;display:none}
.user-guide-filter-menu .user-guide-filters-container ul.user-guide-item__filters-list li.user-guide-item__filter button{width:100%;text-align:left;padding:1.6rem 1.6rem 1.6rem 6.8rem;background-color:#fff;font-weight:400;font-size:1.6rem;line-height:2.4rem;color:#505a60;border:2px solid transparent;transition:background-color .2s ease-in-out;cursor:pointer;position:relative}
.user-guide-filter-menu .user-guide-filters-container ul.user-guide-item__filters-list li.user-guide-item__filter button:focus-visible{border:2px solid #1b1c1e;border-radius:1.2rem}
.user-guide-filter-menu .user-guide-filters-container ul.user-guide-item__filters-list li.user-guide-item__filter button.selected{background-color:#e3f5f2}
@media(hover:hover){.user-guide-filter-menu .user-guide-filters-container ul.user-guide-item__filters-list li.user-guide-item__filter button:hover{background-color:#e3f5f2}
}
.user-guide-filter-menu .user-guide-item__filter-button-border{display:none;position:absolute;top:0;left:0;width:.5rem;height:100%;background-color:#277777;border-radius:0 .8rem .8rem 0;transition:height .2s ease-in-out,top .2s ease-in-out,transform .2s ease-in-out}
.user-guide-filter-menu button.user-guide-filter-category:not(:focus-visible).selected .user-guide-item__filter-button-border,.user-guide-filter-menu button.user-guide-item__filter-button:not(:focus-visible).selected .user-guide-item__filter-button-border{display:inline-flex}
@media(hover:hover){.user-guide-filter-menu button.user-guide-filter-category:not(:focus-visible):hover .user-guide-item__filter-button-border,.user-guide-filter-menu button.user-guide-item__filter-button:not(:focus-visible):hover .user-guide-item__filter-button-border{display:inline-flex}
.user-guide-filter-menu button.user-guide-filter-category:not(:focus-visible):hover:not(.selected) .user-guide-item__filter-button-border,.user-guide-filter-menu button.user-guide-item__filter-button:not(:focus-visible):hover:not(.selected) .user-guide-item__filter-button-border{height:2.4rem;align-self:center;top:50%;transform:translateY(-50%)}
}
.cmp-user-guide-overview__results-wrapper{color:#1b1c1e}
.cmp-user-guide-overview__results-wrapper .cmp-user-guide-overview__results__title{font-weight:500;font-size:3.2rem;line-height:4.2rem}
.cmp-user-guide-overview__results-wrapper .user-guide-overview__subtitle-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.cmp-user-guide-overview__results-wrapper .user-guide-overview__subtitle-wrapper.without-subtitle{justify-content:flex-end}
.cmp-user-guide-overview__results-wrapper .cmp-user-guide-overview__results__sub-title{font-weight:400;font-size:2rem;line-height:3rem}
.cmp-user-guide-overview__results-wrapper .cmp-user-guide-overview__results__expand-btn{min-height:unset;padding:0;background-color:transparent;border:0;border-radius:unset;color:#277777;font-weight:500;font-size:1.6rem;line-height:2.4rem;align-items:center;gap:.8rem}
.cmp-user-guide-overview__results-wrapper .cmp-user-guide-overview__results__expand-btn .btn-icon::before{font-weight:700;color:#277777}
.cmp-user-guide-overview__results-wrapper .cmp-user-guide-overview__results{display:flex;flex-direction:column;gap:3.2rem}
@media screen and (max-width:767px){.cmp-user-guide-overview{grid-template-columns:1fr;gap:1.6rem}
.cmp-user-guide-overview .user-guide-overview-title{border:0;border-radius:0;border-inline:0;padding-inline:0}
.cmp-user-guide-overview .user-guide-overview__filters-menu-wrapper{position:relative;width:100%;max-width:40rem}
.cmp-user-guide-overview .user-guide-overview__filters-menu-wrapper.opened .user-guide-filter-menu{visibility:visible;height:fit-content}
.cmp-user-guide-overview button.user-guide-overview__mobile-toggle-menu-btn{display:flex;width:100%;align-items:center;justify-content:space-between;padding:1.6rem 1.6rem 1.6rem 2rem;gap:1.6rem;background:#fff;border:1px solid #1b1c1e;border-radius:2rem;font-weight:500;font-size:1.8rem;line-height:2.8rem;color:#1b1c1e}
.cmp-user-guide-overview button.user-guide-overview__mobile-toggle-menu-btn:focus-visible{outline-offset:.4rem}
.cmp-user-guide-overview .user-guide-filter-menu{visibility:hidden;position:absolute;z-index:100;height:0;overflow:hidden;width:100%}
.cmp-user-guide-overview .user-guide-filter-menu .user-guide-filter-category__title{text-align:left}
.cmp-user-guide-overview .user-guide-filter-menu ul.user-guide-item__filters-list li.user-guide-item__filter button{padding:1.6rem}
}
.cmp_user-guide__title,.cmp_user-guide__subtitle{color:#1b1c1e}
.cmp_user-guide__title.left,.cmp_user-guide__subtitle.left{text-align:left}
.cmp_user-guide__title.center_intro,.cmp_user-guide__subtitle.center_intro{text-align:center}
.cmp_user-guide__title.center_full,.cmp_user-guide__subtitle.center_full{text-align:center;width:100%;display:block}
.cmp_user-guide__title.right,.cmp_user-guide__subtitle.right{text-align:right}
.cmp_user-guide__title.justify,.cmp_user-guide__subtitle.justify{text-align:justify}
.cmp_user-guide__title .user-guide_heading_figma_style{font-weight:500;font-size:3.2rem;line-height:4.2rem}
.cmp_user-guide__subtitle{margin-bottom:2.4rem}
.cmp_user-guide__subtitle .user-guide_heading_figma_style{font-weight:400;font-size:1.6rem;line-height:2.4rem}
.cmp-user-guide-wrapper{margin-block:2.4rem}
.cmp-user-guide-wrapper .cmp_user-guide__title{margin-bottom:4rem}
.cmp-user-guide-wrapper.design-type-classic .cmp_user-guide__title{margin-bottom:1.6rem}
@media screen and (max-width:767px){.cmp-user-guide-wrapper:not(.design-type-classic) .cmp_user-guide__title{margin-bottom:2.4rem}
}
.cmp-user-guide-wrapper .cmp-image,.cmp-user-guide-overview__filter-content .cmp-image{padding:0;width:100%;height:100%}
.cmp-user-guide-wrapper .user-guide-step,.cmp-user-guide-overview__filter-content .user-guide-step{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:100%;background-color:#e3f5f2;font-weight:600;color:#1b1c1e}
.cmp-user-guide-wrapper.step-bg-light .user-guide-step,.cmp-user-guide-overview__filter-content.step-bg-light .user-guide-step{background-color:#fff}
.cmp-user-guide-classic.cmp-user-guide-classic__standalone{padding-bottom:4rem}
.cmp-user-guide-classic .user-guide-classic__two-columns-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem}
.cmp-user-guide-classic .user-guide-classic__one-column-wrapper{display:none;grid-template-columns:1fr;gap:3.2rem}
@media screen and (max-width:480px){.cmp-user-guide-classic .user-guide-classic__two-columns-wrapper{display:none}
.cmp-user-guide-classic .user-guide-classic__one-column-wrapper{display:grid}
.cmp-user-guide-classic .user-guide-expandable__chevron-icon{align-self:flex-start}
}
.cmp-user-guide-classic .user-guide-classic__column{display:flex;flex-direction:column;gap:3.2rem}
.cmp-user-guide-classic .user-guide-classic-item{border:2px solid #e7e9e9;border-radius:2.4rem;padding:1.8rem;color:#1b1c1e}
.cmp-user-guide-classic .user-guide-classic-item .user-guide-classic__header{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:space-between;gap:1rem;min-height:unset;padding:0;border-radius:unset;border:0;background-color:transparent}
.cmp-user-guide-classic .user-guide-classic-item .user-guide-classic__header .user-guide-classic__title{font-weight:600;font-size:2rem;line-height:3rem;text-align:left}
.cmp-user-guide-classic .user-guide-classic-item .user-guide-classic__header .user-guide-expandable__chevron-icon{width:3.6rem;height:3.6rem;font-size:2.5rem;border-radius:100%;border:1px solid #1b1c1e;display:inline-flex;align-items:center;justify-content:center}
.cmp-user-guide-classic .user-guide-classic-item .user-guide-classic__header .user-guide-expandable__chevron-icon::before{transition:scale .2s ease-in-out}
.cmp-user-guide-classic .user-guide-classic-item .user-guide-classic__content-wrapper{max-height:0;overflow-y:hidden;display:flex;flex-direction:column;gap:1.2rem;font-weight:400;font-size:16px;line-height:24px;transition:max-height .2s ease-in-out}
.cmp-user-guide-classic .user-guide-classic-item .user-guide-classic__content-wrapper .user-guide-classic__content{padding-top:1.2rem}
.cmp-user-guide-classic .user-guide-classic-item .user-guide-classic__link{display:flex;align-items:center;gap:1.2rem;font-weight:500;font-size:1.6rem;line-height:2.4rem;color:#277777}
.cmp-user-guide-classic .user-guide-classic-item .user-guide-classic__link svg{fill:#277777}
.cmp-user-guide-classic .user-guide-classic-item.expanded .user-guide-classic__content-wrapper{max-height:100%;overflow-y:unset}
.cmp-user-guide-classic .user-guide-classic-item.expanded .user-guide-expandable__chevron-icon::before{scale:-1}
.cmp-user-guide-classic .user-guide-expandable:not(.expanded) a{pointer-events:none;visibility:hidden}
.cmp-user-guide-classic .user-guide-classic__filter-tags{display:flex;flex-wrap:wrap;margin-bottom:4rem;align-items:flex-start;gap:2.6rem}
.cmp-user-guide-classic .user-guide-classic__filter-tags .user-guide-tag{min-height:unset;display:flex;cursor:pointer;padding:.32rem .8rem;justify-content:center;align-items:center;gap:.8rem;border-radius:.8rem;background-color:#e3f5f2;border:1px solid transparent}
.cmp-user-guide-classic .user-guide-classic__filter-tags .user-guide-tag:hover{border-color:#257669}
.cmp-user-guide-classic .user-guide-classic__filter-tags .user-guide-tag .user-guide-tag-checked__icon{display:none}
.cmp-user-guide-classic .user-guide-classic__filter-tags .user-guide-tag.selected{border:1px solid #257669}
.cmp-user-guide-classic .user-guide-classic__filter-tags .user-guide-tag.selected .user-guide-tag-checked__icon{display:block;font-size:2.4rem}
.cmp-user-guide-classic .user-guide-classic__filter-tags .user-guide-tag.selected .user-guide-tag-checked__icon::before{color:#194b4c}
.cmp-user-guide-classic .user-guide-classic__filter-tags .user-guide-tag .user-guide-tag-text{color:#194b4c;font-size:1.4rem;font-weight:500;line-height:2.4rem}
.cmp-user-guide-overview__results .user-guide-classic__one-column-wrapper{display:grid}
.user-guide-featured .user-guide-featured__container{display:flex;gap:4.8rem;color:#1b1c1e}
.user-guide-featured[data-design-type='image-horizontal'] .user-guide-featured__container{max-width:71.2rem;margin:0 auto;flex-direction:column}
.user-guide-featured .cmp-user-guide__image-container{position:relative;border-radius:2.4rem;overflow:hidden}
.user-guide-featured .cmp-user-guide__image-container img{width:100%;height:100%;object-fit:cover}
.user-guide-featured .cmp-user-guide__items-container{display:flex;flex-direction:column}
.user-guide-featured .cmp-user-guide__item{display:grid;grid-template-columns:4rem 1fr;padding:1.6rem 1.6rem 1.6rem 0;border-bottom:1px solid #cedad8;align-items:center;gap:2.4rem}
.user-guide-featured .cmp-user-guide__item:last-child{border-bottom-color:transparent}
.user-guide-featured[data-design-type='image-horizontal'] .cmp-user-guide__item:not(:last-child){border-bottom-color:#4e575f}
.user-guide-featured .user-guide-step{font-size:2rem;line-height:3rem}
.user-guide-featured .user-guide-body{display:flex;flex-direction:column;word-break:break-all}
.user-guide-featured .user-guide-body .user-guide-title{font-weight:600;font-size:2rem;line-height:3rem;color:#1b1c1e}
.user-guide-featured .user-guide-body .user-guide-description{font-weight:400;font-size:1.6rem;line-height:2.4rem;color:#1b1c1e}
.user-guide-featured:not([data-design-type='image-horizontal']) .cmp-user-guide__image-container{width:33%}
.user-guide-featured:not([data-design-type='image-horizontal']) .cmp-user-guide__items-container{width:66%}
@media screen and (max-width:767px){.user-guide-featured .user-guide-featured__container{flex-direction:column}
.user-guide-featured .user-guide-featured__container .cmp-user-guide__items-container{width:100%}
.user-guide-featured[data-design-type='image-vertical'] .cmp-user-guide__image-container{display:none}
.user-guide-featured[data-design-type='image-horizontal'] .user-guide-featured__container{display:grid;grid-template-columns:1fr 1fr}
}
@media screen and (max-width:480px){.user-guide-featured[data-design-type='image-horizontal'] .user-guide-featured__container{display:flex}
}
.aem-AuthorLayer-Edit .user-guide-featured[data-design-type='image-horizontal'] .cmp-image{min-height:5rem}
.cmp-user-guide-overview__results .user-guide-featured[data-design-type='image-horizontal'] .user-guide-featured__container{max-width:unset}
.user-guide-stepped .user-guide-stepped__container{display:grid;grid-template-columns:1fr 1fr;gap:4.8rem}
.user-guide-stepped .user-guide-stepped__container .cmp-user-guide__item-block-image,.user-guide-stepped .user-guide-stepped__container .cmp-user-guide__item-block-image-mobile{height:fit-content;align-self:flex-end}
.user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item-block-image-mobile{display:none}
.user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item{min-height:34.8rem}
@media screen and (max-width:767px){.user-guide-stepped .user-guide-stepped__container.image-vertical{grid-template-columns:1fr}
.user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item{min-height:unset}
.user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item .cmp-user-guide__item-block-content{width:80%}
.user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item .cmp-user-guide__item-block-image{width:20%}
}
@media screen and (max-width:480px){.user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item .cmp-user-guide__item-block-image{display:none}
.user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item .cmp-user-guide__item-block-image-mobile{display:block;width:30%}
.user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item .cmp-user-guide__item-block-content{gap:.8rem}
.user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item .user-guide-body{display:flex;flex-direction:row;flex-wrap:wrap}
.user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item .user-guide-body .user-guide-title{width:calc(70% - 1.6rem);display:flex;align-items:flex-end}
}
.user-guide-stepped .user-guide-stepped__container.image-horizontal{grid-template-columns:1fr 1fr;gap:3.2rem}
.user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item{min-height:32.8rem;gap:1.6rem}
.user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item .cmp-user-guide__item-block-content{width:35%}
.user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item .cmp-user-guide__item-block-image{width:65%}
.user-guide-stepped .user-guide-stepped__container.image-horizontal .user-guide-icon-and-step.mobile-only{display:none}
@media screen and (max-width:767px){.user-guide-stepped .user-guide-stepped__container.image-horizontal{grid-template-columns:1fr}
.user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item{min-height:unset}
.user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item .cmp-user-guide__item-block-content{width:70%}
.user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item .cmp-user-guide__item-block-image{width:30%;margin-top:0}
}
@media screen and (max-width:480px){.user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item .user-guide-icon-and-step{display:none}
.user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item .user-guide-icon-and-step.mobile-only{display:flex;order:1}
.user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item .cmp-user-guide__item-block-image{order:2}
.user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item .cmp-user-guide__item-block-content{order:3}
}
.user-guide-stepped .user-guide-stepped__container.short-step{gap:3.2rem}
.user-guide-stepped .user-guide-stepped__container.short-step.columns-1{grid-template-columns:1fr}
.user-guide-stepped .user-guide-stepped__container.short-step.columns-2{grid-template-columns:1fr 1fr}
.user-guide-stepped .user-guide-stepped__container.short-step.columns-3{grid-template-columns:1fr 1fr 1fr}
.user-guide-stepped .user-guide-stepped__container.short-step.columns-4{grid-template-columns:1fr 1fr 1fr 1fr}
@media screen and (max-width:767px){.user-guide-stepped .user-guide-stepped__container.short-step[class*="columns-"]{grid-template-columns:1fr 1fr}
}
@media screen and (max-width:480px){.user-guide-stepped .user-guide-stepped__container.short-step[class*="columns-"]{grid-template-columns:1fr}
}
.user-guide-stepped .user-guide-stepped__container.short-step .cmp-user-guide__item{border-width:.4rem;padding:2.8rem}
.user-guide-stepped .user-guide-stepped__container.short-step .cmp-user-guide__item .cmp-user-guide__item-block-content{width:100%;justify-content:flex-start;gap:.8rem}
.user-guide-stepped .user-guide-stepped__container.short-step .user-guide-icon-and-step{gap:2rem}
.user-guide-stepped .user-guide-stepped__container.short-step .user-guide__short-step-icon{height:3.2rem;width:auto}
.user-guide-stepped .user-guide-stepped__container.short-step .user-guide-body{gap:.8rem}
.user-guide-stepped .user-guide-stepped__container .cmp-user-guide__item{display:flex;border:.3rem solid #e7e9e9;border-radius:2.4rem;padding:2.1rem;gap:2.4rem;color:#1b1c1e}
.user-guide-stepped .user-guide-stepped__container .cmp-user-guide__item .cmp-user-guide__item-block-content{width:65%;display:flex;flex-direction:column;gap:1.6rem;justify-content:space-between;word-break:break-all}
.user-guide-stepped .user-guide-stepped__container .cmp-user-guide__item .cmp-user-guide__item-block-image{width:35%}
.user-guide-stepped .user-guide-stepped__container .cmp-user-guide__item .cmp-user-guide__item-block-image img{width:100%;height:auto;object-fit:cover}
.user-guide-stepped .user-guide-icon-and-step{display:flex;flex-direction:column;width:fit-content}
.user-guide-stepped .user-guide-step{font-size:1.6rem;line-height:2.8rem}
.user-guide-stepped .user-guide-body{display:flex;flex-direction:column;gap:1.6rem}
.user-guide-stepped .user-guide-title{font-weight:600;font-size:1.8rem;line-height:2.8rem;color:#1b1c1e}
.user-guide-stepped .user-guide-description{font-weight:400;font-size:1.8rem;line-height:2.8rem;color:#1b1c1e}
@media screen and (max-width:480px){.user-guide-stepped .user-guide-stepped__container .cmp-user-guide__item{flex-direction:column}
.user-guide-stepped .user-guide-stepped__container .cmp-user-guide__item .cmp-user-guide__item-block.cmp-user-guide__item-block-content,.user-guide-stepped .user-guide-stepped__container .cmp-user-guide__item .cmp-user-guide__item-block.cmp-user-guide__item-block-image{width:100%}
}
.cmp-user-guide-overview__results .user-guide-stepped .user-guide-stepped__container.image-vertical,.cmp-user-guide-overview__results .user-guide-stepped .user-guide-stepped__container.image-horizontal{grid-template-columns:1fr}
.cmp-user-guide-overview__results .user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item,.cmp-user-guide-overview__results .user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item{min-height:unset}
.cmp-user-guide-overview__results .user-guide-stepped .user-guide-stepped__container.short-step.columns-1 .cmp-user-guide__item{border-width:.3rem;padding:2.1rem}
@media(min-width:481px){.cmp-user-guide-overview__results .user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item-block-content{width:80%}
.cmp-user-guide-overview__results .user-guide-stepped .user-guide-stepped__container.image-vertical .cmp-user-guide__item-block-image{width:20%}
.cmp-user-guide-overview__results .user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item-block-content{width:70%}
.cmp-user-guide-overview__results .user-guide-stepped .user-guide-stepped__container.image-horizontal .cmp-user-guide__item-block-image{width:30%}
}
.support-layout-container .support-layout-container__wrapper{position:relative}
.support-layout-container .cmp-support-layout-container__lottie-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
:root{--calculator-text-color:#1b1c1e}
div[class*="cmp-layout-container__design--"].cmp-layout-container__design--green,div[class*="cmp-layout-container__design--"].cmp-layout-container__design--green-graphic,div[class*="cmp-layout-container__design--"].cmp-layout-container__design--groovy-grape,div[class*="cmp-layout-container__design--"].cmp-layout-container__design--blue,div[class*="cmp-layout-container__design--"].cmp-layout-container__design--blue-graphic,div[class*="cmp-layout-container__design--"].cmp-layout-container__design--black,div[class*="cmp-layout-container__design--"].cmp-layout-container__design--kb-smartpay-black,div[class*="cmp-layout-container__design--"].cmp-layout-container__design--kb-smartpay-darker-grey,div[class*="cmp-layout-container__design--"].cmp-layout-container__design--kb-smartpay-red{--calculator-text-color:#fff}
.cmp-grid__color.cmp-layout-container__design--blue-graphic,.cmp-grid__color.cmp-layout-container__design--green-graphic,.cmp-grid__color.cmp-layout-container__design--groovy-grape,.cmp-grid__color.cmp-grid__bg_color_277777,.cmp-grid__color.cmp-grid__bg_color_0E4187,.cmp-grid__color.cmp-grid__bg_color_1B1C1E,.cmp-grid__color.cmp-grid__bg_color_005A8C,.cmp-grid__color.cmp-grid__bg_color_7850B4{--calculator-text-color:#fff}
.country-selector-wrapper{padding:3rem 0}
.country-selector-wrapper .cmp-title-subtitle__text-wrapper{color:var(--calculator-text-color);display:flex;flex-direction:column;gap:3.2rem;margin-bottom:4rem}
.country-selector-wrapper .cmp-title-subtitle__text-wrapper .cmp-title__text{margin:unset}
.country-selector-wrapper .country-selector .country-selector__button-wrapper{display:flex;flex-direction:row;gap:1.6rem;align-items:center;max-width:70rem}
.country-selector-wrapper .country-selector .country-selector__button-wrapper .custom-country-select-button{padding:.4rem}
.country-selector-wrapper .country-selector .country-selector__button-wrapper .custom-country-select-button button.country-select-button-trigger.cmp-button__cta.secondary{background-color:#1b1c1e;color:#fff;border:0}
.country-selector-wrapper .country-selector .country-selector__button-wrapper .custom-country-select-button button.country-select-button-trigger.cmp-button__cta.secondary:hover{background-color:#505a60}
.country-selector-wrapper .country-selector .country-selector__button-wrapper .custom-country-select-button button.country-select-button-trigger.cmp-button__cta.secondary:focus-visible{background-color:#1b1c1e;outline:.2rem solid #1b1c1e;outline-offset:.2rem}
.country-selector-wrapper .country-selector.layout-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}
.country-selector-wrapper .country-selector.layout-vertical .country-selector__button-wrapper{flex-direction:column;border-radius:1.6rem;padding:4.8rem;width:100%;justify-content:center;background-color:rgba(255,255,255,0.7);backdrop-filter:blur(100px);box-shadow:3px 7px 25.4px 0 rgba(0,0,0,0.15);gap:1.6rem;max-width:69rem}
.country-selector-wrapper .country-selector.layout-vertical .country-selector__button-wrapper .custom-country-select .selected{border-radius:1.6rem;border-color:#1b1c1e}
.country-selector-wrapper .country-selector.layout-vertical .country-selector__button-wrapper .custom-country-select-button{padding:.2rem;width:100%}
.country-selector-wrapper .country-selector.layout-vertical .country-selector__button-wrapper .custom-country-select-button .country-select-button-trigger{white-space:nowrap;width:100%}
.country-selector-wrapper .country-selector.layout-vertical .country-selector__button-wrapper .selected-label{color:#1b1c1e}
.country-selector-wrapper .country-selector.layout-vertical .country-selector__button-wrapper .wlicon-chevron_down::before{color:#1b1c1e;font-weight:bold}
.country-selector-wrapper .custom-country-select{width:100%;position:relative}
.country-selector-wrapper .custom-country-select .wlicon-chevron_down{transition:transform .3s ease-in-out}
.country-selector-wrapper .custom-country-select.open .wlicon-chevron_down{transform:scale(-1)}
.country-selector-wrapper .custom-country-select.open .country-options{display:block}
.country-selector-wrapper .wlicon-chevron_down::before{color:#7b8a93;font-weight:bold;content:"\e905"}
.country-selector-wrapper .flag-country-name{display:flex;flex-direction:row;min-height:28px;align-items:center;gap:1.6rem}
.country-selector-wrapper .selected{min-height:5.6rem;display:flex;justify-content:space-between;height:100%;padding:.7rem 2.4rem;align-items:center;gap:2.4rem;border-radius:1.6rem;background-color:#fff;border:1px solid #748a97;cursor:pointer}
.country-selector-wrapper .wlicon-global:before{font-size:2.4rem}
.country-selector-wrapper .wlicon:before{font-size:1.6rem}
.country-selector-wrapper ul.country-options{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;max-height:280px;overflow-y:auto;z-index:99;list-style:none;border-radius:1.6rem;box-shadow:0 4px 4px 0 rgba(0,0,0,0.16);padding:0 2rem;scrollbar-width:thin;scrollbar-color:#ccc transparent}
.country-selector-wrapper ul.country-options li{display:flex;padding:.4rem .8rem;gap:1.6rem;cursor:pointer;align-items:center;border:1px solid transparent;border-bottom:solid 1px #e7e9e9}
.country-selector-wrapper ul.country-options li .drop-down__search{border:none !important;width:100%;border-radius:6px;font-size:1.6rem;outline:2px solid #757575;padding:.8rem 1.2rem}
.country-selector-wrapper ul.country-options li.county-dropdown-search{padding:.9rem 0;gap:0;position:sticky;top:0;background:#fff;z-index:2}
.country-selector-wrapper ul.country-options li.county-dropdown-search:hover{border-radius:unset;border:0;background-color:transparent}
.country-selector-wrapper ul.country-options li .drop-down__search:hover{outline:2px solid #1b1c1e}
.country-selector-wrapper ul.country-options li:hover:not(.county-dropdown-search){border-radius:8px;border:1px solid #277777;background-color:#e3f5f2}
.country-selector-wrapper .selected-label{display:flex;align-items:baseline;gap:.8rem;line-height:4rem;color:#505a60}
.country-selector-wrapper .language{font-size:1.4rem}
.country-selector-wrapper .country-select-button-trigger{display:flex;min-height:5rem;padding:11px 16px 11px 20px;justify-content:center;align-items:center;gap:8px;align-self:stretch;white-space:nowrap}
.country-selector-wrapper .country-select-button-trigger .country-select-wl-icon path{fill:currentColor;transition:fill .1s ease-in-out}
.country-selector-wrapper .country-select-button-trigger:hover .country-select-wl-icon path{fill:currentColor}
.country-selector-wrapper .empty-result-message{display:none;margin-left:2rem;margin-top:1rem;color:var(--calculator-text-color)}
@media(max-width:768px){.country-selector-wrapper .country-selector .country-selector__button-wrapper{flex-wrap:wrap}
.country-selector-wrapper .country-selector .country-selector__button-wrapper .custom-country-select-button{width:100%}
.country-selector-wrapper .country-selector .country-selector__button-wrapper .custom-country-select-button button{width:100%}
.country-selector-wrapper .country-selector.layout-vertical .country-selector__button-wrapper{padding:1.6rem}
.country-selector-wrapper .country-selector.layout-vertical .custom-country-select{width:100%}
}
.hero-support-container{padding-block:3.2rem}
.hero-support-container .cmp-support-hero .hero-support_container{position:relative}
.hero-support-container .cmp-hero-support__heading{margin-bottom:1.6rem}
.hero-support-container .cmp-hero-support__subtitle{font-size:2rem;font-weight:400;line-height:2.8rem}
.hero-support-container .hero-support_image-section{grid-row:span 2}
.hero-support-container .container-bg-shape{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:2rem}
.hero-support-container .image-wrapper{position:relative;height:100%;padding:2.4rem 4.8rem 0 4.8rem;border-radius:2.4rem;z-index:10}
.hero-support-container .image-wrapper .asset-bg-shape{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2.4rem}
.hero-support-container .image-wrapper .cmp-image{display:flex;justify-content:center;height:100%;padding:0}
.hero-support-container .image-wrapper .cmp-image img{width:auto;height:auto}
.hero-support-container .support-hero__search-section{display:flex;flex-direction:column;gap:1.6rem}
.hero-support-container .support-hero__search-section label{font-size:2rem;font-weight:500}
.hero-support-container .support-hero__search-section .support-hero__search__input-btn-wrapper{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1.6rem}
.hero-support-container .support-hero__search-section .support-hero__search__input-btn-wrapper .support-hero__search-input__wrapper{flex:1}
.hero-support-container .support-hero__search-section .support-hero__search__input-btn-wrapper .support-hero__search-input__wrapper input{height:unset;min-height:5.8rem;padding:1.5rem 2.4rem;margin:0;border-radius:2rem}
.hero-support-container .support-hero__search-section .support-hero__search__input-btn-wrapper .support-hero__search-button .button{display:flex;padding:1.22rem 1.6rem 1.22rem 2rem;align-items:center;justify-content:center;gap:.8rem;border-radius:3.2rem;font-size:1.6rem;font-weight:500;line-height:2.4rem}
.hero-support-container .support-hero__search-section .support-hero__search__input-btn-wrapper .support-hero__search-button .button svg{fill:currentColor}
@media screen and (max-width:767px){.hero-support-container .hero-support_image-section{margin:0 auto}
.hero-support-container .cmp-support-hero{padding:3.2rem 2.4rem}
.hero-support-container .cmp-support-hero .hero-support_text-section{padding:0}
.hero-support-container .support-hero__search__input-btn-wrapper{display:flex;flex-direction:column;gap:1.6rem}
.hero-support-container .support-hero__search__input-btn-wrapper .support-hero__search-input__wrapper{width:100%}
.hero-support-container .support-hero__search__input-btn-wrapper .support-hero__search-input__wrapper input{max-width:unset}
.hero-support-container .support-hero__search__input-btn-wrapper .support-hero__search-button{width:100%}
.hero-support-container .support-hero__search__input-btn-wrapper .support-hero__search-button button{width:100%}
}
@media only screen and (max-width:359px){.hero-support .image-wrapper{padding-inline:1.6rem}
.hero-support .hero-support_image-section{max-width:unset}
}
.aem-AuthorLayer-Edit .hero-support-container:not(.cmp-hero-support--imgRightContentLeft):not(.cmp-hero-support--imgLeftContentRight) .hero-support_image-section{order:2}
.hero-support-container.with-asset-offset .hero-support_container{position:relative;display:grid;gap:0 14rem;grid-template-columns:1fr 1fr}
.hero-support-container.with-asset-offset .hero-support_container.cmp-hero-support--imgRightContentLeft .hero-support_text-section{order:1}
.hero-support-container.with-asset-offset .hero-support_container.cmp-hero-support--imgRightContentLeft .hero-support_image-section{order:2}
.hero-support-container.with-asset-offset .hero-support_container.cmp-hero-support--imgRightContentLeft .support-hero__search-section{order:3}
.hero-support-container.with-asset-offset .hero-support_container.cmp-hero-support--imgLeftContentRight .hero-support_image-section{order:1}
.hero-support-container.with-asset-offset .hero-support_container.cmp-hero-support--imgLeftContentRight .hero-support_text-section{order:2}
.hero-support-container.with-asset-offset .hero-support_container.cmp-hero-support--imgLeftContentRight .support-hero__search-section{order:3}
.hero-support-container.with-asset-offset .hero-support_image-section{max-width:44.5rem}
.hero-support-container.with-asset-offset .hero-support_image-section.with-asset-shadow .image-wrapper img{filter:drop-shadow(2rem 3rem 4rem rgba(0,0,0,0.4))}
.hero-support-container.with-asset-offset .cmp-image img{position:absolute;bottom:0;transform:translateY(20%)}
@media(min-width:768px){.hero-support-container.with-asset-offset .image-wrapper{min-height:40.7rem}
.hero-support-container.with-asset-offset .image-wrapper .asset-bg-shape{height:100% !important}
}
@media(min-width:768px){.hero-support-container.with-asset-offset.hero-support-container__without-search-section .image-wrapper{min-height:35rem}
}
@media screen and (max-width:767px){.hero-support-container.with-asset-offset .hero-support_container{grid-template-columns:1fr;gap:2.4rem}
.hero-support-container.with-asset-offset .hero-support_image-section{max-width:61.1dvw}
.hero-support-container.with-asset-offset .hero-support_image-section .image-wrapper{aspect-ratio:1.09090909}
.hero-support-container.with-asset-offset .hero-support_image-section .image-wrapper .asset-bg-shape{height:90%}
.hero-support-container.with-asset-offset .hero-support_image-section .image-wrapper .cmp-image img{position:static;height:auto !important;width:auto !important;transform:translateY(0) !important}
}
.hero-support-container.without-asset-offset .cmp-support-hero .hero-support_container{min-height:31.5rem;display:flex;flex-wrap:wrap;gap:2rem}
.hero-support-container.without-asset-offset .cmp-support-hero .hero-support_container .cmp-image{position:relative;overflow:hidden}
.hero-support-container.without-asset-offset .cmp-support-hero .hero-support_container .cmp-image img{position:absolute;width:auto;height:100%}
@media screen and (max-width:767px){.hero-support-container.without-asset-offset .cmp-support-hero .hero-support_container .cmp-image img{position:static}
}
.hero-support-container.without-asset-offset .cmp-support-hero .hero-support_container .hero-support_image-section,.hero-support-container.without-asset-offset .cmp-support-hero .hero-support_container .hero-support_section-wrapper{flex:1}
.hero-support-container.without-asset-offset .cmp-support-hero .hero-support_container.cmp-hero-support--imgLeftContentRight .hero-support_image-section{order:1}
.hero-support-container.without-asset-offset .cmp-support-hero .hero-support_container.cmp-hero-support--imgLeftContentRight .hero-support_section-wrapper{order:2}
.hero-support-container.without-asset-offset .cmp-support-hero .hero-support_container.cmp-hero-support--imgRightContentLeft .hero-support_image-section{order:2}
.hero-support-container.without-asset-offset .cmp-support-hero .hero-support_container.cmp-hero-support--imgRightContentLeft .hero-support_section-wrapper{order:1}
.hero-support-container.without-asset-offset .image-wrapper{padding-block:0}
.hero-support-container.without-asset-offset .container-bg-shape{height:calc(100% - 6rem);top:3rem}
.hero-support-container.without-asset-offset .hero-support_text-section,.hero-support-container.without-asset-offset .support-hero__search-section{padding:7rem}
@media screen and (min-width:768px) and (max-width:1223px){.hero-support-container.without-asset-offset .hero-support_container .cmp-image img{height:fit-content}
}
@media screen and (max-width:1239px){.hero-support-container.without-asset-offset .hero-support_container .cmp-image img{height:fit-content}
}
@media screen and (max-width:767px){.hero-support-container.without-asset-offset .hero-support_container{flex-direction:column;padding:2.4rem}
.hero-support-container.without-asset-offset .container-bg-shape{top:0;height:100%}
.hero-support-container.without-asset-offset .hero-support_text-section,.hero-support-container.without-asset-offset .support-hero__search-section{padding:0}
}
html:not(.aem-AuthorLayer-Edit) .hero-support-container.hero-support-without-image .hero-support_container{display:flex;flex-direction:column;width:60%}
html:not(.aem-AuthorLayer-Edit) .hero-support-container.hero-support-without-image .hero-support_container .hero-support_image-section{display:none}
html:not(.aem-AuthorLayer-Edit) .hero-support-container.hero-support-without-image .hero-support_container .support-hero__search-input__wrapper input{max-width:unset}
@media screen and (max-width:767px){html:not(.aem-AuthorLayer-Edit) .hero-support-container.hero-support-without-image .hero-support_container{width:100%}
}
.faq-component .faq-component-title{padding-bottom:16px}
.faq-component .faq-component-title.faq_heading_figma_style{font-size:28px;font-weight:600;line-height:38px}
.faq-component .faq-filter-tags{display:flex;flex-wrap:wrap;margin-bottom:40px;align-items:flex-start;gap:24px}
.faq-component .faq-filter-tags .faq-tag{display:flex;cursor:pointer;padding:.4rem .8rem .4rem .8rem;justify-content:center;align-items:center;gap:.8rem;border-radius:.8rem;background-color:#e3f5f2;border:1px solid transparent}
.faq-component .faq-filter-tags .faq-tag:hover{border-color:#257669}
.faq-component .faq-filter-tags .faq-tag .faq-tag-checked__icon{display:none}
.faq-component .faq-filter-tags .faq-tag.active{border:1px solid #257669}
.faq-component .faq-filter-tags .faq-tag.active .faq-tag-checked__icon{display:block}
.faq-component .faq-filter-tags .faq-tag.active .faq-tag-checked__icon svg path{fill:#194b4c}
.faq-component .faq-filter-tags .faq-tag .faq-tag-text{color:#194b4c;font-size:14px;font-weight:500;line-height:24px}
.faq-component .faq-component-list{display:grid;grid-template-columns:1fr 1fr;gap:32px;list-style:none;padding:0;margin:0}
.faq-component .faq-component-list .faq-item-odd,.faq-component .faq-component-list .faq-item-even{display:flex;flex-direction:column;box-sizing:border-box;padding:2rem;gap:1.2rem;border-radius:20px;border:2px solid #e7e9e9;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;margin-bottom:3.2rem}
.faq-component .faq-component-list .faq-item-odd:hover,.faq-component .faq-component-list .faq-item-even:hover{box-shadow:0 0 11px rgba(33,33,33,0.2);border-color:#277777;background-color:#e5f1f1}
.faq-component .faq-component-list .faq-item-odd .faq-question,.faq-component .faq-component-list .faq-item-even .faq-question{display:grid;grid-template-columns:1fr auto;align-items:center;font-size:20px;font-weight:600;cursor:pointer;gap:.8rem}
.faq-component .faq-component-list .faq-item-odd .faq-answer,.faq-component .faq-component-list .faq-item-even .faq-answer{font-size:16px;line-height:24px;color:#1b1c1e}
.faq-component .faq-component-list-mobile{display:none}
.faq-component .faq-component-list-mobile .faq-item{padding:16px;border:1px solid #e7e9e9;border-radius:16px;margin-bottom:16px;background:#fff}
.faq-component .faq-component-list-mobile .faq-item .faq-question{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;font-size:18px;font-weight:600}
.faq-component .faq-component-list-mobile .faq-item .faq-answer{font-size:16px;line-height:24px;color:#1b1c1e;margin-top:12px}
.faq-component .faq-arrow_icon{width:36px;height:36px;display:flex;justify-content:center;align-items:center;border:1px solid #1b1c1e;border-radius:32px;transition:transform .2s ease}
.faq-component .faq-arrow_icon svg path{fill:#1b1c1e}
.faq-component .faq-arrow_icon{transition:transform .3s ease}
.faq-component .faq-item[aria-expanded="true"] .faq-arrow_icon{transform:rotate(180deg)}
@media(max-width:768px){.faq-component .faq-component-list{display:none}
.faq-component .faq-component-list-mobile{display:block}
.faq-component .faq-filter-tags{gap:1.2rem}
}
.cmp-support-tabs__panels-container .cmp-support-category-tabs-carousel{padding:0}
.cmp-support-category-tabs-carousel{overflow:hidden;position:relative;min-height:5rem}
.cmp-support-category-tabs-carousel .cmp-smallcarousel{padding:0;margin-top:3.2rem}
.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__header{width:100%;display:grid;grid-template-columns:1fr auto;justify-content:space-between;align-items:center;gap:2rem}
.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__title{color:#1b1c1e}
.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__title.category-carousel__title-style-default{font-size:2.8rem;font-weight:600;line-height:3.8rem}
.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__buttons-wrapper{display:flex;gap:1.6rem}
.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__buttons-wrapper .cmp-support-category-tabs-carousel__btn-left,.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__buttons-wrapper .cmp-support-category-tabs-carousel__btn-right{width:3.6rem;height:3.6rem;min-height:unset;padding:0;background-color:#fff;color:#1b1c1e;border:1px solid #1b1c1e}
.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__buttons-wrapper .cmp-support-category-tabs-carousel__btn-left .cmp-support-category-tabs-carousel-icon,.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__buttons-wrapper .cmp-support-category-tabs-carousel__btn-right .cmp-support-category-tabs-carousel-icon{display:inline-flex;align-items:center;justify-content:center}
.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__buttons-wrapper .cmp-support-category-tabs-carousel__btn-left.disabled,.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__buttons-wrapper .cmp-support-category-tabs-carousel__btn-right.disabled{background-color:#e7e9e9;border:1px solid #e7e9e9}
.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__buttons-wrapper .cmp-support-category-tabs-carousel__btn-left.disabled .cmp-support-category-tabs-carousel-icon svg path,.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__buttons-wrapper .cmp-support-category-tabs-carousel__btn-right.disabled .cmp-support-category-tabs-carousel-icon svg path{fill:#505a60}
.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__buttons-wrapper .cmp-support-category-tabs-carousel__btn-left .wlicon-chevron-right::before{transform:scaleX(-1);display:inline-block}
@media(min-width:481px){.cmp-support-category-tabs-carousel .cmp-smallcarousel .keen-slider__slide{min-width:32.8rem}
}
@media screen and (max-width:480px){.cmp-support-category-tabs-carousel .cmp-smallcarousel{margin-top:0}
.cmp-support-category-tabs-carousel .cmp-support-category-tabs-carousel__header{align-items:start;gap:1.6rem}
}
.aem-AuthorLayer-Edit .cmp-support-category-tabs-carousel .cmp-support-category-tabs__smallcarousel{flex-wrap:wrap}
.aem-AuthorLayer-Edit .cmp-support-category-tabs-carousel .cmp-support-category-tabs__smallcarousel li.cmp-smallcarousel__item{transform:unset !important}
.category-tabs{position:relative;overflow:hidden}
.cmp-support-category-tabs-wrapper{margin:.4rem}
@media(min-width:481px){.cmp-support-category-tabs-wrapper{height:calc(100% - 0.8rem)}
}
.cmp-support-category-tabs{height:100%;max-width:32rem;display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem;border-radius:2rem;background-color:#fff;box-shadow:0 .4rem .4rem 0 rgba(0,0,0,0.12)}
@media screen and (max-width:550px){.cmp-support-category-tabs{margin-inline:auto}
}
@media screen and (max-width:480px){.cmp-support-category-tabs{padding:1.6rem}
}
.cmp-support-category-tabs .category-tabs__image-container{height:20rem;background-color:#a0dcd2;border-radius:2rem;padding:2rem 3rem}
@media screen and (max-width:480px){.cmp-support-category-tabs .category-tabs__image-container{height:20.6rem}
}
.cmp-support-category-tabs .category-tabs__image-container img{width:100%;height:100%;object-fit:contain}
.cmp-support-category-tabs .category-tabs__image-container .cmp-image{width:100%;height:100%;padding:0}
.cmp-support-category-tabs .category-tabs__body{display:grid;grid-template-columns:1fr auto;justify-content:space-between;align-items:center;gap:2rem;margin-top:auto;padding-block:.4rem}
.cmp-support-category-tabs .category-tabs__title{color:#1b1c1e}
.cmp-support-category-tabs .category-tabs__title.category-tabs__title-figma-styles{font-size:2rem;font-weight:600;line-height:3.2rem}
.cmp-support-category-tabs .category-tabs__link{text-decoration:none;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin-top:auto;background-color:#1b1c1e;border-radius:100%;font-size:1.6rem;outline-offset:.2rem}
.cmp-support-category-tabs .category-tabs__link:hover{text-decoration:none}
.cmp-support-category-tabs .category-tabs__link svg{fill:#fff}
.cmp-support-tabs .cmp-support-tabs__tabs-list{display:flex;flex-wrap:wrap;gap:1.6rem;padding:1rem .8rem;background-color:#fff;border-radius:2rem;box-shadow:0 4px 4px 0 rgba(0,0,0,0.16)}
.cmp-support-tabs button.cmp-support-tab__tab{flex:1;background-color:#fff;border:2px solid transparent;border-radius:1.6rem;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;padding:0;outline-offset:.8rem}
.cmp-support-tabs button.cmp-support-tab__tab:hover{border:2px solid #277777;background-color:#daf2ee}
.cmp-support-tabs button.cmp-support-tab__tab.selected{border:3px solid #277777;background-color:#daf2ee}
.cmp-support-tabs button.cmp-support-tab__tab .cmp-support-tab__border-icon{display:none;width:.5rem;height:100%;background-color:#277777;border-radius:0 2rem 2rem 0}
.cmp-support-tabs button.cmp-support-tab__tab .cmp-support-tab__items-wrapper{display:flex;flex-direction:column;gap:1.6rem;padding:1.4rem 1rem;text-align:center}
.cmp-support-tabs button.cmp-support-tab__tab .support-tab__icon{font-size:5rem}
.cmp-support-tabs button.cmp-support-tab__tab .support-tab__title{color:#1b1c1e;font-size:1.6rem;font-weight:700;line-height:2.4rem}
.cmp-support-tabs .cmp-support-tabs__panels-container{padding-top:6.4rem}
.cmp-support-tabs .cmp-support-tabs__panels-container .cmp-support-tabs__panel.hidden-panel{visibility:hidden;height:0;overflow:hidden}
.cmp-support-tabs .cmp-support-tabs__panel__layout-container:has(.cmp-support-hero){margin-bottom:5rem}
.cmp-support-tabs .cmp-support-tabs__panel__layout-container:has(.cmp-support-hero) .content-wrapper.cmp-support-hero{padding:0}
.cmp-support-tabs .only-edit-mode{display:none}
.aem-AuthorLayer-Edit .hide-in-edit-mode{display:none}
.aem-AuthorLayer-Edit .cmp-support-tabs__panels-container .cmp-support-tabs__panel.hidden-panel{visibility:visible;height:auto}
.aem-AuthorLayer-Edit .cmp-support-tabs button.cmp-support-tab__tab{min-width:20rem}
.aem-AuthorLayer-Edit .only-edit-mode{display:block}
.cmp-support-tabs .tabs-toggle-btn{display:none}
.cmp-support-tabs .tabs-toggle-btn .tabs-toggle-btn_icon-title{display:flex;align-items:center;justify-content:center;gap:1.6rem;text-align:left}
.cmp-support-tabs .tabs-toggle-btn .tabs-toggle-btn_icon-title .tabs-toggle-btn__tab-icon{font-size:3.2rem}
.cmp-support-tabs .tabs-toggle-btn .tabs-toggle-btn_icon-title .tabs-toggle-btn__title{color:#1b1c1e;font-size:1.8rem;font-weight:500;line-height:2.8rem}
.cmp-support-tabs .tabs-toggle-btn .tabs-toggle-btn__drop-down-icon{transition:transform .2s ease-in-out}
@media screen and (max-width:1239px){.cmp-support-tabs .support-tabs-list__container{display:flex;flex-direction:column;width:40rem;max-width:100%}
.cmp-support-tabs.open .tabs-toggle-btn__drop-down-icon{transform:scaleY(-1)}
.cmp-support-tabs:not(.open) .cmp-support-tabs__tabs-list:not(.open){display:none}
.cmp-support-tabs .tabs-toggle-btn{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;border:2px solid #1b1c1e;background-color:#fff;padding:1.6rem 1.6rem 1.6rem 2rem;margin:.2rem 0 0 0;gap:1.6rem}
.cmp-support-tabs .tabs-toggle-btn:focus-visible{outline-offset:.2rem}
.cmp-support-tabs .cmp-support-tabs__tabs-list{border-radius:0 0 2rem 2rem;flex-direction:column;gap:0;padding:2rem 0 0 0;transform:translateY(-1.6rem)}
.cmp-support-tabs .cmp-support-tabs__tabs-list button.cmp-support-tab__tab{display:grid;grid-template-columns:auto 1fr;border-radius:0;border:0;outline-offset:unset}
.cmp-support-tabs .cmp-support-tabs__tabs-list button.cmp-support-tab__tab:last-child{border-radius:0 0 2rem 2rem}
.cmp-support-tabs .cmp-support-tabs__tabs-list button.cmp-support-tab__tab.selected .cmp-support-tab__border-icon{display:block}
.cmp-support-tabs .cmp-support-tabs__tabs-list button.cmp-support-tab__tab:not(.selected){border-top:.1rem solid #f0f2f3}
.cmp-support-tabs .cmp-support-tabs__tabs-list button.cmp-support-tab__tab .cmp-support-tab__items-wrapper{flex-direction:row;align-items:center;text-align:left;padding:1.6rem}
.cmp-support-tabs .cmp-support-tabs__tabs-list button.cmp-support-tab__tab .support-tab__icon{font-size:3.2rem}
.cmp-support-tabs .cmp-support-tabs__panels-container{padding-top:2.4rem}
.cmp-support-tabs .cmp-support-tabs__panels-container .support-layout-container__wrapper .hero-support:first-child .hero-support-container{padding-top:0}
.cmp-support-tabs .cmp-support-tabs__panels-container .support-layout-container__wrapper .hero-support:first-child .hero-support-container .cmp-support-hero{padding-top:0}
}
.cmp-breadcrumb{font-size:1.6rem;margin-bottom:48px;width:100%}
.cmp-breadcrumb a,.cmp-breadcrumb a:hover{color:#1b1c1e;text-decoration:underline;text-underline-offset:.4rem;display:inline-block}
.cmp-breadcrumb a:hover{text-decoration-thickness:2px}
@media screen and (max-width:767px){.cmp-breadcrumb{margin-bottom:24px}
}
.cmp-breadcrumb .cmp-breadcrumb-arrow{width:24px;height:24px;display:inline-block;background:url("clientlib-site/resources/images/arrow.svg") no-repeat center}
.cmp-breadcrumb .tooltip.show .tooltiptext{visibility:visible;opacity:1}
.cmp-breadcrumb .tooltip.show a{color:#505a60}
.cmp-breadcrumb .tooltip.show a:hover{color:#505a60}
.cmp-breadcrumb .tooltip .tooltiptext{visibility:hidden;position:absolute;width:162px;background-color:#2c2f2f;color:#c3caca;text-align:center;padding:8px 4px;border-radius:4px;z-index:1;opacity:0;transition:opacity .4s}
.cmp-breadcrumb .tooltip-bottom{top:135%;left:50%;margin-left:-97px}
.cmp-breadcrumb .tooltip{position:relative;display:inline-block;cursor:pointer}
.cmp-breadcrumb .tooltip-bottom::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:7px;border-style:solid;border-color:transparent transparent #2c2f2f transparent}
.cmp-breadcrumb__list{visibility:hidden}
.cmp-breadcrumb__list.ready{visibility:visible}
.cmp-breadcrumb__list{margin:15px 0;padding:0}
.cmp-breadcrumb__item-link{vertical-align:top;color:#5b5b5b}
.cmp-breadcrumb__item-link span{pointer-events:none}
.asset-tile{height:100%}
.asset-tile a.support__clickable-card,.asset-tile a.support__clickable-card:hover{text-decoration:none;outline-offset:.8rem;border-radius:2.4rem;background-color:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,0.16);border:2px solid transparent;transition:border-color .2s ease-in-out;color:#1b1c1e}
@media(hover:hover){.asset-tile a.support__clickable-card:hover,.asset-tile a.support__clickable-card:hover:hover{border:2px solid #1b1c1e}
}
.asset-tile .cmp-asset-tile{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:2.4rem;padding:3.2rem}
.asset-tile .cmp-asset-tile .cmp-asset-tile__icon{display:inline-flex;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;border-radius:1.2rem;background:rgba(69,190,170,0.15);font-size:3.2rem}
.asset-tile .cmp-asset-tile .cmp-asset-tile__dynamic-media-image{height:100%}
.asset-tile .cmp-asset-tile .cmp-asset-tile__dynamic-media-image .cmp-image{height:100%;padding:0}
.asset-tile .cmp-asset-tile .cmp-asset-tile__dynamic-media-image .cmp-image img{width:100%;height:100%;object-fit:cover;border-radius:2.4rem}
.asset-tile .cmp-asset-tile .cmp-asset-tile__body{display:grid;grid-template-columns:1fr auto;gap:1.6rem;align-items:end;margin-top:auto;padding:.2rem 0}
.asset-tile .cmp-asset-tile .cmp-asset-tile__title{color:#1b1c1e}
.asset-tile .cmp-asset-tile p.cmp-asset-tile__title,.asset-tile .cmp-asset-tile .cmp-asset-tile__title.figma-styles{font-size:2rem;font-weight:600;line-height:3.2rem}
.asset-tile .cmp-asset-tile .cmp-asset-tile__title_and_description{color:#1b1c1e}
.asset-tile .cmp-asset-tile .cmp-asset-tile__icon-wrapper{width:4.4rem;display:flex;align-items:center;justify-content:center}
.asset-tile .cmp-asset-tile .cmp-asset-tile__link-icon{width:3.6rem;height:3.6rem;border-radius:100%}
@media screen and (max-width:767px){.asset-tile .cmp-asset-tile{gap:1.6rem;padding:2.4rem}
.asset-tile .cmp-asset-tile .cmp-asset-tile__icon{display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;font-size:2.5rem}
}
.aem-AuthorLayer-Edit .cmp-asset-tile__dynamic-media-image .cmp-image{min-height:3rem}
.asset-grid{min-height:19.5rem}
.asset-grid .cmp-asset-grid__container{position:relative;display:grid;gap:3.2rem;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;padding:2.4rem}
.asset-grid .cmp-asset-grid__container .cmp-asset-grid__item{grid-column:span 3}
.asset-grid.cmp-asset-tile-layout__three-columns .cmp-asset-grid__container .cmp-asset-grid__item{grid-column:span 2}
.asset-grid.cmp-asset-tile-layout__two-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-one-third,.asset-grid.cmp-asset-tile-layout__three-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-one-third{grid-column:span 2}
.asset-grid.cmp-asset-tile-layout__two-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-half,.asset-grid.cmp-asset-tile-layout__three-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-half{grid-column:span 3}
.asset-grid.cmp-asset-tile-layout__two-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-full,.asset-grid.cmp-asset-tile-layout__three-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-full{grid-column:span 6}
.asset-grid .cmp-asset-grid__item{margin:0}
.asset-grid .row-span-2{grid-row:span 2}
.asset-grid .row-span-3{grid-row:span 3}
@media screen and (max-width:767px){.asset-grid.cmp-asset-tile-layout__two-columns .cmp-asset-grid__container,.asset-grid.cmp-asset-tile-layout__three-columns .cmp-asset-grid__container{gap:1.6rem;grid-template-columns:1fr;grid-auto-rows:auto;padding:1.6rem}
.asset-grid.cmp-asset-tile-layout__two-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-one-third,.asset-grid.cmp-asset-tile-layout__three-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-one-third,.asset-grid.cmp-asset-tile-layout__two-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-half,.asset-grid.cmp-asset-tile-layout__three-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-half,.asset-grid.cmp-asset-tile-layout__two-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-full,.asset-grid.cmp-asset-tile-layout__three-columns .cmp-asset-grid__container .cmp-asset-grid__item.col-span-full{grid-column:1}
.asset-grid .row-span-2,.asset-grid .row-span-3{grid-row:unset}
}
.cmp-asset-grid_new-parsys{display:grid;align-items:center;border:2px dotted #757575;grid-column:span 3}
.cmp-asset-tile-layout__three-columns .cmp-asset-grid_new-parsys{grid-column:span 2}
@font-face{font-family:'support-icons';src:url('../clientlib-iconpicker/icon-sprite/resources/icons/support-icons.ttf?kj0d2q') format('truetype'),url('../clientlib-iconpicker/icon-sprite/resources/icons/support-icons.woff?kj0d2q') format('woff'),url('../clientlib-iconpicker/icon-sprite/resources/icons/support-icons.svg?kj0d2q#support-icons') format('svg');font-weight:normal;font-style:normal;font-display:block}
[class^="wl-support-icon-"],[class*=" wl-support-icon-"]{font-family:'support-icons',sans-serif !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.wl-support-icon-account_to_account__icon:before{content:"\e900"}
.wl-support-icon-cash-register__icon:before{content:"\e901"}
.wl-support-icon-chatbot__icon:before{content:"\e904"}
.wl-support-icon-clock_ic:before{content:"\e905"}
.wl-support-icon-consumer_online-buyer__icon:before{content:"\e906";color:#277777}
.wl-support-icon-e-commerce__icon:before{content:"\e907";color:#277777}
.wl-support-icon-facebook_icon:before{content:"\e908"}
.wl-support-icon-Firewall__icon:before{content:"\e909";color:#277777}
.wl-support-icon-freestanding__icon:before{content:"\e90a"}
.wl-support-icon-ic_add_sure-sage:before{content:"\e90b";color:#277777}
.wl-support-icon-ic_arrow_back:before{content:"\e90c"}
.wl-support-icon-ic_arrow_forward_black:before{content:"\e90d"}
.wl-support-icon-ic_arrow_forward_sure-sage:before{content:"\e90e";color:#277777}
.wl-support-icon-ic_blog_black:before{content:"\e90f"}
.wl-support-icon-ic_chevron_left_grey:before{content:"\e910";color:#505a60}
.wl-support-icon-ic_chevron_right_black:before{content:"\e911"}
.wl-support-icon-ic_chevron_right_grey:before{content:"\e912";color:#7b8a93}
.wl-support-icon-ic_chevron_right_grey_rounded:before{content:"\e913";color:#748a97}
.wl-support-icon-ic_close_black:before{content:"\e914"}
.wl-support-icon-ic_close_grey:before{content:"\e915";color:#748a97}
.wl-support-icon-ic_cookie:before{content:"\e916"}
.wl-support-icon-ic_delete:before{content:"\e917"}
.wl-support-icon-ic_document_report:before{content:"\e918"}
.wl-support-icon-ic_done_black:before{content:"\e919"}
.wl-support-icon-ic_done_sure-sage:before{content:"\e91a";color:#18594f}
.wl-support-icon-ic_expand_less_black:before{content:"\e91b"}
.wl-support-icon-ic_expand_less_black_rounded:before{content:"\e91c"}
.wl-support-icon-ic_expand_more_black:before{content:"\e91d"}
.wl-support-icon-ic_expand_more_grey:before{content:"\e91e";color:#748a97}
.wl-support-icon-ic_expand_more_grey2:before{content:"\e91f";color:#505a60}
.wl-support-icon-ic_fingerprint:before{content:"\e920"}
.wl-support-icon-ic_global:before{content:"\e921"}
.wl-support-icon-ic_help:before{content:"\e922"}
.wl-support-icon-ic_help_outline:before{content:"\e923"}
.wl-support-icon-ic_launch:before{content:"\e924"}
.wl-support-icon-ic_lock-closed-secure:before{content:"\e925"}
.wl-support-icon-ic_menu:before{content:"\e926"}
.wl-support-icon-ic_mood:before{content:"\e927"}
.wl-support-icon-ic_more_vert:before{content:"\e928"}
.wl-support-icon-ic_payment-terminals:before{content:"\e929"}
.wl-support-icon-ic_profile_stroke:before{content:"\e92a"}
.wl-support-icon-ic_shopping_cart_filled:before{content:"\e92b"}
.wl-support-icon-ic_sound-on:before{content:"\e92c"}
.wl-support-icon-installation__guide__icon:before{content:"\e92d";color:#277777}
.wl-support-icon-instagram_icon:before{content:"\e92e"}
.wl-support-icon-invoice__icon:before{content:"\e92f";color:#277777}
.wl-support-icon-linkedin_icon:before{content:"\e930"}
.wl-support-icon-merchant__icon:before{content:"\e931";color:#277777}
.wl-support-icon-payment-terminals__icon:before{content:"\e932";color:#277777}
.wl-support-icon-pdf_guide__icon:before{content:"\e933";color:#277777}
.wl-support-icon-play-small__icon:before{content:"\e934"}
.wl-support-icon-tap-on-mobile__icon:before{content:"\e935"}
.wl-support-icon-twitter_icon:before{content:"\e936"}
.wl-support-icon-user__manual__icon:before{content:"\e937";color:#277777}
.wl-support-icon-vending__icon:before{content:"\e938"}
.wl-support-icon-wl-symbol-whitesvg-fill:before{content:"\e939"}
.wl-support-icon-worldline-logo:before{content:"\e93a";color:#45beaa}
.wl-support-icon-youtube_icon:before{content:"\e93b"}
span.fip-box:has(.wl-support-icon-worldline-logo){overflow:hidden}
[class*="cmp-support-gradient-"]{background-position:center;background-size:cover;background-repeat:no-repeat}
.cmp-support-gradient-1{background-image:linear-gradient(to bottom right,#f08791,#ffeb78)}
.cmp-support-gradient-2{background-image:linear-gradient(to bottom right,#46beaa,#ffeb78)}
.cmp-support-gradient-3{background-image:linear-gradient(to bottom right,#ffeb78,#f08791)}
.cmp-support-gradient-4{background-image:linear-gradient(to bottom right,#46beaa,#277777)}
.cmp-support-gradient-5{background-image:linear-gradient(to bottom right,#f08791,#7850b4)}
.cmp-support-gradient-6{background-image:linear-gradient(to bottom right,#005a8c,#41b4d2)}
.cmp-support-gradient-7{background-image:linear-gradient(to bottom right,#7850b4,#46beaa)}
.cmp-support-gradient-8{background-image:linear-gradient(to bottom right,#005a8c,#f08791)}
.cmp-support-gradient-9{background-image:linear-gradient(to bottom right,#e15a46,#7850b4)}