body.theme-light .textile-pattern-viewer__slider .swiper-slide{border:1px solid #ddd}.textile-pattern-viewer{height:100vh;height:100svh;position:relative}.textile-pattern-viewer__title{display:none;left:25px;position:absolute;top:35px;z-index:200}.textile-pattern-viewer.active .textile-pattern-viewer__title{display:block}@media (max-width:768px){.textile-pattern-viewer.active .textile-pattern-viewer__title{display:none}}.textile-pattern-viewer__intro{display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;will-change:opacity;z-index:100}.textile-pattern-viewer__intro:after{background-color:var(--background-color);bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:-1}.textile-pattern-viewer:not(.active) .textile-pattern-viewer__intro{opacity:1;pointer-events:auto}.textile-pattern-viewer__grid{--gutter:0px;height:100%;overflow:hidden;position:relative;width:100%;z-index:1}.textile-pattern-viewer__grid__item,.textile-pattern-viewer__grid__pane{backface-visibility:hidden;will-change:transform}.textile-pattern-viewer__grid__item{background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:calc(100% - var(--gutter)) auto;position:absolute}.textile-pattern-viewer__grid__item>div{background-color:transparent;display:block;height:calc(100% - var(--gutter));left:calc(var(--gutter)/2);position:absolute;top:calc(var(--gutter)/2);width:calc(100% - var(--gutter));z-index:2}.textile-pattern-viewer__grid__top-bar{display:none;left:0;position:absolute;right:0;top:25px;z-index:100}.textile-pattern-viewer.active .textile-pattern-viewer__grid__top-bar{display:block}.textile-pattern-viewer__overlay{background-color:var(--background-color);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .15s ease-in-out;width:100%;will-change:opacity;z-index:100}.textile-pattern-viewer__overlay.active{opacity:1;pointer-events:auto}.textile-pattern-viewer__overlay__bottom-bar{bottom:40px;left:0;position:absolute;right:0;z-index:10}.textile-pattern-viewer__overlay__bottom-bar .button__inner{box-shadow:0 0 25px 0 rgba(0,0,0,.4)}.textile-pattern-viewer__slider .swiper-wrapper{padding-bottom:40px;padding-top:40px}.textile-pattern-viewer__slider .swiper-slide{align-self:center;background-color:#fff;border-radius:20px;color:#000;height:auto;padding:30px;text-align:center;transition:transform .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:300px!important}@media (min-height:1000px){.textile-pattern-viewer__slider .swiper-slide{width:400px!important}}.textile-pattern-viewer__slider .swiper-slide img{aspect-ratio:1/1;display:block;height:auto;margin-bottom:25px;opacity:0;transition:opacity .15s;width:100%}.textile-pattern-viewer__slider .swiper-slide img.swiper-lazy-loaded{opacity:1}.textile-pattern-viewer__slider .swiper-slide h2{font-size:24px;margin-bottom:10px}.textile-pattern-viewer__slider .swiper-slide p{margin-left:-10px;margin-right:-10px;min-height:4.3em}.textile-pattern-viewer__slider .button[data-action=slide-next],.textile-pattern-viewer__slider .button[data-action=slide-prev]{align-items:center;background-color:transparent;border-radius:0;height:100%;padding-left:40px;padding-right:40px;position:absolute;top:0;z-index:100}.textile-pattern-viewer__slider .button[data-action=slide-next] .button__inner,.textile-pattern-viewer__slider .button[data-action=slide-prev] .button__inner{opacity:0;transition:opacity .15s ease-in-out}.textile-pattern-viewer__slider .button[data-action=slide-next]:hover .button__inner,.textile-pattern-viewer__slider .button[data-action=slide-prev]:hover .button__inner{opacity:1}.textile-pattern-viewer__slider .button[data-action=slide-prev]{left:0;padding-right:80px}.textile-pattern-viewer__slider .button[data-action=slide-next]{padding-left:80px;right:0}@media (min-width:768px){.textile-pattern-viewer__overlay.active .textile-pattern-viewer__slider .swiper-slide-active{transform:scale(1.25)}.textile-pattern-viewer__overlay.active .textile-pattern-viewer__slider .prev{transform:translateX(-36px)}.textile-pattern-viewer__overlay.active .textile-pattern-viewer__slider .next{transform:translateX(36px)}}@media (min-height:1000px){.textile-pattern-viewer__overlay.active .textile-pattern-viewer__slider .swiper-slide-active{transform:scale(1.25)}.textile-pattern-viewer__overlay.active .textile-pattern-viewer__slider .prev{transform:translateX(-48px)}.textile-pattern-viewer__overlay.active .textile-pattern-viewer__slider .next{transform:translateX(48px)}}body.is-touch .textile-pattern-viewer__slider .button[data-action=slide-next],body.is-touch .textile-pattern-viewer__slider .button[data-action=slide-prev]{display:none}