Appliance Colors: How to Choose the Right Look for Your Home | Maytag (2024)

Table of Contents
What to know about appliance colors before choosing What types of appliance colors are available on today’s market? Which kitchen appliance color is right for my design? Can you mix appliance colors in your kitchen? Explore different appliance colors and finishes White appliances Black appliances Stainless steel Appliances Black stainless steel appliances Color appliances Discover appliance color options from Maytag BRAND Find the best appliances for your kitchen WAS THIS ARTICLE HELPFUL? PASS IT ON FAQs References
Appliance Colors: How to Choose the Right Look for Your Home | Maytag (1)

Long gone are the days of retro-color appliances, but that doesn’t mean that you can’t find the perfect appliance color for your desired kitchen aesthetic. With varied options in black, white and stainless steel, you can find refrigerators, ranges, dishwashers and all different kinds of appliances with a diverse range of price points and features for a kitchen that is stylish, durable and functional for any busy family.

What to know about appliance colors before choosing

Appliance Colors: How to Choose the Right Look for Your Home | Maytag (2)

Before starting your search for the right appliance color for your home, there’s a few things that you’ll want to consider:

  • Are you replacing one appliance, or all of them?
  • What style or aesthetic is your kitchen?
  • Is your kitchen large or small?
  • What color cabinets or countertops do you have or want?

All of these questions will help you decide what color appliances work best to complement your kitchen and create a cohesive and stylish look that you’ll love.

What types of appliance colors are available on today’s market?

Appliance Colors: How to Choose the Right Look for Your Home | Maytag (3)

There is no shortage of styles and finishes available in today’s market for kitchen appliances. Besides the ever-popular and sleek stainless steel, you can also find several different options including white appliances, black, matte black, black stainless steel, bronze, dark greys and even some pops of primary colors and pastels.

Which kitchen appliance color is right for my design?

The color appliance that you ultimately choose for your kitchen will depend on your style, budget, material you want to use and what look and feel you want to establish for your space. Stainless steel is a neutral option that is both elegant and modern and goes with a variety of styles and colors without compromising design. Black stainless is a newer finish that has come into the market within the past few years, and though still considered neutral, it provides a stylish flair to your space.

White appliances are classic and timeless and will brighten up your space while also saving you a few dollars, as they tend to be more economical than stainless steel. Black appliances are a durable and more economical choice that will give you a more modern feel to your home.

Can you mix appliance colors in your kitchen?

Appliance Colors: How to Choose the Right Look for Your Home | Maytag (10)

While you are more likely to see uniform color appliances in home kitchens, you can certainly mix and match. White, black and stainless are considered neutral shades, and can be mixed so long as they are not too close in color with each other. Avoid using the same color appliances from different brands, since they often have slightly different color variations and finishes that may not look cohesive in a space. If you’re looking to add a pop of color, but don’t want to commit to one single hue, mixing color appliances with stainless steel, black or white appliances can be a good design option.

Explore different appliance colors and finishes

Appliance Colors: How to Choose the Right Look for Your Home | Maytag (11)
Appliance Colors: How to Choose the Right Look for Your Home | Maytag (12)

White appliances

White has been a staple appliance color for decades, and for good reason. Besides tending to be a more economical choice, the soft hue of white will brighten up your kitchen. White appliances are also great if you have pale-toned cabinets or dark ceilings, as well as if you want to mix and match different color appliances. The drawback with white appliances is that fingerprints and smudges tend to show, so they may require more frequent cleaning.

Appliance Colors: How to Choose the Right Look for Your Home | Maytag (13)

Black appliances

For a modern and sophisticated style, black appliances can elevate the look of your home and kitchen. If your cabinets and wall color are monochromatic, black appliances can create a bold and dramatic contrast to white cabinets. Conversely, if you have dark cabinetry, black appliances can create a cohesive and streamlined look. If you have a large kitchen, black appliances can help the space from looking vast and bare.Another plus–smudges and splatters aren’t as visible as with white appliances.

Appliance Colors: How to Choose the Right Look for Your Home | Maytag (14)

Stainless steel Appliances

Stainless steel appliances are among the most popular choices for appliance colors because of the versatility they offer to your space and their durability and dependability. From ultra-modern, to traditional and even mid-century modern, stainless steel appliances can bring together your whole look, while offering an upscale feel to your space. They can be a little tougher to keep gleaming and shiny if your kitchen is a high-traffic area, but overall, the neutral look of stainless steel provides elegance to your kitchen for years to come.


If you are sold on having stainless steel in your home, but would rather not have to always wipe down your appliances, Maytag offers fingerprint resistant stainless steel appliances that are engineered to resist fingerprints and smudges. They are quick and easy to wipe down, so your kitchen and appliances can always shine and look like new.

See Also
Outdated granite countertop styles in 2024

Black stainless steel appliances

An updated take on a classic, black stainless steel brings the neutrality of traditional stainless, but with an added layer of sophistication often associated with the color black. They’re also meant to give a warmer feel to the sometimes industrial look that traditional stainless steel can have, and their darker tone can help resist fingerprints and smudges better than their traditional counterparts. Because they often have a matte finish, they blend in perfectly with cabinets that also have a matte or satin finish.

Color appliances

For the daring and for those that want to make a statement in their kitchen, certain brands offer color appliances in a variety of shades, while others let you totally customize your appliances for a look that is uniquely yours. If you want something that is more non-traditional without being too daring, there are more subtle options like bronze, brown and even rose gold that give your home a more unconventional look while still maintaining some neutrality.

Discover appliance color options from Maytag BRAND

Explore different Maytag® appliances and finishes for your dream kitchen.

Appliance Colors: How to Choose the Right Look for Your Home | Maytag (18)

GET MORE WITH A MAYTAG ACCOUNT

Sign in to unlock special savings

SIGN IN

Find the best appliances for your kitchen

Related Pages:

Browse All Info Hub Articles

WAS THIS ARTICLE HELPFUL? PASS IT ON

`);return i.attr("data-swiper-slide-index")||i.attr("data-swiper-slide-index",t),a.cache&&(s.virtual.cache[t]=i),i},appendSlide(e){const t=this;if("object"==typeof e&&"length"in e)for(let s=0;s

{const a=e[t],n=a.attr("data-swiper-slide-index");n&&a.attr("data-swiper-slide-index",parseInt(n,10)+1),s[parseInt(t,10)+i]=a}),t.virtual.cache=s}t.virtual.update(!0),t.slideTo(a,0)},removeSlide(e){const t=this;if(null==e)return;let s=t.activeIndex;if(Array.isArray(e))for(let a=e.length-1;a>=0;a-=1)t.virtual.slides.splice(e[a],1),t.params.virtual.cache&&delete t.virtual.cache[e[a]],e[a]0&&0===t.$el.parents("."+t.params.slideActiveClass).length)return;const a=o.innerWidth,i=o.innerHeight,n=t.$el.offset();s&&(n.left-=t.$el[0].scrollLeft);const r=[[n.left,n.top],[n.left+t.width,n.top],[n.left,n.top+t.height],[n.left+t.width,n.top+t.height]];for(let t=0;t=0&&s[0]<=a&&s[1]>=0&&s[1]<=i&&(e=!0)}if(!e)return}t.isHorizontal()?((l||d||c||p)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),((d||p)&&!s||(l||c)&&s)&&t.slideNext(),((l||c)&&!s||(d||p)&&s)&&t.slidePrev()):((l||d||u||h)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),(d||h)&&t.slideNext(),(l||u)&&t.slidePrev()),t.emit("keyPress",i)}},enable(){this.keyboard.enabled||(d(n).on("keydown",this.keyboard.handle),this.keyboard.enabled=!0)},disable(){this.keyboard.enabled&&(d(n).off("keydown",this.keyboard.handle),this.keyboard.enabled=!1)}};var W={name:"keyboard",params:{keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}},create(){u.extend(this,{keyboard:{enabled:!1,enable:q.enable.bind(this),disable:q.disable.bind(this),handle:q.handle.bind(this)}})},on:{init(){const e=this;e.params.keyboard.enabled&&e.keyboard.enable()},destroy(){const e=this;e.keyboard.enabled&&e.keyboard.disable()}}};const R={lastScrollTime:u.now(),lastEventBeforeSnap:void 0,recentWheelEvents:[],event:()=>o.navigator.userAgent.indexOf("firefox")>-1?"DOMMouseScroll":function(){let e="onwheel"in n;if(!e){const t=n.createElement("div");t.setAttribute("onwheel","return;"),e="function"==typeof t.onwheel}return!e&&n.implementation&&n.implementation.hasFeature&&!0!==n.implementation.hasFeature("","")&&(e=n.implementation.hasFeature("Events.wheel","3.0")),e}()?"wheel":"mousewheel",normalize(e){let t=0,s=0,a=0,i=0;return"detail"in e&&(s=e.detail),"wheelDelta"in e&&(s=-e.wheelDelta/120),"wheelDeltaY"in e&&(s=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=s,s=0),a=10*t,i=10*s,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(a=e.deltaX),e.shiftKey&&!a&&(a=i,i=0),(a||i)&&e.deltaMode&&(1===e.deltaMode?(a*=40,i*=40):(a*=800,i*=800)),a&&!t&&(t=a<1?-1:1),i&&!s&&(s=i<1?-1:1),{spinX:t,spinY:s,pixelX:a,pixelY:i}},handleMouseEnter(){this.mouseEntered=!0},handleMouseLeave(){this.mouseEntered=!1},handle(e){let t=e;const s=this,a=s.params.mousewheel;s.params.cssMode&&t.preventDefault();let i=s.$el;if("container"!==s.params.mousewheel.eventsTarged&&(i=d(s.params.mousewheel.eventsTarged)),!s.mouseEntered&&!i[0].contains(t.target)&&!a.releaseOnEdges)return!0;t.originalEvent&&(t=t.originalEvent);let n=0;const r=s.rtlTranslate?-1:1,o=R.normalize(t);if(a.forceToAxis)if(s.isHorizontal()){if(!(Math.abs(o.pixelX)>Math.abs(o.pixelY)))return!0;n=-o.pixelX*r}else{if(!(Math.abs(o.pixelY)>Math.abs(o.pixelX)))return!0;n=-o.pixelY}else n=Math.abs(o.pixelX)>Math.abs(o.pixelY)?-o.pixelX*r:-o.pixelY;if(0===n)return!0;if(a.invert&&(n=-n),s.params.freeMode){const e={time:u.now(),delta:Math.abs(n),direction:Math.sign(n)},{lastEventBeforeSnap:i}=s.mousewheel,r=i&&e.time=s.minTranslate()&&(i=s.minTranslate()),i<=s.maxTranslate()&&(i=s.maxTranslate()),s.setTransition(0),s.setTranslate(i),s.updateProgress(),s.updateActiveIndex(),s.updateSlidesClasses(),(!o&&s.isBeginning||!l&&s.isEnd)&&s.updateSlidesClasses(),s.params.freeModeSticky){clearTimeout(s.mousewheel.timeout),s.mousewheel.timeout=void 0;const t=s.mousewheel.recentWheelEvents;t.length>=15&&t.shift();const a=t.length?t[t.length-1]:void 0,i=t[0];if(t.push(e),a&&(e.delta>a.delta||e.direction!==a.direction))t.splice(0);else if(t.length>=15&&e.time-i.time<500&&i.delta-e.delta>=1&&e.delta<=6){const a=n>0?.8:.2;s.mousewheel.lastEventBeforeSnap=e,t.splice(0),s.mousewheel.timeout=u.nextTick(()=>{s.slideToClosest(s.params.speed,!0,void 0,a)},0)}s.mousewheel.timeout||(s.mousewheel.timeout=u.nextTick(()=>{s.mousewheel.lastEventBeforeSnap=e,t.splice(0),s.slideToClosest(s.params.speed,!0,void 0,.5)},500))}if(r||s.emit("scroll",t),s.params.autoplay&&s.params.autoplayDisableOnInteraction&&s.autoplay.stop(),i===s.minTranslate()||i===s.maxTranslate())return!0}}else{const t={time:u.now(),delta:Math.abs(n),direction:Math.sign(n),raw:e},a=s.mousewheel.recentWheelEvents;a.length>=2&&a.shift();const i=a.length?a[a.length-1]:void 0;if(a.push(t),i?(t.direction!==i.direction||t.delta>i.delta||t.time>i.time+150)&&s.mousewheel.animateSlider(t):s.mousewheel.animateSlider(t),s.mousewheel.releaseScroll(t))return!0}return t.preventDefault?t.preventDefault():t.returnValue=!1,!1},animateSlider(e){const t=this;return e.delta>=6&&u.now()-t.mousewheel.lastScrollTime<60||(e.direction<0?t.isEnd&&!t.params.loop||t.animating||(t.slideNext(),t.emit("scroll",e.raw)):t.isBeginning&&!t.params.loop||t.animating||(t.slidePrev(),t.emit("scroll",e.raw)),t.mousewheel.lastScrollTime=(new o.Date).getTime(),!1)},releaseScroll(e){const t=this,s=t.params.mousewheel;if(e.direction<0){if(t.isEnd&&!t.params.loop&&s.releaseOnEdges)return!0}else if(t.isBeginning&&!t.params.loop&&s.releaseOnEdges)return!0;return!1},enable(){const e=this,t=R.event();if(e.params.cssMode)return e.wrapperEl.removeEventListener(t,e.mousewheel.handle),!0;if(!t)return!1;if(e.mousewheel.enabled)return!1;let s=e.$el;return"container"!==e.params.mousewheel.eventsTarged&&(s=d(e.params.mousewheel.eventsTarged)),s.on("mouseenter",e.mousewheel.handleMouseEnter),s.on("mouseleave",e.mousewheel.handleMouseLeave),s.on(t,e.mousewheel.handle),e.mousewheel.enabled=!0,!0},disable(){const e=this,t=R.event();if(e.params.cssMode)return e.wrapperEl.addEventListener(t,e.mousewheel.handle),!0;if(!t)return!1;if(!e.mousewheel.enabled)return!1;let s=e.$el;return"container"!==e.params.mousewheel.eventsTarged&&(s=d(e.params.mousewheel.eventsTarged)),s.off(t,e.mousewheel.handle),e.mousewheel.enabled=!1,!0}};const _={update(){const e=this,t=e.params.navigation;if(e.params.loop)return;const{$nextEl:s,$prevEl:a}=e.navigation;a&&a.length>0&&(e.isBeginning?a.addClass(t.disabledClass):a.removeClass(t.disabledClass),a[e.params.watchOverflow&&e.isLocked?"addClass":"removeClass"](t.lockClass)),s&&s.length>0&&(e.isEnd?s.addClass(t.disabledClass):s.removeClass(t.disabledClass),s[e.params.watchOverflow&&e.isLocked?"addClass":"removeClass"](t.lockClass))},onPrevClick(e){e.preventDefault(),this.isBeginning&&!this.params.loop||this.slidePrev()},onNextClick(e){e.preventDefault(),this.isEnd&&!this.params.loop||this.slideNext()},init(){const e=this,t=e.params.navigation;if(!t.nextEl&&!t.prevEl)return;let s,a;t.nextEl&&(s=d(t.nextEl),e.params.uniqueNavElements&&"string"==typeof t.nextEl&&s.length>1&&1===e.$el.find(t.nextEl).length&&(s=e.$el.find(t.nextEl))),t.prevEl&&(a=d(t.prevEl),e.params.uniqueNavElements&&"string"==typeof t.prevEl&&a.length>1&&1===e.$el.find(t.prevEl).length&&(a=e.$el.find(t.prevEl))),s&&s.length>0&&s.on("click",e.navigation.onNextClick),a&&a.length>0&&a.on("click",e.navigation.onPrevClick),u.extend(e.navigation,{$nextEl:s,nextEl:s&&s[0],$prevEl:a,prevEl:a&&a[0]})},destroy(){const e=this,{$nextEl:t,$prevEl:s}=e.navigation;t&&t.length&&(t.off("click",e.navigation.onNextClick),t.removeClass(e.params.navigation.disabledClass)),s&&s.length&&(s.off("click",e.navigation.onPrevClick),s.removeClass(e.params.navigation.disabledClass))}};const j={update(){const e=this,t=e.rtl,s=e.params.pagination;if(!s.el||!e.pagination.el||!e.pagination.$el||0===e.pagination.$el.length)return;const a=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,i=e.pagination.$el;let n;const r=e.params.loop?Math.ceil((a-2*e.loopedSlides)/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(n=Math.ceil((e.activeIndex-e.loopedSlides)/e.params.slidesPerGroup),n>a-1-2*e.loopedSlides&&(n-=a-2*e.loopedSlides),n>r-1&&(n-=r),n<0&&"bullets"!==e.params.paginationType&&(n=r+n)):n=void 0!==e.snapIndex?e.snapIndex:e.activeIndex||0,"bullets"===s.type&&e.pagination.bullets&&e.pagination.bullets.length>0){const a=e.pagination.bullets;let r,o,l;if(s.dynamicBullets&&(e.pagination.bulletSize=a.eq(0)[e.isHorizontal()?"outerWidth":"outerHeight"](!0),i.css(e.isHorizontal()?"width":"height",e.pagination.bulletSize*(s.dynamicMainBullets+4)+"px"),s.dynamicMainBullets>1&&void 0!==e.previousIndex&&(e.pagination.dynamicBulletIndex+=n-e.previousIndex,e.pagination.dynamicBulletIndex>s.dynamicMainBullets-1?e.pagination.dynamicBulletIndex=s.dynamicMainBullets-1:e.pagination.dynamicBulletIndex<0&&(e.pagination.dynamicBulletIndex=0)),r=n-e.pagination.dynamicBulletIndex,o=r+(Math.min(a.length,s.dynamicMainBullets)-1),l=(o+r)/2),a.removeClass(`${s.bulletActiveClass} ${s.bulletActiveClass}-next ${s.bulletActiveClass}-next-next ${s.bulletActiveClass}-prev ${s.bulletActiveClass}-prev-prev ${s.bulletActiveClass}-main`),i.length>1)a.each((e,t)=>{const a=d(t),i=a.index();i===n&&a.addClass(s.bulletActiveClass),s.dynamicBullets&&(i>=r&&i<=o&&a.addClass(s.bulletActiveClass+"-main"),i===r&&a.prev().addClass(s.bulletActiveClass+"-prev").prev().addClass(s.bulletActiveClass+"-prev-prev"),i===o&&a.next().addClass(s.bulletActiveClass+"-next").next().addClass(s.bulletActiveClass+"-next-next"))});else{const t=a.eq(n),i=t.index();if(t.addClass(s.bulletActiveClass),s.dynamicBullets){const t=a.eq(r),n=a.eq(o);for(let e=r;e<=o;e+=1)a.eq(e).addClass(s.bulletActiveClass+"-main");if(e.params.loop)if(i>=a.length-s.dynamicMainBullets){for(let e=s.dynamicMainBullets;e>=0;e-=1)a.eq(a.length-e).addClass(s.bulletActiveClass+"-main");a.eq(a.length-s.dynamicMainBullets-1).addClass(s.bulletActiveClass+"-prev")}else t.prev().addClass(s.bulletActiveClass+"-prev").prev().addClass(s.bulletActiveClass+"-prev-prev"),n.next().addClass(s.bulletActiveClass+"-next").next().addClass(s.bulletActiveClass+"-next-next");else t.prev().addClass(s.bulletActiveClass+"-prev").prev().addClass(s.bulletActiveClass+"-prev-prev"),n.next().addClass(s.bulletActiveClass+"-next").next().addClass(s.bulletActiveClass+"-next-next")}}if(s.dynamicBullets){const i=Math.min(a.length,s.dynamicMainBullets+4),n=(e.pagination.bulletSize*i-e.pagination.bulletSize)/2-l*e.pagination.bulletSize,r=t?"right":"left";a.css(e.isHorizontal()?r:"top",n+"px")}}if("fraction"===s.type&&(i.find("."+s.currentClass).text(s.formatFractionCurrent(n+1)),i.find("."+s.totalClass).text(s.formatFractionTotal(r))),"progressbar"===s.type){let t;t=s.progressbarOpposite?e.isHorizontal()?"vertical":"horizontal":e.isHorizontal()?"horizontal":"vertical";const a=(n+1)/r;let o=1,l=1;"horizontal"===t?o=a:l=a,i.find("."+s.progressbarFillClass).transform(`translate3d(0,0,0) scaleX(${o}) scaleY(${l})`).transition(e.params.speed)}"custom"===s.type&&s.renderCustom?(i.html(s.renderCustom(e,n+1,r)),e.emit("paginationRender",e,i[0])):e.emit("paginationUpdate",e,i[0]),i[e.params.watchOverflow&&e.isLocked?"addClass":"removeClass"](s.lockClass)},render(){const e=this,t=e.params.pagination;if(!t.el||!e.pagination.el||!e.pagination.$el||0===e.pagination.$el.length)return;const s=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,a=e.pagination.$el;let i="";if("bullets"===t.type){const n=e.params.loop?Math.ceil((s-2*e.loopedSlides)/e.params.slidesPerGroup):e.snapGrid.length;for(let s=0;s${t.bulletElement}>`;a.html(i),e.pagination.bullets=a.find("."+t.bulletClass)}"fraction"===t.type&&(i=t.renderFraction?t.renderFraction.call(e,t.currentClass,t.totalClass):` / `,a.html(i)),"progressbar"===t.type&&(i=t.renderProgressbar?t.renderProgressbar.call(e,t.progressbarFillClass):``,a.html(i)),"custom"!==t.type&&e.emit("paginationRender",e.pagination.$el[0])},init(){const e=this,t=e.params.pagination;if(!t.el)return;let s=d(t.el);0!==s.length&&(e.params.uniqueNavElements&&"string"==typeof t.el&&s.length>1&&(s=e.$el.find(t.el)),"bullets"===t.type&&t.clickable&&s.addClass(t.clickableClass),s.addClass(t.modifierClass+t.type),"bullets"===t.type&&t.dynamicBullets&&(s.addClass(`${t.modifierClass}${t.type}-dynamic`),e.pagination.dynamicBulletIndex=0,t.dynamicMainBullets<1&&(t.dynamicMainBullets=1)),"progressbar"===t.type&&t.progressbarOpposite&&s.addClass(t.progressbarOppositeClass),t.clickable&&s.on("click","."+t.bulletClass,(function(t){t.preventDefault();let s=d(this).index()*e.params.slidesPerGroup;e.params.loop&&(s+=e.loopedSlides),e.slideTo(s)})),u.extend(e.pagination,{$el:s,el:s[0]}))},destroy(){const e=this.params.pagination;if(!e.el||!this.pagination.el||!this.pagination.$el||0===this.pagination.$el.length)return;const t=this.pagination.$el;t.removeClass(e.hiddenClass),t.removeClass(e.modifierClass+e.type),this.pagination.bullets&&this.pagination.bullets.removeClass(e.bulletActiveClass),e.clickable&&t.off("click","."+e.bulletClass)}};const U={setTranslate(){const e=this;if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:t,rtlTranslate:s,progress:a}=e,{dragSize:i,trackSize:n,$dragEl:r,$el:o}=t,l=e.params.scrollbar;let d=i,c=(n-i)*a;s?(c=-c,c>0?(d=i-c,c=0):-c+i>n&&(d=n+c)):c<0?(d=i+c,c=0):c+i>n&&(d=n-c),e.isHorizontal()?(r.transform(`translate3d(${c}px, 0, 0)`),r[0].style.width=d+"px"):(r.transform(`translate3d(0px, ${c}px, 0)`),r[0].style.height=d+"px"),l.hide&&(clearTimeout(e.scrollbar.timeout),o[0].style.opacity=1,e.scrollbar.timeout=setTimeout(()=>{o[0].style.opacity=0,o.transition(400)},1e3))},setTransition(e){this.params.scrollbar.el&&this.scrollbar.el&&this.scrollbar.$dragEl.transition(e)},updateSize(){const e=this;if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:t}=e,{$dragEl:s,$el:a}=t;s[0].style.width="",s[0].style.height="";const i=e.isHorizontal()?a[0].offsetWidth:a[0].offsetHeight,n=e.size/e.virtualSize,r=n*(i/e.size);let o;o="auto"===e.params.scrollbar.dragSize?i*n:parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?s[0].style.width=o+"px":s[0].style.height=o+"px",a[0].style.display=n>=1?"none":"",e.params.scrollbar.hide&&(a[0].style.opacity=0),u.extend(t,{trackSize:i,divider:n,moveDivider:r,dragSize:o}),t.$el[e.params.watchOverflow&&e.isLocked?"addClass":"removeClass"](e.params.scrollbar.lockClass)},getPointerPosition(e){return this.isHorizontal()?"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientX:e.clientX:"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientY:e.clientY},setDragPosition(e){const{scrollbar:t,rtlTranslate:s}=this,{$el:a,dragSize:i,trackSize:n,dragStartPos:r}=t;let o;o=(t.getPointerPosition(e)-a.offset()[this.isHorizontal()?"left":"top"]-(null!==r?r:i/2))/(n-i),o=Math.max(Math.min(o,1),0),s&&(o=1-o);const l=this.minTranslate()+(this.maxTranslate()-this.minTranslate())*o;this.updateProgress(l),this.setTranslate(l),this.updateActiveIndex(),this.updateSlidesClasses()},onDragStart(e){const t=this,s=t.params.scrollbar,{scrollbar:a,$wrapperEl:i}=t,{$el:n,$dragEl:r}=a;t.scrollbar.isTouched=!0,t.scrollbar.dragStartPos=e.target===r[0]||e.target===r?a.getPointerPosition(e)-e.target.getBoundingClientRect()[t.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),i.transition(100),r.transition(100),a.setDragPosition(e),clearTimeout(t.scrollbar.dragTimeout),n.transition(0),s.hide&&n.css("opacity",1),t.params.cssMode&&t.$wrapperEl.css("scroll-snap-type","none"),t.emit("scrollbarDragStart",e)},onDragMove(e){const{scrollbar:t,$wrapperEl:s}=this,{$el:a,$dragEl:i}=t;this.scrollbar.isTouched&&(e.preventDefault?e.preventDefault():e.returnValue=!1,t.setDragPosition(e),s.transition(0),a.transition(0),i.transition(0),this.emit("scrollbarDragMove",e))},onDragEnd(e){const t=this,s=t.params.scrollbar,{scrollbar:a,$wrapperEl:i}=t,{$el:n}=a;t.scrollbar.isTouched&&(t.scrollbar.isTouched=!1,t.params.cssMode&&(t.$wrapperEl.css("scroll-snap-type",""),i.transition("")),s.hide&&(clearTimeout(t.scrollbar.dragTimeout),t.scrollbar.dragTimeout=u.nextTick(()=>{n.css("opacity",0),n.transition(400)},1e3)),t.emit("scrollbarDragEnd",e),s.snapOnRelease&&t.slideToClosest())},enableDraggable(){const e=this;if(!e.params.scrollbar.el)return;const{scrollbar:t,touchEventsTouch:s,touchEventsDesktop:a,params:i}=e,r=t.$el[0],o=!(!h.passiveListener||!i.passiveListeners)&&{passive:!1,capture:!1},l=!(!h.passiveListener||!i.passiveListeners)&&{passive:!0,capture:!1};h.touch?(r.addEventListener(s.start,e.scrollbar.onDragStart,o),r.addEventListener(s.move,e.scrollbar.onDragMove,o),r.addEventListener(s.end,e.scrollbar.onDragEnd,l)):(r.addEventListener(a.start,e.scrollbar.onDragStart,o),n.addEventListener(a.move,e.scrollbar.onDragMove,o),n.addEventListener(a.end,e.scrollbar.onDragEnd,l))},disableDraggable(){const e=this;if(!e.params.scrollbar.el)return;const{scrollbar:t,touchEventsTouch:s,touchEventsDesktop:a,params:i}=e,r=t.$el[0],o=!(!h.passiveListener||!i.passiveListeners)&&{passive:!1,capture:!1},l=!(!h.passiveListener||!i.passiveListeners)&&{passive:!0,capture:!1};h.touch?(r.removeEventListener(s.start,e.scrollbar.onDragStart,o),r.removeEventListener(s.move,e.scrollbar.onDragMove,o),r.removeEventListener(s.end,e.scrollbar.onDragEnd,l)):(r.removeEventListener(a.start,e.scrollbar.onDragStart,o),n.removeEventListener(a.move,e.scrollbar.onDragMove,o),n.removeEventListener(a.end,e.scrollbar.onDragEnd,l))},init(){const e=this;if(!e.params.scrollbar.el)return;const{scrollbar:t,$el:s}=e,a=e.params.scrollbar;let i=d(a.el);e.params.uniqueNavElements&&"string"==typeof a.el&&i.length>1&&1===s.find(a.el).length&&(i=s.find(a.el));let n=i.find("."+e.params.scrollbar.dragClass);0===n.length&&(n=d(``),i.append(n)),u.extend(t,{$el:i,el:i[0],$dragEl:n,dragEl:n[0]}),a.draggable&&t.enableDraggable()},destroy(){this.scrollbar.disableDraggable()}};const K={setTransform(e,t){const{rtl:s}=this,a=d(e),i=s?-1:1,n=a.attr("data-swiper-parallax")||"0";let r=a.attr("data-swiper-parallax-x"),o=a.attr("data-swiper-parallax-y");const l=a.attr("data-swiper-parallax-scale"),c=a.attr("data-swiper-parallax-opacity");if(r||o?(r=r||"0",o=o||"0"):this.isHorizontal()?(r=n,o="0"):(o=n,r="0"),r=r.indexOf("%")>=0?parseInt(r,10)*t*i+"%":r*t*i+"px",o=o.indexOf("%")>=0?parseInt(o,10)*t+"%":o*t+"px",null!=c){const e=c-(c-1)*(1-Math.abs(t));a[0].style.opacity=e}if(null==l)a.transform(`translate3d(${r}, ${o}, 0px)`);else{const e=l-(l-1)*(1-Math.abs(t));a.transform(`translate3d(${r}, ${o}, 0px) scale(${e})`)}},setTranslate(){const e=this,{$el:t,slides:s,progress:a,snapGrid:i}=e;t.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((t,s)=>{e.parallax.setTransform(s,a)}),s.each((t,s)=>{let n=s.progress;e.params.slidesPerGroup>1&&"auto"!==e.params.slidesPerView&&(n+=Math.ceil(t/2)-a*(i.length-1)),n=Math.min(Math.max(n,-1),1),d(s).find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((t,s)=>{e.parallax.setTransform(s,n)})})},setTransition(e=this.params.speed){const{$el:t}=this;t.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((t,s)=>{const a=d(s);let i=parseInt(a.attr("data-swiper-parallax-duration"),10)||e;0===e&&(i=0),a.transition(i)})}};const Z={getDistanceBetweenTouches(e){if(e.targetTouches.length<2)return 1;const t=e.targetTouches[0].pageX,s=e.targetTouches[0].pageY,a=e.targetTouches[1].pageX,i=e.targetTouches[1].pageY;return Math.sqrt((a-t)**2+(i-s)**2)},onGestureStart(e){const t=this,s=t.params.zoom,a=t.zoom,{gesture:i}=a;if(a.fakeGestureTouched=!1,a.fakeGestureMoved=!1,!h.gestures){if("touchstart"!==e.type||"touchstart"===e.type&&e.targetTouches.length<2)return;a.fakeGestureTouched=!0,i.scaleStart=Z.getDistanceBetweenTouches(e)}i.$slideEl&&i.$slideEl.length||(i.$slideEl=d(e.target).closest("."+t.params.slideClass),0===i.$slideEl.length&&(i.$slideEl=t.slides.eq(t.activeIndex)),i.$imageEl=i.$slideEl.find("img, svg, canvas, picture, .swiper-zoom-target"),i.$imageWrapEl=i.$imageEl.parent("."+s.containerClass),i.maxRatio=i.$imageWrapEl.attr("data-swiper-zoom")||s.maxRatio,0!==i.$imageWrapEl.length)?(i.$imageEl&&i.$imageEl.transition(0),t.zoom.isScaling=!0):i.$imageEl=void 0},onGestureChange(e){const t=this.params.zoom,s=this.zoom,{gesture:a}=s;if(!h.gestures){if("touchmove"!==e.type||"touchmove"===e.type&&e.targetTouches.length<2)return;s.fakeGestureMoved=!0,a.scaleMove=Z.getDistanceBetweenTouches(e)}a.$imageEl&&0!==a.$imageEl.length&&(s.scale=h.gestures?e.scale*s.currentScale:a.scaleMove/a.scaleStart*s.currentScale,s.scale>a.maxRatio&&(s.scale=a.maxRatio-1+(s.scale-a.maxRatio+1)**.5),s.scalei.touchesStart.x))return void(i.isTouched=!1);if(!t.isHorizontal()&&(Math.floor(i.minY)===Math.floor(i.startY)&&i.touchesCurrent.yi.touchesStart.y))return void(i.isTouched=!1)}e.cancelable&&e.preventDefault(),e.stopPropagation(),i.isMoved=!0,i.currentX=i.touchesCurrent.x-i.touchesStart.x+i.startX,i.currentY=i.touchesCurrent.y-i.touchesStart.y+i.startY,i.currentXi.maxX&&(i.currentX=i.maxX-1+(i.currentX-i.maxX+1)**.8),i.currentYi.maxY&&(i.currentY=i.maxY-1+(i.currentY-i.maxY+1)**.8),n.prevPositionX||(n.prevPositionX=i.touchesCurrent.x),n.prevPositionY||(n.prevPositionY=i.touchesCurrent.y),n.prevTime||(n.prevTime=Date.now()),n.x=(i.touchesCurrent.x-n.prevPositionX)/(Date.now()-n.prevTime)/2,n.y=(i.touchesCurrent.y-n.prevPositionY)/(Date.now()-n.prevTime)/2,Math.abs(i.touchesCurrent.x-n.prevPositionX)<2&&(n.x=0),Math.abs(i.touchesCurrent.y-n.prevPositionY)<2&&(n.y=0),n.prevPositionX=i.touchesCurrent.x,n.prevPositionY=i.touchesCurrent.y,n.prevTime=Date.now(),a.$imageWrapEl.transform(`translate3d(${i.currentX}px, ${i.currentY}px,0)`)}},onTouchEnd(){const e=this.zoom,{gesture:t,image:s,velocity:a}=e;if(!t.$imageEl||0===t.$imageEl.length)return;if(!s.isTouched||!s.isMoved)return s.isTouched=!1,void(s.isMoved=!1);s.isTouched=!1,s.isMoved=!1;let i=300,n=300;const r=a.x*i,o=s.currentX+r,l=a.y*n,d=s.currentY+l;0!==a.x&&(i=Math.abs((o-s.currentX)/a.x)),0!==a.y&&(n=Math.abs((d-s.currentY)/a.y));const c=Math.max(i,n);s.currentX=o,s.currentY=d;const p=s.width*e.scale,u=s.height*e.scale;s.minX=Math.min(t.slideWidth/2-p/2,0),s.maxX=-s.minX,s.minY=Math.min(t.slideHeight/2-u/2,0),s.maxY=-s.minY,s.currentX=Math.max(Math.min(s.currentX,s.maxX),s.minX),s.currentY=Math.max(Math.min(s.currentY,s.maxY),s.minY),t.$imageWrapEl.transition(c).transform(`translate3d(${s.currentX}px, ${s.currentY}px,0)`)},onTransitionEnd(){const e=this.zoom,{gesture:t}=e;t.$slideEl&&this.previousIndex!==this.activeIndex&&(t.$imageEl&&t.$imageEl.transform("translate3d(0,0,0) scale(1)"),t.$imageWrapEl&&t.$imageWrapEl.transform("translate3d(0,0,0)"),e.scale=1,e.currentScale=1,t.$slideEl=void 0,t.$imageEl=void 0,t.$imageWrapEl=void 0)},toggle(e){const t=this.zoom;t.scale&&1!==t.scale?t.out():t.in(e)},in(e){const t=this,s=t.zoom,a=t.params.zoom,{gesture:i,image:n}=s;if(i.$slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?i.$slideEl=t.$wrapperEl.children("."+t.params.slideActiveClass):i.$slideEl=t.slides.eq(t.activeIndex),i.$imageEl=i.$slideEl.find("img, svg, canvas, picture, .swiper-zoom-target"),i.$imageWrapEl=i.$imageEl.parent("."+a.containerClass)),!i.$imageEl||0===i.$imageEl.length)return;let r,o,l,d,c,p,u,h,m,f,g,v,b,w,y,x,E,T;i.$slideEl.addClass(""+a.zoomedSlideClass),void 0===n.touchesStart.x&&e?(r="touchend"===e.type?e.changedTouches[0].pageX:e.pageX,o="touchend"===e.type?e.changedTouches[0].pageY:e.pageY):(r=n.touchesStart.x,o=n.touchesStart.y),s.scale=i.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,s.currentScale=i.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,e?(E=i.$slideEl[0].offsetWidth,T=i.$slideEl[0].offsetHeight,l=i.$slideEl.offset().left,d=i.$slideEl.offset().top,c=l+E/2-r,p=d+T/2-o,m=i.$imageEl[0].offsetWidth,f=i.$imageEl[0].offsetHeight,g=m*s.scale,v=f*s.scale,b=Math.min(E/2-g/2,0),w=Math.min(T/2-v/2,0),y=-b,x=-w,u=c*s.scale,h=p*s.scale,uy&&(u=y),hx&&(h=x)):(u=0,h=0),i.$imageWrapEl.transition(300).transform(`translate3d(${u}px, ${h}px,0)`),i.$imageEl.transition(300).transform(`translate3d(0,0,0) scale(${s.scale})`)},out(){const e=this,t=e.zoom,s=e.params.zoom,{gesture:a}=t;a.$slideEl||(e.params.virtual&&e.params.virtual.enabled&&e.virtual?a.$slideEl=e.$wrapperEl.children("."+e.params.slideActiveClass):a.$slideEl=e.slides.eq(e.activeIndex),a.$imageEl=a.$slideEl.find("img, svg, canvas, picture, .swiper-zoom-target"),a.$imageWrapEl=a.$imageEl.parent("."+s.containerClass)),a.$imageEl&&0!==a.$imageEl.length&&(t.scale=1,t.currentScale=1,a.$imageWrapEl.transition(300).transform("translate3d(0,0,0)"),a.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)"),a.$slideEl.removeClass(""+s.zoomedSlideClass),a.$slideEl=void 0)},enable(){const e=this,t=e.zoom;if(t.enabled)return;t.enabled=!0;const s=!("touchstart"!==e.touchEvents.start||!h.passiveListener||!e.params.passiveListeners)&&{passive:!0,capture:!1},a=!h.passiveListener||{passive:!1,capture:!0},i="."+e.params.slideClass;h.gestures?(e.$wrapperEl.on("gesturestart",i,t.onGestureStart,s),e.$wrapperEl.on("gesturechange",i,t.onGestureChange,s),e.$wrapperEl.on("gestureend",i,t.onGestureEnd,s)):"touchstart"===e.touchEvents.start&&(e.$wrapperEl.on(e.touchEvents.start,i,t.onGestureStart,s),e.$wrapperEl.on(e.touchEvents.move,i,t.onGestureChange,a),e.$wrapperEl.on(e.touchEvents.end,i,t.onGestureEnd,s),e.touchEvents.cancel&&e.$wrapperEl.on(e.touchEvents.cancel,i,t.onGestureEnd,s)),e.$wrapperEl.on(e.touchEvents.move,"."+e.params.zoom.containerClass,t.onTouchMove,a)},disable(){const e=this,t=e.zoom;if(!t.enabled)return;e.zoom.enabled=!1;const s=!("touchstart"!==e.touchEvents.start||!h.passiveListener||!e.params.passiveListeners)&&{passive:!0,capture:!1},a=!h.passiveListener||{passive:!1,capture:!0},i="."+e.params.slideClass;h.gestures?(e.$wrapperEl.off("gesturestart",i,t.onGestureStart,s),e.$wrapperEl.off("gesturechange",i,t.onGestureChange,s),e.$wrapperEl.off("gestureend",i,t.onGestureEnd,s)):"touchstart"===e.touchEvents.start&&(e.$wrapperEl.off(e.touchEvents.start,i,t.onGestureStart,s),e.$wrapperEl.off(e.touchEvents.move,i,t.onGestureChange,a),e.$wrapperEl.off(e.touchEvents.end,i,t.onGestureEnd,s),e.touchEvents.cancel&&e.$wrapperEl.off(e.touchEvents.cancel,i,t.onGestureEnd,s)),e.$wrapperEl.off(e.touchEvents.move,"."+e.params.zoom.containerClass,t.onTouchMove,a)}};const Q={loadInSlide(e,t=!0){const s=this,a=s.params.lazy;if(void 0===e)return;if(0===s.slides.length)return;const i=s.virtual&&s.params.virtual.enabled?s.$wrapperEl.children(`.${s.params.slideClass}[data-swiper-slide-index="${e}"]`):s.slides.eq(e);let n=i.find(`.${a.elementClass}:not(.${a.loadedClass}):not(.${a.loadingClass})`);!i.hasClass(a.elementClass)||i.hasClass(a.loadedClass)||i.hasClass(a.loadingClass)||(n=n.add(i[0])),0!==n.length&&n.each((e,n)=>{const r=d(n);r.addClass(a.loadingClass);const o=r.attr("data-background"),l=r.attr("data-src"),c=r.attr("data-srcset"),p=r.attr("data-sizes"),u=r.parent("picture");s.loadImage(r[0],l||o,c,p,!1,()=>{if(null!=s&&s&&(!s||s.params)&&!s.destroyed){if(o?(r.css("background-image",`url("${o}")`),r.removeAttr("data-background")):(c&&(r.attr("srcset",c),r.removeAttr("data-srcset")),p&&(r.attr("sizes",p),r.removeAttr("data-sizes")),u.length&&u.children("source").each((e,t)=>{const s=d(t);s.attr("data-srcset")&&(s.attr("srcset",s.attr("data-srcset")),s.removeAttr("data-srcset"))}),l&&(r.attr("src",l),r.removeAttr("data-src"))),r.addClass(a.loadedClass).removeClass(a.loadingClass),i.find("."+a.preloaderClass).remove(),s.params.loop&&t){const e=i.attr("data-swiper-slide-index");if(i.hasClass(s.params.slideDuplicateClass)){const t=s.$wrapperEl.children(`[data-swiper-slide-index="${e}"]:not(.${s.params.slideDuplicateClass})`);s.lazy.loadInSlide(t.index(),!1)}else{const t=s.$wrapperEl.children(`.${s.params.slideDuplicateClass}[data-swiper-slide-index="${e}"]`);s.lazy.loadInSlide(t.index(),!1)}}s.emit("lazyImageReady",i[0],r[0]),s.params.autoHeight&&s.updateAutoHeight()}}),s.emit("lazyImageLoad",i[0],r[0])})},load(){const e=this,{$wrapperEl:t,params:s,slides:a,activeIndex:i}=e,n=e.virtual&&s.virtual.enabled,r=s.lazy;let o=s.slidesPerView;function l(e){if(n){if(t.children(`.${s.slideClass}[data-swiper-slide-index="${e}"]`).length)return!0}else if(a[e])return!0;return!1}function c(e){return n?d(e).attr("data-swiper-slide-index"):d(e).index()}if("auto"===o&&(o=0),e.lazy.initialImageLoaded||(e.lazy.initialImageLoaded=!0),e.params.watchSlidesVisibility)t.children("."+s.slideVisibleClass).each((t,s)=>{const a=n?d(s).attr("data-swiper-slide-index"):d(s).index();e.lazy.loadInSlide(a)});else if(o>1)for(let t=i;t1||r.loadPrevNextAmount&&r.loadPrevNextAmount>1){const t=r.loadPrevNextAmount,s=o,n=Math.min(i+s+Math.max(t,s),a.length),d=Math.max(i-Math.max(s,t),0);for(let t=i+o;t0&&e.lazy.loadInSlide(c(a));const i=t.children("."+s.slidePrevClass);i.length>0&&e.lazy.loadInSlide(c(i))}}};const J={LinearSpline:function(e,t){const s=function(){let e,t,s;return(a,i)=>{for(t=-1,e=a.length;e-t>1;)s=e+t>>1,a[s]<=i?t=s:e=s;return e}}();let a,i;return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(i=s(this.x,e),a=i-1,(e-this.x[a])*(this.y[i]-this.y[a])/(this.x[i]-this.x[a])+this.y[a]):0},this},getInterpolateFunction(e){const t=this;t.controller.spline||(t.controller.spline=t.params.loop?new J.LinearSpline(t.slidesGrid,e.slidesGrid):new J.LinearSpline(t.snapGrid,e.snapGrid))},setTranslate(e,t){const s=this,a=s.controller.control;let i,n;function r(e){const t=s.rtlTranslate?-s.translate:s.translate;"slide"===s.params.controller.by&&(s.controller.getInterpolateFunction(e),n=-s.controller.spline.interpolate(-t)),n&&"container"!==s.params.controller.by||(i=(e.maxTranslate()-e.minTranslate())/(s.maxTranslate()-s.minTranslate()),n=(t-s.minTranslate())*i+e.minTranslate()),s.params.controller.inverse&&(n=e.maxTranslate()-n),e.updateProgress(n),e.setTranslate(n,s),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(a))for(let e=0;e{t.updateAutoHeight()}),t.$wrapperEl.transitionEnd(()=>{a&&(t.params.loop&&"slide"===s.params.controller.by&&t.loopFix(),t.transitionEnd())}))}if(Array.isArray(a))for(i=0;i(e.attr("tabIndex","0"),e),makeElNotFocusable:e=>(e.attr("tabIndex","-1"),e),addElRole:(e,t)=>(e.attr("role",t),e),addElLabel:(e,t)=>(e.attr("aria-label",t),e),disableEl:e=>(e.attr("aria-disabled",!0),e),enableEl:e=>(e.attr("aria-disabled",!1),e),onEnterKey(e){const t=this,s=t.params.a11y;if(13!==e.keyCode)return;const a=d(e.target);t.navigation&&t.navigation.$nextEl&&a.is(t.navigation.$nextEl)&&(t.isEnd&&!t.params.loop||t.slideNext(),t.isEnd?t.a11y.notify(s.lastSlideMessage):t.a11y.notify(s.nextSlideMessage)),t.navigation&&t.navigation.$prevEl&&a.is(t.navigation.$prevEl)&&(t.isBeginning&&!t.params.loop||t.slidePrev(),t.isBeginning?t.a11y.notify(s.firstSlideMessage):t.a11y.notify(s.prevSlideMessage)),t.pagination&&a.is("."+t.params.pagination.bulletClass)&&a[0].click()},notify(e){const t=this.a11y.liveRegion;0!==t.length&&(t.html(""),t.html(e))},updateNavigation(){const e=this;if(e.params.loop||!e.navigation)return;const{$nextEl:t,$prevEl:s}=e.navigation;s&&s.length>0&&(e.isBeginning?(e.a11y.disableEl(s),e.a11y.makeElNotFocusable(s)):(e.a11y.enableEl(s),e.a11y.makeElFocusable(s))),t&&t.length>0&&(e.isEnd?(e.a11y.disableEl(t),e.a11y.makeElNotFocusable(t)):(e.a11y.enableEl(t),e.a11y.makeElFocusable(t)))},updatePagination(){const e=this,t=e.params.a11y;e.pagination&&e.params.pagination.clickable&&e.pagination.bullets&&e.pagination.bullets.length&&e.pagination.bullets.each((s,a)=>{const i=d(a);e.a11y.makeElFocusable(i),e.a11y.addElRole(i,"button"),e.a11y.addElLabel(i,t.paginationBulletMessage.replace(/\{\{index\}\}/,i.index()+1))})},init(){const e=this;e.$el.append(e.a11y.liveRegion);const t=e.params.a11y;let s,a;e.navigation&&e.navigation.$nextEl&&(s=e.navigation.$nextEl),e.navigation&&e.navigation.$prevEl&&(a=e.navigation.$prevEl),s&&(e.a11y.makeElFocusable(s),e.a11y.addElRole(s,"button"),e.a11y.addElLabel(s,t.nextSlideMessage),s.on("keydown",e.a11y.onEnterKey)),a&&(e.a11y.makeElFocusable(a),e.a11y.addElRole(a,"button"),e.a11y.addElLabel(a,t.prevSlideMessage),a.on("keydown",e.a11y.onEnterKey)),e.pagination&&e.params.pagination.clickable&&e.pagination.bullets&&e.pagination.bullets.length&&e.pagination.$el.on("keydown","."+e.params.pagination.bulletClass,e.a11y.onEnterKey)},destroy(){const e=this;let t,s;e.a11y.liveRegion&&e.a11y.liveRegion.length>0&&e.a11y.liveRegion.remove(),e.navigation&&e.navigation.$nextEl&&(t=e.navigation.$nextEl),e.navigation&&e.navigation.$prevEl&&(s=e.navigation.$prevEl),t&&t.off("keydown",e.a11y.onEnterKey),s&&s.off("keydown",e.a11y.onEnterKey),e.pagination&&e.params.pagination.clickable&&e.pagination.bullets&&e.pagination.bullets.length&&e.pagination.$el.off("keydown","."+e.params.pagination.bulletClass,e.a11y.onEnterKey)}};const te={init(){const e=this;if(!e.params.history)return;if(!o.history||!o.history.pushState)return e.params.history.enabled=!1,void(e.params.hashNavigation.enabled=!0);const t=e.history;t.initialized=!0,t.paths=te.getPathValues(),(t.paths.key||t.paths.value)&&(t.scrollToSlide(0,t.paths.value,e.params.runCallbacksOnInit),e.params.history.replaceState||o.addEventListener("popstate",e.history.setHistoryPopState))},destroy(){const e=this;e.params.history.replaceState||o.removeEventListener("popstate",e.history.setHistoryPopState)},setHistoryPopState(){this.history.paths=te.getPathValues(),this.history.scrollToSlide(this.params.speed,this.history.paths.value,!1)},getPathValues(){const e=o.location.pathname.slice(1).split("/").filter(e=>""!==e),t=e.length;return{key:e[t-2],value:e[t-1]}},setHistory(e,t){if(!this.history.initialized||!this.params.history.enabled)return;const s=this.slides.eq(t);let a=te.slugify(s.attr("data-history"));o.location.pathname.includes(e)||(a=`${e}/${a}`);const i=o.history.state;i&&i.value===a||(this.params.history.replaceState?o.history.replaceState({value:a},null,a):o.history.pushState({value:a},null,a))},slugify:e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),scrollToSlide(e,t,s){const a=this;if(t)for(let i=0,n=a.slides.length;i{e.params.autoplay.reverseDirection?e.params.loop?(e.loopFix(),e.slidePrev(e.params.speed,!0,!0),e.emit("autoplay")):e.isBeginning?e.params.autoplay.stopOnLastSlide?e.autoplay.stop():(e.slideTo(e.slides.length-1,e.params.speed,!0,!0),e.emit("autoplay")):(e.slidePrev(e.params.speed,!0,!0),e.emit("autoplay")):e.params.loop?(e.loopFix(),e.slideNext(e.params.speed,!0,!0),e.emit("autoplay")):e.isEnd?e.params.autoplay.stopOnLastSlide?e.autoplay.stop():(e.slideTo(0,e.params.speed,!0,!0),e.emit("autoplay")):(e.slideNext(e.params.speed,!0,!0),e.emit("autoplay")),e.params.cssMode&&e.autoplay.running&&e.autoplay.run()},s)},start(){return void 0===this.autoplay.timeout&&(!this.autoplay.running&&(this.autoplay.running=!0,this.emit("autoplayStart"),this.autoplay.run(),!0))},stop(){const e=this;return!!e.autoplay.running&&(void 0!==e.autoplay.timeout&&(e.autoplay.timeout&&(clearTimeout(e.autoplay.timeout),e.autoplay.timeout=void 0),e.autoplay.running=!1,e.emit("autoplayStop"),!0))},pause(e){const t=this;t.autoplay.running&&(t.autoplay.paused||(t.autoplay.timeout&&clearTimeout(t.autoplay.timeout),t.autoplay.paused=!0,0!==e&&t.params.autoplay.waitForTransition?(t.$wrapperEl[0].addEventListener("transitionend",t.autoplay.onTransitionEnd),t.$wrapperEl[0].addEventListener("webkitTransitionEnd",t.autoplay.onTransitionEnd)):(t.autoplay.paused=!1,t.autoplay.run())))}};const ie={setTranslate(){const e=this,{slides:t}=e;for(let s=0;s{if(e)return;if(!t||t.destroyed)return;e=!0,t.animating=!1;const s=["webkitTransitionEnd","transitionend"];for(let e=0;e

'),t.append(p)),p.css({height:a+"px"})):(p=e.find(".swiper-cube-shadow"),0===p.length&&(p=d('

'),e.append(p))));for(let e=0;e

-1&&(u=90*a+90*h,n&&(u=90*-a-90*h)),t.transform(v),o.slideShadows){let e=l?t.find(".swiper-slide-shadow-left"):t.find(".swiper-slide-shadow-top"),s=l?t.find(".swiper-slide-shadow-right"):t.find(".swiper-slide-shadow-bottom");0===e.length&&(e=d(``),t.append(e)),0===s.length&&(s=d(``),t.append(s)),e.length&&(e[0].style.opacity=Math.max(-h,0)),s.length&&(s[0].style.opacity=Math.max(h,0))}}if(t.css({"-webkit-transform-origin":`50% 50% -${r/2}px`,"-moz-transform-origin":`50% 50% -${r/2}px`,"-ms-transform-origin":`50% 50% -${r/2}px`,"transform-origin":`50% 50% -${r/2}px`}),o.shadow)if(l)p.transform(`translate3d(0px, ${a/2+o.shadowOffset}px, ${-a/2}px) rotateX(90deg) rotateZ(0deg) scale(${o.shadowScale})`);else{const e=Math.abs(u)-90*Math.floor(Math.abs(u)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=o.shadowScale,a=o.shadowScale/t,n=o.shadowOffset;p.transform(`scale3d(${s}, 1, ${a}) translate3d(0px, ${i/2+n}px, ${-i/2/a}px) rotateX(-90deg)`)}const h=B.isSafari||B.isWebView?-r/2:0;t.transform(`translate3d(0px,0,${h}px) rotateX(${this.isHorizontal()?0:u}deg) rotateY(${this.isHorizontal()?-u:0}deg)`)},setTransition(e){const{$el:t,slides:s}=this;s.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),this.params.cubeEffect.shadow&&!this.isHorizontal()&&t.find(".swiper-cube-shadow").transition(e)}};const re={setTranslate(){const e=this,{slides:t,rtlTranslate:s}=e;for(let a=0;a

`),i.append(t)),0===s.length&&(s=d(`

`),i.append(s)),t.length&&(t[0].style.opacity=Math.max(-n,0)),s.length&&(s[0].style.opacity=Math.max(n,0))}i.transform(`translate3d(${l}px, ${c}px, 0px) rotateX(${o}deg) rotateY(${r}deg)`)}},setTransition(e){const t=this,{slides:s,activeIndex:a,$wrapperEl:i}=t;if(s.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),t.params.virtualTranslate&&0!==e){let e=!1;s.eq(a).transitionEnd((function(){if(e)return;if(!t||t.destroyed)return;e=!0,t.animating=!1;const s=["webkitTransitionEnd","transitionend"];for(let e=0;e

`),t.append(e)),0===s.length&&(s=d(``),t.append(s)),e.length&&(e[0].style.opacity=o>0?o:0),s.length&&(s[0].style.opacity=-o>0?-o:0)}}if(h.pointerEvents||h.prefixedPointerEvents){a[0].style.perspectiveOrigin=l+"px 50%"}},setTransition(e){this.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e)}};const le={init(){const e=this,{thumbs:t}=e.params,s=e.constructor;t.swiper instanceof s?(e.thumbs.swiper=t.swiper,u.extend(e.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),u.extend(e.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1})):u.isObject(t.swiper)&&(e.thumbs.swiper=new s(u.extend({},t.swiper,{watchSlidesVisibility:!0,watchSlidesProgress:!0,slideToClickedSlide:!1})),e.thumbs.swiperCreated=!0),e.thumbs.swiper.$el.addClass(e.params.thumbs.thumbsContainerClass),e.thumbs.swiper.on("tap",e.thumbs.onThumbClick)},onThumbClick(){const e=this,t=e.thumbs.swiper;if(!t)return;const s=t.clickedIndex,a=t.clickedSlide;if(a&&d(a).hasClass(e.params.thumbs.slideThumbActiveClass))return;if(null==s)return;let i;if(i=t.params.loop?parseInt(d(t.clickedSlide).attr("data-swiper-slide-index"),10):s,e.params.loop){let t=e.activeIndex;e.slides.eq(t).hasClass(e.params.slideDuplicateClass)&&(e.loopFix(),e._clientLeft=e.$wrapperEl[0].clientLeft,t=e.activeIndex);const s=e.slides.eq(t).prevAll(`[data-swiper-slide-index="${i}"]`).eq(0).index(),a=e.slides.eq(t).nextAll(`[data-swiper-slide-index="${i}"]`).eq(0).index();i=void 0===s?a:void 0===a?s:a-tt.previousIndex?"next":"prev"}else r=t.realIndex,o=r>t.previousIndex?"next":"prev";n&&(r+="next"===o?i:-1*i),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(r)<0&&(s.params.centeredSlides?r=r>l?r-Math.floor(a/2)+1:r+Math.floor(a/2)-1:r>l&&(r=r-a+1),s.slideTo(r,e?0:void 0))}let r=1;const o=t.params.thumbs.slideThumbActiveClass;if(t.params.slidesPerView>1&&!t.params.centeredSlides&&(r=t.params.slidesPerView),t.params.thumbs.multipleActiveThumbs||(r=1),r=Math.floor(r),s.slides.removeClass(o),s.params.loop||s.params.virtual&&s.params.virtual.enabled)for(let e=0;ee,formatFractionTotal:e=>e,bulletClass:"swiper-pagination-bullet",bulletActiveClass:"swiper-pagination-bullet-active",modifierClass:"swiper-pagination-",currentClass:"swiper-pagination-current",totalClass:"swiper-pagination-total",hiddenClass:"swiper-pagination-hidden",progressbarFillClass:"swiper-pagination-progressbar-fill",progressbarOppositeClass:"swiper-pagination-progressbar-opposite",clickableClass:"swiper-pagination-clickable",lockClass:"swiper-pagination-lock"}},create(){u.extend(this,{pagination:{init:j.init.bind(this),render:j.render.bind(this),update:j.update.bind(this),destroy:j.destroy.bind(this),dynamicBulletIndex:0}})},on:{init(){this.pagination.init(),this.pagination.render(),this.pagination.update()},activeIndexChange(){const e=this;(e.params.loop||void 0===e.snapIndex)&&e.pagination.update()},snapIndexChange(){const e=this;e.params.loop||e.pagination.update()},slidesLengthChange(){const e=this;e.params.loop&&(e.pagination.render(),e.pagination.update())},snapGridLengthChange(){const e=this;e.params.loop||(e.pagination.render(),e.pagination.update())},destroy(){this.pagination.destroy()},click(e){const t=this;if(t.params.pagination.el&&t.params.pagination.hideOnClick&&t.pagination.$el.length>0&&!d(e.target).hasClass(t.params.pagination.bulletClass)){!0===t.pagination.$el.hasClass(t.params.pagination.hiddenClass)?t.emit("paginationShow",t):t.emit("paginationHide",t),t.pagination.$el.toggleClass(t.params.pagination.hiddenClass)}}}},{name:"scrollbar",params:{scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag"}},create(){u.extend(this,{scrollbar:{init:U.init.bind(this),destroy:U.destroy.bind(this),updateSize:U.updateSize.bind(this),setTranslate:U.setTranslate.bind(this),setTransition:U.setTransition.bind(this),enableDraggable:U.enableDraggable.bind(this),disableDraggable:U.disableDraggable.bind(this),setDragPosition:U.setDragPosition.bind(this),getPointerPosition:U.getPointerPosition.bind(this),onDragStart:U.onDragStart.bind(this),onDragMove:U.onDragMove.bind(this),onDragEnd:U.onDragEnd.bind(this),isTouched:!1,timeout:null,dragTimeout:null}})},on:{init(){this.scrollbar.init(),this.scrollbar.updateSize(),this.scrollbar.setTranslate()},update(){this.scrollbar.updateSize()},resize(){this.scrollbar.updateSize()},observerUpdate(){this.scrollbar.updateSize()},setTranslate(){this.scrollbar.setTranslate()},setTransition(e){this.scrollbar.setTransition(e)},destroy(){this.scrollbar.destroy()}}},{name:"parallax",params:{parallax:{enabled:!1}},create(){u.extend(this,{parallax:{setTransform:K.setTransform.bind(this),setTranslate:K.setTranslate.bind(this),setTransition:K.setTransition.bind(this)}})},on:{beforeInit(){this.params.parallax.enabled&&(this.params.watchSlidesProgress=!0,this.originalParams.watchSlidesProgress=!0)},init(){this.params.parallax.enabled&&this.parallax.setTranslate()},setTranslate(){this.params.parallax.enabled&&this.parallax.setTranslate()},setTransition(e){this.params.parallax.enabled&&this.parallax.setTransition(e)}}},{name:"zoom",params:{zoom:{enabled:!1,maxRatio:3,minRatio:1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}},create(){const e=this,t={enabled:!1,scale:1,currentScale:1,isScaling:!1,gesture:{$slideEl:void 0,slideWidth:void 0,slideHeight:void 0,$imageEl:void 0,$imageWrapEl:void 0,maxRatio:3},image:{isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},velocity:{x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0}};"onGestureStart onGestureChange onGestureEnd onTouchStart onTouchMove onTouchEnd onTransitionEnd toggle enable disable in out".split(" ").forEach(s=>{t[s]=Z[s].bind(e)}),u.extend(e,{zoom:t});let s=1;Object.defineProperty(e.zoom,"scale",{get:()=>s,set(t){if(s!==t){const s=e.zoom.gesture.$imageEl?e.zoom.gesture.$imageEl[0]:void 0,a=e.zoom.gesture.$slideEl?e.zoom.gesture.$slideEl[0]:void 0;e.emit("zoomChange",t,s,a)}s=t}})},on:{init(){const e=this;e.params.zoom.enabled&&e.zoom.enable()},destroy(){this.zoom.disable()},touchStart(e){this.zoom.enabled&&this.zoom.onTouchStart(e)},touchEnd(e){this.zoom.enabled&&this.zoom.onTouchEnd(e)},doubleTap(e){const t=this;t.params.zoom.enabled&&t.zoom.enabled&&t.params.zoom.toggle&&t.zoom.toggle(e)},transitionEnd(){const e=this;e.zoom.enabled&&e.params.zoom.enabled&&e.zoom.onTransitionEnd()},slideChange(){const e=this;e.zoom.enabled&&e.params.zoom.enabled&&e.params.cssMode&&e.zoom.onTransitionEnd()}}},{name:"lazy",params:{lazy:{enabled:!1,loadPrevNext:!1,loadPrevNextAmount:1,loadOnTransitionStart:!1,elementClass:"swiper-lazy",loadingClass:"swiper-lazy-loading",loadedClass:"swiper-lazy-loaded",preloaderClass:"swiper-lazy-preloader"}},create(){u.extend(this,{lazy:{initialImageLoaded:!1,load:Q.load.bind(this),loadInSlide:Q.loadInSlide.bind(this)}})},on:{beforeInit(){const e=this;e.params.lazy.enabled&&e.params.preloadImages&&(e.params.preloadImages=!1)},init(){const e=this;e.params.lazy.enabled&&!e.params.loop&&0===e.params.initialSlide&&e.lazy.load()},scroll(){const e=this;e.params.freeMode&&!e.params.freeModeSticky&&e.lazy.load()},resize(){const e=this;e.params.lazy.enabled&&e.lazy.load()},scrollbarDragMove(){const e=this;e.params.lazy.enabled&&e.lazy.load()},transitionStart(){const e=this;e.params.lazy.enabled&&(e.params.lazy.loadOnTransitionStart||!e.params.lazy.loadOnTransitionStart&&!e.lazy.initialImageLoaded)&&e.lazy.load()},transitionEnd(){const e=this;e.params.lazy.enabled&&!e.params.lazy.loadOnTransitionStart&&e.lazy.load()},slideChange(){const e=this;e.params.lazy.enabled&&e.params.cssMode&&e.lazy.load()}}},{name:"controller",params:{controller:{control:void 0,inverse:!1,by:"slide"}},create(){u.extend(this,{controller:{control:this.params.controller.control,getInterpolateFunction:J.getInterpolateFunction.bind(this),setTranslate:J.setTranslate.bind(this),setTransition:J.setTransition.bind(this)}})},on:{update(){const e=this;e.controller.control&&e.controller.spline&&(e.controller.spline=void 0,delete e.controller.spline)},resize(){const e=this;e.controller.control&&e.controller.spline&&(e.controller.spline=void 0,delete e.controller.spline)},observerUpdate(){const e=this;e.controller.control&&e.controller.spline&&(e.controller.spline=void 0,delete e.controller.spline)},setTranslate(e,t){this.controller.control&&this.controller.setTranslate(e,t)},setTransition(e,t){this.controller.control&&this.controller.setTransition(e,t)}}},{name:"a11y",params:{a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}"}},create(){const e=this;u.extend(e,{a11y:{liveRegion:d(``)}}),Object.keys(ee).forEach(t=>{e.a11y[t]=ee[t].bind(e)})},on:{init(){this.params.a11y.enabled&&(this.a11y.init(),this.a11y.updateNavigation())},toEdge(){this.params.a11y.enabled&&this.a11y.updateNavigation()},fromEdge(){this.params.a11y.enabled&&this.a11y.updateNavigation()},paginationUpdate(){this.params.a11y.enabled&&this.a11y.updatePagination()},destroy(){this.params.a11y.enabled&&this.a11y.destroy()}}},{name:"history",params:{history:{enabled:!1,replaceState:!1,key:"slides"}},create(){u.extend(this,{history:{init:te.init.bind(this),setHistory:te.setHistory.bind(this),setHistoryPopState:te.setHistoryPopState.bind(this),scrollToSlide:te.scrollToSlide.bind(this),destroy:te.destroy.bind(this)}})},on:{init(){const e=this;e.params.history.enabled&&e.history.init()},destroy(){const e=this;e.params.history.enabled&&e.history.destroy()},transitionEnd(){const e=this;e.history.initialized&&e.history.setHistory(e.params.history.key,e.activeIndex)},slideChange(){const e=this;e.history.initialized&&e.params.cssMode&&e.history.setHistory(e.params.history.key,e.activeIndex)}}},{name:"hash-navigation",params:{hashNavigation:{enabled:!1,replaceState:!1,watchState:!1}},create(){u.extend(this,{hashNavigation:{initialized:!1,init:se.init.bind(this),destroy:se.destroy.bind(this),setHash:se.setHash.bind(this),onHashCange:se.onHashCange.bind(this)}})},on:{init(){const e=this;e.params.hashNavigation.enabled&&e.hashNavigation.init()},destroy(){const e=this;e.params.hashNavigation.enabled&&e.hashNavigation.destroy()},transitionEnd(){const e=this;e.hashNavigation.initialized&&e.hashNavigation.setHash()},slideChange(){const e=this;e.hashNavigation.initialized&&e.params.cssMode&&e.hashNavigation.setHash()}}},{name:"autoplay",params:{autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1}},create(){const e=this;u.extend(e,{autoplay:{running:!1,paused:!1,run:ae.run.bind(e),start:ae.start.bind(e),stop:ae.stop.bind(e),pause:ae.pause.bind(e),onVisibilityChange(){"hidden"===document.visibilityState&&e.autoplay.running&&e.autoplay.pause(),"visible"===document.visibilityState&&e.autoplay.paused&&(e.autoplay.run(),e.autoplay.paused=!1)},onTransitionEnd(t){e&&!e.destroyed&&e.$wrapperEl&&t.target===this&&(e.$wrapperEl[0].removeEventListener("transitionend",e.autoplay.onTransitionEnd),e.$wrapperEl[0].removeEventListener("webkitTransitionEnd",e.autoplay.onTransitionEnd),e.autoplay.paused=!1,e.autoplay.running?e.autoplay.run():e.autoplay.stop())}}})},on:{init(){const e=this;e.params.autoplay.enabled&&(e.autoplay.start(),document.addEventListener("visibilitychange",e.autoplay.onVisibilityChange))},beforeTransitionStart(e,t){const s=this;s.autoplay.running&&(t||!s.params.autoplay.disableOnInteraction?s.autoplay.pause(e):s.autoplay.stop())},sliderFirstMove(){const e=this;e.autoplay.running&&(e.params.autoplay.disableOnInteraction?e.autoplay.stop():e.autoplay.pause())},touchEnd(){const e=this;e.params.cssMode&&e.autoplay.paused&&!e.params.autoplay.disableOnInteraction&&e.autoplay.run()},destroy(){const e=this;e.autoplay.running&&e.autoplay.stop(),document.removeEventListener("visibilitychange",e.autoplay.onVisibilityChange)}}},{name:"effect-fade",params:{fadeEffect:{crossFade:!1}},create(){u.extend(this,{fadeEffect:{setTranslate:ie.setTranslate.bind(this),setTransition:ie.setTransition.bind(this)}})},on:{beforeInit(){if("fade"!==this.params.effect)return;this.classNames.push(this.params.containerModifierClass+"fade");const e={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!0};u.extend(this.params,e),u.extend(this.originalParams,e)},setTranslate(){"fade"===this.params.effect&&this.fadeEffect.setTranslate()},setTransition(e){"fade"===this.params.effect&&this.fadeEffect.setTransition(e)}}},{name:"effect-cube",params:{cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}},create(){u.extend(this,{cubeEffect:{setTranslate:ne.setTranslate.bind(this),setTransition:ne.setTransition.bind(this)}})},on:{beforeInit(){if("cube"!==this.params.effect)return;this.classNames.push(this.params.containerModifierClass+"cube"),this.classNames.push(this.params.containerModifierClass+"3d");const e={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0};u.extend(this.params,e),u.extend(this.originalParams,e)},setTranslate(){"cube"===this.params.effect&&this.cubeEffect.setTranslate()},setTransition(e){"cube"===this.params.effect&&this.cubeEffect.setTransition(e)}}},{name:"effect-flip",params:{flipEffect:{slideShadows:!0,limitRotation:!0}},create(){u.extend(this,{flipEffect:{setTranslate:re.setTranslate.bind(this),setTransition:re.setTransition.bind(this)}})},on:{beforeInit(){if("flip"!==this.params.effect)return;this.classNames.push(this.params.containerModifierClass+"flip"),this.classNames.push(this.params.containerModifierClass+"3d");const e={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!0};u.extend(this.params,e),u.extend(this.originalParams,e)},setTranslate(){"flip"===this.params.effect&&this.flipEffect.setTranslate()},setTransition(e){"flip"===this.params.effect&&this.flipEffect.setTransition(e)}}},{name:"effect-coverflow",params:{coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0}},create(){u.extend(this,{coverflowEffect:{setTranslate:oe.setTranslate.bind(this),setTransition:oe.setTransition.bind(this)}})},on:{beforeInit(){"coverflow"===this.params.effect&&(this.classNames.push(this.params.containerModifierClass+"coverflow"),this.classNames.push(this.params.containerModifierClass+"3d"),this.params.watchSlidesProgress=!0,this.originalParams.watchSlidesProgress=!0)},setTranslate(){"coverflow"===this.params.effect&&this.coverflowEffect.setTranslate()},setTransition(e){"coverflow"===this.params.effect&&this.coverflowEffect.setTransition(e)}}},{name:"thumbs",params:{thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-container-thumbs"}},create(){u.extend(this,{thumbs:{swiper:null,init:le.init.bind(this),update:le.update.bind(this),onThumbClick:le.onThumbClick.bind(this)}})},on:{beforeInit(){const{thumbs:e}=this.params;e&&e.swiper&&(this.thumbs.init(),this.thumbs.update(!0))},slideChange(){this.thumbs.swiper&&this.thumbs.update()},update(){this.thumbs.swiper&&this.thumbs.update()},resize(){this.thumbs.swiper&&this.thumbs.update()},observerUpdate(){this.thumbs.swiper&&this.thumbs.update()},setTransition(e){const t=this.thumbs.swiper;t&&t.setTransition(e)},beforeDestroy(){const e=this.thumbs.swiper;e&&this.thumbs.swiperCreated&&e&&e.destroy()}}}];void 0===A.use&&(A.use=A.Class.use,A.installModule=A.Class.installModule),A.use(de);t.a=A},1:function(e,t){var s,a,i,n,r;s=document.querySelector("#masthead-video-target"),a=document.querySelector("#replay-group-target"),i=document.querySelector("#masthead-content"),n=document.querySelector("#masthead__anchor"),r=document.querySelector(".masthead__indicator-group"),s&&(s.addEventListener("canplay",(function(){i.classList.add("start"),r.classList.add("active")})),s.addEventListener("ended",(function(){a&&a.classList.add("replay-active"),i.classList.add("active")}))),a&&a.addEventListener("click",(function(e){e.preventDefault(),i.classList.remove("active"),s.play()})),n&&n.addEventListener("click",(function(e){e.preventDefault();var t=n.getAttribute("href");$("html, body").animate({scrollTop:$(t).offset().top-55},700)}))},2:function(e,t,s){"use strict";s(3)},3:function(e,t,s){!function(t,s){var a=function(e,t,s){"use strict";var a,i;if(function(){var t,s={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};for(t in i=e.lazySizesConfig||e.lazysizesConfig||{},s)t in i||(i[t]=s[t])}(),!t||!t.getElementsByClassName)return{init:function(){},cfg:i,noSupport:!0};var n=t.documentElement,r=e.HTMLPictureElement,o=e.addEventListener.bind(e),l=e.setTimeout,d=e.requestAnimationFrame||l,c=e.requestIdleCallback,p=/^picture$/i,u=["load","error","lazyincluded","_lazyloaded"],h={},m=Array.prototype.forEach,f=function(e,t){return h[t]||(h[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")),h[t].test(e.getAttribute("class")||"")&&h[t]},g=function(e,t){f(e,t)||e.setAttribute("class",(e.getAttribute("class")||"").trim()+" "+t)},v=function(e,t){var s;(s=f(e,t))&&e.setAttribute("class",(e.getAttribute("class")||"").replace(s," "))},b=function(e,t,s){var a=s?"addEventListener":"removeEventListener";s&&b(e,t),u.forEach((function(s){e[a](s,t)}))},w=function(e,s,i,n,r){var o=t.createEvent("Event");return i||(i={}),i.instance=a,o.initEvent(s,!n,!r),o.detail=i,e.dispatchEvent(o),o},y=function(t,s){var a;!r&&(a=e.picturefill||i.pf)?(s&&s.src&&!t.getAttribute("srcset")&&t.setAttribute("srcset",s.src),a({reevaluate:!0,elements:[t]})):s&&s.src&&(t.src=s.src)},x=function(e,t){return(getComputedStyle(e,null)||{})[t]},E=function(e,t,s){for(s=s||e.offsetWidth;s0)&&"visible"!=x(i,"overflow")&&(a=i.getBoundingClientRect(),r=Y>a.left&&Xa.top-1&&V500&&n.clientWidth>500?500:370:i.expand,a._defEx=h,m=h*i.expFactor,f=i.hFac,q=null,j2&&N>2&&!t.hidden?(j=m,K=0):j=N>1&&K>1&&U<6?h:0),u!==d&&(H=innerWidth+d*f,G=innerHeight+d,c=-1*d,u=d),r=g[s].getBoundingClientRect(),(F=r.bottom)>=c&&(V=r.top)<=G&&(Y=r.right)>=c*f&&(X=r.left)<=H&&(F||Y||X||V)&&(i.loadHidden||Q(g[s]))&&(A&&U<3&&!p&&(N<3||K<4)||J(g[s],d))){if(oe(g[s]),l=!0,U>9)break}else!l&&A&&!o&&U<4&&K<4&&N>2&&(D[0]||i.preloadAfterLoad)&&(D[0]||!p&&(F||Y||X||V||"auto"!=g[s].getAttribute(i.sizesAttr)))&&(o=D[0]||g[s]);o&&!l&&oe(o)}},te=function(e){var t,a=0,n=i.throttleDelay,r=i.ricTimeout,o=function(){t=!1,a=s.now(),e()},d=c&&r>49?function(){c(o,{timeout:r}),r!==i.ricTimeout&&(r=i.ricTimeout)}:C((function(){l(o)}),!0);return function(e){var i;(e=!0===e)&&(r=33),t||(t=!0,(i=n-(s.now()-a))<0&&(i=0),e||i<9?d():l(d,i))}}(ee),se=function(e){var t=e.target;t._lazyCache?delete t._lazyCache:(Z(e),g(t,i.loadedClass),v(t,i.loadingClass),b(t,ie),w(t,"lazyloaded"))},ae=C(se),ie=function(e){ae({target:e.target})},ne=function(e){var t,s=e.getAttribute(i.srcsetAttr);(t=i.customMedia[e.getAttribute("data-media")||e.getAttribute("media")])&&e.setAttribute("media",t),s&&e.setAttribute("srcset",s)},re=C((function(e,t,s,a,n){var r,o,d,c,u,h;(u=w(e,"lazybeforeunveil",t)).defaultPrevented||(a&&(s?g(e,i.autosizesClass):e.setAttribute("sizes",a)),o=e.getAttribute(i.srcsetAttr),r=e.getAttribute(i.srcAttr),n&&(c=(d=e.parentNode)&&p.test(d.nodeName||"")),h=t.firesLoad||"src"in e&&(o||r||c),u={target:e},g(e,i.loadingClass),h&&(clearTimeout(O),O=l(Z,2500),b(e,ie,!0)),c&&m.call(d.getElementsByTagName("source"),ne),o?e.setAttribute("srcset",o):r&&!c&&(R.test(e.nodeName)?function(e,t){var s=e.getAttribute("data-load-mode")||i.iframeLoadMode;0==s?e.contentWindow.location.replace(t):1==s&&(e.src=t)}(e,r):e.src=r),n&&(o||c)&&y(e,{src:r})),e._lazyRace&&delete e._lazyRace,v(e,i.lazyClass),T((function(){var t=e.complete&&e.naturalWidth>1;h&&!t||(t&&g(e,i.fastLoadedClass),se(u),e._lazyCache=!0,l((function(){"_lazyCache"in e&&delete e._lazyCache}),9)),"lazy"==e.loading&&U--}),!0)})),oe=function(e){if(!e._lazyRace){var t,s=W.test(e.nodeName),a=s&&(e.getAttribute(i.sizesAttr)||e.getAttribute("sizes")),n="auto"==a;(!n&&A||!s||!e.getAttribute("src")&&!e.srcset||e.complete||f(e,i.errorClass)||!f(e,i.lazyClass))&&(t=w(e,"lazyunveilread").detail,n&&M.updateElem(e,!0,e.offsetWidth),e._lazyRace=!0,U++,re(e,t,n,a,s))}},le=S((function(){i.loadMode=3,te()})),de=function(){3==i.loadMode&&(i.loadMode=2),le()},ce=function(){A||(s.now()-B<999?l(ce,999):(A=!0,i.loadMode=3,te(),o("scroll",de,!0)))},{_:function(){B=s.now(),a.elements=t.getElementsByClassName(i.lazyClass),D=t.getElementsByClassName(i.lazyClass+" "+i.preloadClass),o("scroll",te,!0),o("resize",te,!0),o("pageshow",(function(e){if(e.persisted){var s=t.querySelectorAll("."+i.loadingClass);s.length&&s.forEach&&d((function(){s.forEach((function(e){e.complete&&oe(e)}))}))}})),e.MutationObserver?new MutationObserver(te).observe(n,{childList:!0,subtree:!0,attributes:!0}):(n.addEventListener("DOMNodeInserted",te,!0),n.addEventListener("DOMAttrModified",te,!0),setInterval(te,999)),o("hashchange",te,!0),["focus","mouseover","click","load","transitionend","animationend"].forEach((function(e){t.addEventListener(e,te,!0)})),/d$|^c/.test(t.readyState)?ce():(o("load",ce),t.addEventListener("DOMContentLoaded",te),l(ce,2e4)),a.elements.length?(ee(),T._lsFlush()):te()},checkElems:te,unveil:oe,_aLSL:de}),M=(P=C((function(e,t,s,a){var i,n,r;if(e._lazysizesWidth=a,a+="px",e.setAttribute("sizes",a),p.test(t.nodeName||""))for(n=0,r=(i=t.getElementsByTagName("source")).length;n0&&void 0!==arguments[0]?arguments[0]:150,t=$(this).offset().top,s=($(this).outerHeight(),$(window).scrollTop()),a=s+window.innerHeight-e;return t$(window).scrollTop()+window.innerHeight},$(document).ready((function(){if(window.location.hash){var e=window.location.hash.substring(1),t=$("#"+e).data("index"),s=$("#"+e).find(".ec-btn");s?(!function(e,t){setTimeout((function(){$(e).trigger("click")}),t)}(s[t],300),console.log("Element found.")):console.log("No element found.")}})),$(window).scroll((function(){$(".feature-block").each((function(e){$(this).inViewport()?$(this).addClass("animate-in"):$(this).leavingViewport()&&$(this).removeClass("animate-in")}))})),$(document).on("click",".feature-block__content--container .explore-features",(function(e){var t=$(this).closest(".feature-parent"),a=t.children(s);t.addClass("active"),a.addClass("active"),$("body").addClass("no-scroll"),$("html").addClass("no-scroll"),a.animate({scrollTop:1},400),e.preventDefault()})),$(document).on("click",".ec-btn",(function(e){var t=$(this).closest(".feature-parent"),a=t.children(s);t.addClass("active"),a.addClass("active"),$("body").addClass("no-scroll"),$("html").addClass("no-scroll");var i=$(a.children(".expanded-content-container")[$(this).data("index")]).position().top-90;setTimeout((function(){a.animate({scrollTop:i},600)}),300),e.preventDefault()})),$(document).on("click",".expanded-content .close-container",(function(e){var t=$(this).closest(".feature-parent"),i=t.children(s);setTimeout((function(){a(i,t)}),400),e.preventDefault()})),$(".expanded-content").click((function(e){var t=$(".feature-parent.active"),s=$(".expanded-content.active");$(e.target).closest(".expanded-content-container").length||$(e.target).closest(".expanded-content-container").length||$(e.target).closest(".indicator-wrapper").length||$(e.target).closest(".video-modal--active").length||$(e.target).closest(".video-modal__container").length||$(e.target).closest(".video-modal__close").length||$(e.target).closest(".banner-disclaimers").length||setTimeout((function(){a(s,t)}),400)})),$(document).keyup((function(e){if(27===e.keyCode&&$(s).hasClass("active")&&!$(".video-modal--active").length){var t=$(".feature-parent.active"),i=$(".expanded-content.active");setTimeout((function(){a(i,t)}),400)}})),$(s).scroll((function(){if($(s).hasClass("active")){$(".expanded-content.active").scrollTop(),$(window).height();$(".expanded-content.active .expanded-content-container").each((function(e){var t=$(this).height();$(this).inViewport(t)&&($(".feature-parent.active .bullet").removeClass("active"),$($(this).closest(".expanded-content").find(".bullet")[e]).addClass("active"))})),$(".expanded-content-row").each((function(e){$(this).inViewport()&&$(this).addClass("animate-in")})),$(".expanded-feature").each((function(e){$(this).inViewport()&&$(this).addClass("animate-in")})),$(".expanded-banner").each((function(e){$(this).inViewport()&&$(this).addClass("animate-in")}))}})),$(document).on("click",".feature-parent.active .expanded-content-indicator .bullet",(function(e){var t=$(this).closest(".feature-parent").children(s),a=$(".feature-parent.active .expanded-content-indicator .bullet").index(this),i=t.scrollTop()+$(t.children(".expanded-content-container")[a]).position().top-90;t.animate({scrollTop:i},600),e.preventDefault()}))},73:function(e,t,s){"use strict";s.r(t);s(74),s(1),s(7),s(8),s(5),s(9),s(4),s(2),s(6);var a=document.querySelectorAll(".choice"),i=(document.querySelector(".background-image"),document.querySelectorAll(".mainImg source"),document.querySelector(".imgBlk")),n=document.querySelector(".imgWht"),r=document.querySelector(".imgSs");a.forEach((function(e){e.addEventListener("click",(function(e){$(".active").removeClass("active"),"swatch blk"==this.querySelector(".swatch").className?$(i).addClass("active"):"swatch wht"==this.querySelector(".swatch").className?$(n).addClass("active"):"swatch ss"==this.querySelector(".swatch").className&&$(r).addClass("active"),$(this).addClass("active"),e.preventDefault()}))}))},74:function(e,t,s){},8:function(e,t){var s;document.querySelectorAll(".mobile-button-open").forEach((function(e){e.addEventListener("click",(function(e){$(".mobile-secondary-container").removeClass("active");var t=this.getAttribute("href");$(t).addClass("active"),e.preventDefault()}))})),$.fn.smoothScroll=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,s="#"===this?0:$(this).offset().top+1;$("html, body").stop().animate({scrollTop:s-e},t)},s=$(window).width(),$(document).on("click",".open-container, .compare-btn .close-container",(function(){$(".section__compare").hasClass("comparing")?$(".section__compare").removeClass("comparing"):($(".section__compare").addClass("comparing"),s<600&&$(".section__compare").smoothScroll(50,500))}))},9:function(e,t,s){"use strict";var a=s(0),i="",n="";$(document).ready((function(){$(".swiper-container").each((function(e){0==e&&$(this).addClass("active");var t=$(this).data("target"),s={slidesPerView:1,spaceBetween:20,allowTouchMove:!0,centerInsufficientSlides:!0,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},watchOverflow:!0,pagination:{el:".swiper-pagination-"+t,type:"bullets",clickable:!0},threshold:10};$(this).find(".swiper-slide").length<4?s.breakpoints={200:{slidesPerView:1,allowTouchMove:!0},680:{slidesPerView:2,allowTouchMove:!0},980:{slidesPerView:3,allowTouchMove:!1}}:(s.breakpoints={200:{slidesPerView:1,allowTouchMove:!0},680:{slidesPerView:2,allowTouchMove:!0},980:{slidesPerView:3,allowTouchMove:!0},1800:{slidesPerView:4,allowTouchMove:!1}},$(this).parent().addClass("four-products")),0==e?i=new a.a(".product-carousel-panel--"+t,s):(s.init=!1,n=new a.a(".product-carousel-panel--"+t,s))}))})),$(document).on("click",".block-open",(function(e){i.update()})),$(document).on("click",".toggle-switch__button",(function(e){n.init()}))}});
Appliance Colors: How to Choose the Right Look for Your Home | Maytag (2024)

FAQs

What color is best for home appliances? ›

What are the most popular appliance colors? You can count on stainless steel being a consistently popular option for appliances for years to come. White, black and black stainless are also among popular choices for appliances, and panel-ready appliances can be customized to blend in with your cabinets.

Explore More ›
How do you match appliance colors? ›

White, black and stainless are considered neutral shades, and can be mixed so long as they are not too close in color with each other. Avoid using the same color appliances from different brands, since they often have slightly different color variations and finishes that may not look cohesive in a space.

View More ›
What is the latest trend in appliance colors? ›

"When it comes to appliances and fixtures, matte black and bronzed gold are among a couple of the finishes that are becoming increasingly more popular," says Harper. Both options are "not only aesthetically pleasing but also approachable, seamlessly complementing a variety of design aesthetics," she says.

Show Me More ›
What appliance color is timeless? ›

White is neutral and goes with plenty of colors. White cabinets and white appliances are the ultimate combination for a clean, sleek look. White on white is always uplifting. For a modern look, pair natural color countertops and white cabinets with white appliances.

Discover More Details ›
What is the easiest appliance color to keep clean? ›

Stainless Steel: This is one of the most popular kitchen appliance colors on the market. These appliances usually come in a fingerprint-resistant finish which makes them easy to keep clean. You can also find black stainless steel appliances to further elevate your kitchen.

Get More Info Here ›
What is the best color appliances for resale? ›

Stainless steel is the standard. If you still have white appliances from the 1970s, it will be difficult to get top dollar for your home.

Read More ›
Should all my appliances be the same color? ›

One question you may come across is: Do kitchen appliances have to match in color? The short answer is no. It's up to your personal preference which appliances you want to match and which you don't.

Show Me More ›
What color appliances make a kitchen look bigger? ›

Go with Light Colors

Light colors are more reflective than dark colors and they will make your kitchen appear bigger as well as more open and airy. Light blues, greens, or pale yellows are other great colors to make your space look larger than life.

View More ›
How to choose kitchen hardware color? ›

The cabinet hardware finish should coordinate with the cabinet color. White cabinets look great with just about any hardware finish, but light- and dark-colored cabinets should be paired with hardware finishes that make the pulls—and hinges if they're visible—pop.

Learn More ›
What is the color trend in appliances in 2024? ›

In 2024, the kitchen is going full-blown Technicolor. Gone are subtle color palettes like duck egg and deep green; in their place, homeowners and kitchen designers alike are favoring palettes—and ovens, microwaves, and dishwashers to match—like black or pink; moody versus bright.

Keep Reading ›

What color appliances are least expensive? ›

If you want a stylish yet economical option, a white finish is typically less expensive compared to stainless steel and black. Kitchens with white appliances tend to help camouflage fingerprints, so you don't have to worry about wiping your appliances down whenever your kids' hands touch them.

Keep Reading ›
What color appliances are farmhouse? ›

Appliances in Farmhouse Kitchens

Since white is so prominent in the farmhouse kitchen, stainless steel or white appliances fit perfectly into the space. An oven range is great for the farmhouse feel. Wood, bricks, and stainless steel appliances are home to the modern farmhouse kitchen design.

Discover More Details ›
What color should my appliances be? ›

White, black, stainless steel, and paneled are the most common appliance colors and finishes. They're safe choices and should work well in most kitchens.

Learn More Now ›
What backsplash will never go out of style? ›

Choose a classic backsplash

Subway tile is the most enduring choice for a backsplash. Avoid bold, trendy colors, and instead look for white or neutrals. Keep it simple, and bring in color elsewhere in the kitchen, with more easily replaced items, such as dish towels, art, bowls of fruit and rugs.

See Details ›
What color cabinets will never go out of style? ›

Timeless cabinet colors include neutral shades like white, cream, beige, taupe, gray, or greige. Navy, black, and forest green cabinets can look timeless when paired with classic finishes and fixtures.

Learn More ›
Does appliance color matter? ›

The color of the appliances is cosmetic and does not have any affect on their operation. If you can't afford to replace all of the appliances in your kitchen and they are all stainless but, you like the new dishwasher in avocado, go for it.

See More ›
Are white appliances in style in 2024? ›

ARE WHITE APPLIANCES IN STYLE FOR 2024? While white appliances are not generally considered a new trend, a white appliance can be the perfect neutral option to fit with a range of styles from ultra modern to kitschy vintage.

See Details ›
What looks better black or stainless steel appliances? ›

The best appliance finish is the one that fits with your design aesthetic and lifestyle. Both black and stainless steel can give your kitchen an upscale feel, however, stainless steel has an industrial and contemporary look, while black can be softer and may give your kitchen a warmer vibe.

Read On ›
What paint is best for appliances? ›

The DIY choice would be either an acrylic enamel or a hybrid enamel. Acrylic enamel is basically a tough and durable water-based paint. Try using Benjamin Moore Scuff-X.

See More ›

References

Top Articles
The Coziest Chicken Noodle Soup Recipe for Winter
15 High Protein Low Carb Dinner Recipes
Kia Sportage Or Ford Escape Crossword
Ts Massage Ct
The Plain Dealer from Cleveland, Ohio
Apocalyptic Realm: Jihadists in South Asia PDF - AZPDF.TIPS
Florida Lottery (FL) - Winning Numbers & Results
U.S. SEC Climate Disclosure Rules Spark Flurry of Litigation | Insights
Tissot Luxury Powermatic 80
Black Friday România 2024: lista magazine, cataloage, oferte, știri
Latest Posts
Easy Cheesy Potatoes Recipe
12 Copy Cat Recipes You Will Love from The Food Charlatan
Article information

Author: Catherine Tremblay

Last Updated:

Views: 6017

Rating: 4.7 / 5 (67 voted)

Reviews: 90% of readers found this page helpful

Author information

Name: Catherine Tremblay

Birthday: 1999-09-23

Address: Suite 461 73643 Sherril Loaf, Dickinsonland, AZ 47941-2379

Phone: +2678139151039

Job: International Administration Supervisor

Hobby: Dowsing, Snowboarding, Rowing, Beekeeping, Calligraphy, Shooting, Air sports

Introduction: My name is Catherine Tremblay, I am a precious, perfect, tasty, enthusiastic, inexpensive, vast, kind person who loves writing and wants to share my knowledge and understanding with you.