.tab,.walkthroughs__tabs{position:relative;display:flex;margin-bottom:-1px;align-items:center}.tab:not(.tab--flush),.walkthroughs__tabs:not(.tab--flush){margin-left:-10px;width:calc(100% + 20px)}@media(max-width: 620px){.tab:not(.tab--flush),.walkthroughs__tabs:not(.tab--flush){margin-left:-6px;width:calc(100% + 12px)}}.tab--space-bottom{margin-bottom:var(--jd-spacing-lg)}@media(max-width: 1240px){.tab--space-bottom{margin-bottom:var(--jd-spacing-md)}}@media(max-width: 620px){.tab--space-bottom{margin-bottom:var(--jd-spacing-xs)}}.tab--centered{justify-content:center}.tab__arrow{display:none;-webkit-appearance:none;appearance:none;position:absolute;z-index:15;right:0px;top:0;width:15px;height:100%;border:0;background:var(--jd-body-background-color);padding:0;overflow:hidden;color:inherit}.tab__arrow--hidden{opacity:0}.tab__arrow-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.tab__arrow-icon svg{width:8px;height:8px;fill:currentColor}.tab__items,.walkthroughs__tab-wrap{display:flex;justify-content:safe center;align-items:flex-end;white-space:nowrap;overflow:auto;padding:10px 0;flex:1;text-align:center;scrollbar-width:none}.tab__items::-webkit-scrollbar,.walkthroughs__tab-wrap::-webkit-scrollbar{display:none}.tab__items::before,.walkthroughs__tab-wrap::before,.tab__items::after,.walkthroughs__tab-wrap::after{transition:.5s ease all;content:"";display:block;position:absolute;z-index:10;pointer-events:none;top:0;width:60px;height:100%;opacity:0;background:url("../images/tab-gradient.png") no-repeat center center/100% 150%;background-image:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(var(--jd-body-background-color-rgb), 50) 90%, rgba(var(--jd-body-background-color-rgb), 1) 100%)}.tab__items::before,.walkthroughs__tab-wrap::before{transform:rotate(180deg);left:0}.tab__items::after,.walkthroughs__tab-wrap::after{right:0}.tab__items--arrow-visible::after{background-image:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(var(--jd-body-background-color-rgb), 50) 60%, rgba(var(--jd-body-background-color-rgb), 1) 100%)}.tab__items--shadow-left::before{opacity:1}.tab__items--shadow-right::after{opacity:1}@media(max-width: 808px){.tab--mobile-select .tab__items,.tab--mobile-select .walkthroughs__tab-wrap{display:none}}.tab__item,.walkthroughs__tab{display:inline-block;position:relative;padding:var(--jd-btn-padding-y) var(--jd-btn-padding-x);color:color-mix(in srgb, currentColor 30%, transparent);line-height:1.5;text-align:center}.tab__item::after,.walkthroughs__tab::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;border-bottom:3px solid color-mix(in srgb, currentColor 25%, transparent);transition:border-bottom-width .1s}.tab__item:hover::after,.walkthroughs__tab:hover::after{border-bottom-width:3px}.wcag-mode .tab__item:not(.tab__item--active):not(.walkthroughs__tab--active),.wcag-mode .walkthroughs__tab:not(.tab__item--active):not(.walkthroughs__tab--active){color:inherit}.tab__item--active,.walkthroughs__tab--active{color:var(--jd-brand)}.tab__item--active::after,.walkthroughs__tab--active::after{border-bottom:3px solid currentColor}@media(max-width: 480px){.tab__item,.walkthroughs__tab{flex-basis:33.3333333333%;padding:10px}.count-2 .tab__item,.count-2 .walkthroughs__tab{flex-basis:50%}}.walkthroughs{position:relative}.walkthroughs__wrap{display:table;table-layout:fixed;width:100%}.walkthroughs__loading{display:none;position:absolute;z-index:9999;bottom:0;left:0;width:100%;height:100%;background:color-mix(in srgb, var(--jd-body-background-color) 90%, transparent)}.walkthroughs--with-tabs .walkthroughs__loading{height:calc(100% - 100px)}@media(max-width: 1380px){.walkthroughs--with-tabs .walkthroughs__loading{height:calc(100% - 80px)}}@media(max-width: 620px){.walkthroughs--with-tabs .walkthroughs__loading{height:calc(100% - 60px)}}.walkthroughs__loading-icon{position:absolute;top:auto;left:50%;transform:translateX(-50%);top:0;transform:translate(-50%, 50%);width:100px}@media(max-width: 980px){.walkthroughs__loading-icon{width:80px}}@media(max-width: 620px){.walkthroughs__loading-icon{width:60px}}.walkthroughs__tabs{margin-bottom:var(--jd-spacing-lg)}@media(max-width: 1380px){.walkthroughs__tabs{margin-bottom:var(--jd-spacing-md)}}@media(max-width: 620px){.walkthroughs__tabs{margin-bottom:var(--jd-spacing-xs)}}.walkthroughs__tab-wrap{display:flex !important}.walkthroughs__tab--mobile-title{display:none}.walkthrough__link{display:flex;align-items:center;width:100%;padding:20px 0;border-bottom:1px solid var(--jd-border-color);color:inherit;gap:var(--jd-gutter)}.walkthrough__link:after{display:table;content:"";clear:both}.walkthrough__link:first-child{padding-top:0}.walkthrough__link:last-child{padding-bottom:0;border-bottom:0}.walkthrough__link:focus{outline:0}@media(min-width: 809px){.walkthrough__link:hover .walkthrough__image-icon{opacity:1}.walkthrough__link:hover .walkthrough__title-main,.walkthrough__link:hover .walkthrough__title-secondary{opacity:.9}.walkthrough__link:hover .walkthrough__action-button{opacity:.85}}@media(max-width: 620px){.walkthrough__link{padding:15px 0}.walkthrough__link:first-child{padding-top:15px}.walkthrough__link:last-child{padding-bottom:15px}.walkthrough__link:hover{background:rgba(0,0,0,.05)}}@media(max-width: 480px){.walkthrough__link{padding:10px 0}.walkthrough__link:first-child{padding-top:10px}.walkthrough__link:last-child{padding-bottom:10px}}.walkthrough__image{position:relative;aspect-ratio:825/500;width:300px;background:var(--jd-light);position:relative}@media(max-width: 980px){.walkthrough__image{width:250px}}@media(max-width: 808px){.walkthrough__image{width:180px}}@media(max-width: 620px){.walkthrough__image{width:140px}}@media(max-width: 480px){.walkthrough__image{width:100px}}.walkthrough__image-icon{transition:opacity .1s ease-in;opacity:0;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:100%;height:100%;background-color:color-mix(in srgb, var(--jd-dark) 50%, transparent)}.walkthrough__image-icon img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;max-height:50%}.walkthrough__image-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .1s ease-in;object-fit:cover}.walkthrough__title{flex:1;vertical-align:middle}.walkthrough__title-main{color:var(--jd-heading-color);letter-spacing:var(--jd-heading-letter-spacing);line-height:var(--jd-heading-line-height);font-family:var(--jd-heading-font-family);font-weight:var(--jd-heading-font-weight);text-transform:var(--jd-heading-text-transform, none);font-size:var(--jd-h4-font-size)}.walkthrough__title-main .alternate{font-weight:var(--jd-heading-font-weight-alternate)}.walkthrough__title-secondary{font-weight:var(--jd-body-font-weight);line-height:1.5}@media(max-width: 808px){.walkthrough__title-secondary{font-size:var(--jd-body-font-size-sm)}}.walkthrough__action{white-space:nowrap;vertical-align:middle}@media(min-width: 809px){.walkthrough__action-button{display:inline-flex;align-items:center;gap:var(--jd-spacing-sm);justify-content:center;border-radius:var(--jd-btn-border-radius);border:var(--jd-btn-border-width) var(--jd-btn-border-style) var(--jd-btn-border-color);background-color:var(--jd-btn-background-color);padding:var(--jd-btn-padding-y) var(--jd-btn-padding-x);color:var(--jd-btn-color);cursor:pointer;line-height:var(--jd-btn-line-height);letter-spacing:var(--jd-btn-letter-spacing);text-align:var(--jd-btn-text-align);text-transform:var(--jd-btn-text-transform);font-family:var(--jd-btn-font-family);font-size:var(--jd-btn-font-size);font-weight:var(--jd-btn-font-weight);transition:opacity .3s,color .3s,background-color .3s,border-color .3s}}@media(min-width: 809px)and (max-width: 808px){.walkthrough__action-button{--jd-btn-padding-y: var(--jd-btn-padding-sm-y);--jd-btn-padding-x: var(--jd-btn-padding-sm-x)}}@media(min-width: 809px){.walkthrough__action-button svg{display:inline-block;transition:.3s ease all;width:auto;height:.6em;fill:currentColor}.walkthrough__action-button svg *{fill:currentColor}.walkthrough__action-button svg line{stroke:currentColor}.walkthrough__action-button:hover{border-color:color-mix(in srgb, var(--jd-btn-border-color) var(--jd-btn-hover-opacity), transparent);background-color:color-mix(in srgb, var(--jd-btn-background-color) var(--jd-btn-hover-opacity), transparent)}.walkthrough__action-button:focus{outline:var(--jd-btn-focus-outline);box-shadow:var(--jd-btn-focus-shadow)}.walkthrough__action-button .offset{top:var(--jd-btn-offset)}.walkthrough__action-button.disabled,.walkthrough__action-button[disabled]{opacity:.3;pointer-events:none}}@media(max-width: 620px){.walkthrough__action-button{width:40px;height:40px;display:inline-block;text-indent:-9999px;background:rgba(0,0,0,0) url("/walkthrough/images/svgs/watch.svg") center center no-repeat;background-size:20px}}.walkthrough__ajax{width:100%;height:100%;position:relative}.walkthrough__ajax-content{width:100%;height:100%;overflow:hidden}.walkthrough__ajax-iframe{width:100%;height:100%;border:0}.page-microsite-walkthroughs .mfp-container{top:50%;transform:translateY(-50%);width:calc(100% - 100px);height:calc(100% - 100px);margin:auto;right:0;left:0;padding:40px;overflow:auto;box-sizing:content-box}@media(max-width: 808px){.page-microsite-walkthroughs .mfp-container{height:70%;overflow:visible}}.page-microsite-walkthroughs .mfp-container.video{width:1000px;height:562px}@media(max-width: 1240px){.page-microsite-walkthroughs .mfp-container.video{width:900px;height:506px}}@media(max-width: 980px){.page-microsite-walkthroughs .mfp-container.video{width:700px;height:394px}}@media(max-width: 808px){.page-microsite-walkthroughs .mfp-container.video{width:100%;height:0;padding:0 0 56.25% 0}}.page-microsite-walkthroughs .mfp-content{width:100% !important;height:100%;position:initial !important;padding:0 !important;background:#fff}@media(max-width: 808px){.page-microsite-walkthroughs .mfp-content{position:absolute !important;top:0;left:0}}.page-microsite-walkthroughs .mfp-close{width:50px;height:50px;top:0;right:0;color:#fff;font-weight:300;font-size:50px;border-radius:50%;line-height:50px;opacity:1;letter-spacing:-1px}.page-microsite-walkthroughs .mfp-close:active{top:0}@media(max-width: 808px){.page-microsite-walkthroughs .mfp-close{font-size:40px}}
/*# sourceMappingURL=walkthroughs.css.map */