.page-module-scss-module__QQbqNq__patternView{padding:20vh 0 8vh}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__previews .page-module-scss-module__QQbqNq__leftArrow,.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__previews .page-module-scss-module__QQbqNq__rightArrow,.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__zoomed .page-module-scss-module__QQbqNq__close,.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__zoomed .page-module-scss-module__QQbqNq__leftArrow,.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__zoomed .page-module-scss-module__QQbqNq__rightArrow{background-color:var(--color-1);border-radius:100%;width:2rem;height:2rem;position:absolute;top:calc(50% - 1rem)}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__previews .page-module-scss-module__QQbqNq__leftArrow img,.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__previews .page-module-scss-module__QQbqNq__rightArrow img,.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__zoomed .page-module-scss-module__QQbqNq__close img,.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__zoomed .page-module-scss-module__QQbqNq__leftArrow img,.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__zoomed .page-module-scss-module__QQbqNq__rightArrow img{background-color:#0000}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__notFound{text-align:center}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__back{text-align:center;cursor:pointer}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__back:hover{text-decoration:underline}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__back a{color:var(--color-4)}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__top{justify-content:center;display:flex}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__suggestions{margin:5rem 0 0}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__suggestions .page-module-scss-module__QQbqNq__similar .page-module-scss-module__QQbqNq__header{background-color:var(--color-1-light);text-align:center;box-shadow:var(--shadow-elevation-low);padding:2rem;font-size:2rem}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__suggestions .page-module-scss-module__QQbqNq__similar .page-module-scss-module__QQbqNq__patterns{flex-wrap:wrap;gap:2vw;padding:5vw 10vw;display:flex}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__suggestions .page-module-scss-module__QQbqNq__similar .page-module-scss-module__QQbqNq__patterns .page-module-scss-module__QQbqNq__pattern{flex-direction:column;align-items:center;width:14vw;display:flex}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__suggestions .page-module-scss-module__QQbqNq__similar .page-module-scss-module__QQbqNq__patterns .page-module-scss-module__QQbqNq__pattern .page-module-scss-module__QQbqNq__image{width:100%;height:14vw;position:relative}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__suggestions .page-module-scss-module__QQbqNq__similar .page-module-scss-module__QQbqNq__patterns .page-module-scss-module__QQbqNq__pattern .page-module-scss-module__QQbqNq__image img{object-fit:cover;background-color:var(--color-1-dark);width:100%;height:100%;box-shadow:var(--shadow-elevation-medium);border-radius:10px}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__suggestions .page-module-scss-module__QQbqNq__similar .page-module-scss-module__QQbqNq__patterns .page-module-scss-module__QQbqNq__pattern .page-module-scss-module__QQbqNq__image img:hover{box-shadow:var(--shadow-elevation-high);transform:scale(1.05)}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__suggestions .page-module-scss-module__QQbqNq__similar .page-module-scss-module__QQbqNq__patterns .page-module-scss-module__QQbqNq__pattern h3{text-align:center;margin-top:.5rem;font-size:1.2rem;font-weight:500}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__suggestions .page-module-scss-module__QQbqNq__similar .page-module-scss-module__QQbqNq__patterns .page-module-scss-module__QQbqNq__pattern h4{text-align:center;color:var(--color-4);font-size:1rem;font-weight:400}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview{flex-flow:column wrap;align-items:flex-end;width:40vw;margin-right:2rem;display:flex}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__main{cursor:pointer;width:31vw;height:31vw;position:relative}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__main .page-module-scss-module__QQbqNq__invisible{opacity:0}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__main img{object-fit:cover;background-color:var(--color-1-dark);box-shadow:var(--shadow-elevation-medium);border-radius:10px}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__zoomed{background-color:var(--color-2-50);z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;width:100vw;height:100vh;position:fixed;top:0;left:0}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__zoomed img{object-fit:contain;padding:5%}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__zoomed .page-module-scss-module__QQbqNq__rightArrow{background-color:#0000;width:5vw;height:5vw;top:calc(50% - 3.5vw);right:20px}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__zoomed .page-module-scss-module__QQbqNq__leftArrow{background-color:#0000;width:5vw;height:5vw;top:calc(50% - 3.5vw);left:5px;transform:scaleX(-1)}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__zoomed .page-module-scss-module__QQbqNq__close{background-color:#0000;width:5vw;height:5vw;top:0;right:15px}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__previews{width:31vw;height:9vw;margin-top:1rem;padding:0 1vw;position:relative;overflow:hidden}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__previews .page-module-scss-module__QQbqNq__scroller{justify-content:flex-start;gap:1vw;width:100%;display:flex;overflow-x:scroll}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__previews img{cursor:pointer;object-fit:contain;background-color:var(--color-1-dark);border-radius:10px;width:9vw;height:9vw}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__previews img:hover{transform:scale(1.05)}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__previews .page-module-scss-module__QQbqNq__rightArrow{right:0}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__preview .page-module-scss-module__QQbqNq__previews .page-module-scss-module__QQbqNq__leftArrow{left:0;transform:scaleX(-1)}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__details{width:40vw}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__details .page-module-scss-module__QQbqNq__back{text-align:left;margin-bottom:1rem;font-size:1rem}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__details h3{font-size:2rem}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__details h2{font-size:1.5rem}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__details button{box-shadow:var(--shadow-elevation-high);margin:2rem 0}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__details p{white-space:pre-wrap;font-size:1.5rem}.page-module-scss-module__QQbqNq__patternView .page-module-scss-module__QQbqNq__responseMessage{background-color:var(--color-2);color:var(--color-4-light);box-shadow:var(--shadow-elevation-high);border-radius:10px;padding:1rem;position:fixed;top:100px;right:50px}