#metapix-app,body,html{height:100%;margin:0;padding:0;width:100%}*{box-sizing:border-box}body{background-color:#f5f5f5;color:#171717;font-family:Outfit,sans-serif;font-size:16px;font-style:normal;margin:0}.app-header-container{background-color:#161524;padding:0 1rem;width:100%}.app-header-container .app-menu{background-color:#161524;box-shadow:2px 0 10px 2px rgba(0,0,0,.4);display:grid;grid-template-columns:1fr auto;height:100%;padding:1rem;position:absolute;width:80%;z-index:1}@media(min-width:1024px){.app-header-container .app-menu{display:none}}.app-header-container .app-menu .hamburger-menu-items{align-items:center;color:#fff;display:grid;grid-auto-flow:row;grid-auto-rows:3rem;padding:1rem;width:100%}.app-header-container .app-menu .hamburger-menu-items .menu-item{grid-gap:.25rem;align-content:center;border-radius:.25rem;display:grid;grid-template-columns:-webkit-max-content -webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content max-content;height:100%;padding:0 1rem;text-transform:capitalize;width:80%}.app-header-container .app-menu .hamburger-menu-items .menu-item .open-close-menu-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.app-header-container .app-menu .hamburger-menu-items .menu-item:hover{border-bottom:thin solid #fff;border-radius:0;border-radius:initial}.app-header-container .app-header{grid-column-gap:1rem;align-items:center;background-color:#161524;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-auto-flow:column;grid-template-areas:"hamburger logo menu search alerts";grid-template-columns:-webkit-max-content -webkit-max-content auto -webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content auto max-content max-content;height:3.5rem;padding:0 1rem}@media(min-width:1024px){.app-header-container .app-header{height:100%;margin:0 auto;max-width:73.5rem;padding:0}}.app-header-container .app-header nav{display:none}@media(min-width:1024px){.app-header-container .app-header nav{grid-column-gap:1.5rem;align-items:center;color:#fff;-webkit-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-area:menu;grid-auto-flow:column;padding-left:2.5rem;text-transform:capitalize;width:-webkit-max-content;width:max-content}}.app-header-container .app-header nav .menu-item{grid-gap:.25rem;cursor:pointer;display:grid;grid-auto-flow:column;place-items:center}.app-header-container .app-header .hamburger-menu-icon{cursor:pointer;grid-area:hamburger;-webkit-user-select:none;user-select:none}@media(min-width:1024px){.app-header-container .app-header .hamburger-menu-icon{display:none}}.app-header-container .app-header .app-logo{cursor:pointer;grid-area:logo;-webkit-user-select:none;user-select:none}@media(min-width:1024px){.app-header-container .app-header .app-logo{grid-column:1}}.app-header-container .app-header .search-icon{cursor:pointer;grid-area:search;-webkit-user-select:none;user-select:none}.app-header-container .app-header .alert-icon{cursor:pointer;grid-area:alerts;-webkit-user-select:none;user-select:none}.metapix-button-pills{background-color:#fff;border:1px solid #404040;border-radius:5rem;cursor:pointer;font-size:.875rem;height:2.25rem;line-height:1.25rem;padding:.5rem 1rem;text-transform:capitalize;-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content}.metapix-button-pills.selected,.metapix-button-pills:hover{background-color:#ffe3e9;border:thin solid #ec1763;color:#ec1763}.metapix-button-pills.disabled,.metapix-button-pills.disabled:hover{background-color:#ec1763;color:#e5e5e5;cursor:none}.metapix-button-pills.disabled:hover{box-shadow:none}.category-section-container{background-color:#fff;display:grid;grid-column:1/-1}@media(min-width:1024px){.category-section-container{background-color:#fff;padding:0 1rem}}.category-section-container .category-section{margin:.875rem 1rem;overflow:hidden}.category-section-container .category-section .categories-container{grid-area:options;overflow:auto}.category-section-container .category-section .categories-container::-webkit-scrollbar{display:none}@media(min-width:1024px){.category-section-container .category-section{grid-column-gap:1rem;align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-areas:"demo-store options";grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;margin:0 auto;padding:.875rem 0;width:73.5rem}}.category-section-container .category-section .section-title{grid-area:demo-store;margin:0;padding-bottom:.75rem;width:-webkit-max-content;width:max-content}@media(min-width:1024px){.category-section-container .category-section .section-title{padding-bottom:0}}.category-section-container .category-section .categories{grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-auto-flow:column;overflow-x:auto}.category-section-container .category-section .categories::-webkit-scrollbar{display:none}@media(min-width:425px){.category-section-container .category-section .categories{width:-webkit-max-content;width:max-content}}.metapix-button-icon{grid-column-gap:.625rem;align-items:center;background-color:transparent;border:1px solid #fff;border-radius:5rem;color:#fff;-webkit-column-gap:.625rem;column-gap:.625rem;cursor:pointer;display:grid;font-size:1rem;grid-template-columns:-webkit-min-content -webkit-max-content;grid-template-columns:min-content max-content;height:3rem;justify-content:center;line-height:1.25rem;text-align:center;-webkit-user-select:none;user-select:none;width:15rem}.metapix-button-icon>*{height:1.25rem;width:1.25rem}.try-now-visualizer-container{background-image:url(/static/media/sample.dddeb0300cc0caad34e9.svg);background-origin:content-box;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}@media(min-width:425px){.try-now-visualizer-container{border-radius:1rem;height:31.25rem;justify-self:center;width:23.75rem}}.try-now-visualizer-container .logo-container{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:hsla(0,0%,100%,.8);border-radius:1rem;height:100%;inset:0;position:absolute;width:100%;z-index:1}.try-now-visualizer-container .logo-container .logo{-webkit-animation:loading 3s linear infinite;animation:loading 3s linear infinite;left:50%;position:absolute;top:50%;translate:-50% -50%}@-webkit-keyframes loading{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.try-now-visualizer-container .flash{-webkit-animation:.5s linear;animation:.5s linear;background-color:#fff;display:none;height:100%;opacity:.8;position:absolute;width:100%;z-index:1}@-webkit-keyframes flash{0%{opacity:.5}5%{opacity:1}10%{opacity:.3}20%{opacity:1}to{opacity:0}}@keyframes flash{0%{opacity:.5}5%{opacity:1}10%{opacity:.3}20%{opacity:1}to{opacity:0}}.try-now-visualizer-container .try-now-visualizer{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.75);display:grid;grid-template-rows:auto -webkit-max-content auto;grid-template-rows:auto max-content auto;height:100%;justify-items:center;position:absolute;position:relative;width:100%}@media(min-width:425px){.try-now-visualizer-container .try-now-visualizer{border-radius:1rem;overflow:hidden}}.try-now-visualizer-container .try-now-visualizer h2{color:#fff;font-size:2rem;font-weight:700;line-height:1.25rem;margin:0;padding:0;text-transform:uppercase}.try-now-visualizer-container .try-now-visualizer .option-selector{grid-row-gap:1.5rem;display:grid;grid-auto-flow:row;row-gap:1.5rem}.try-now-visualizer-container .try-now-visualizer .caption{grid-column-gap:.5rem;align-items:center;align-self:end;bottom:-.7rem;color:#fff;-webkit-column-gap:.5rem;column-gap:.5rem;display:grid;grid-row:3;grid-template-columns:auto auto;justify-content:center;padding-bottom:.8rem;position:absolute;text-transform:uppercase;-webkit-user-select:none;user-select:none}@media(min-width:425px){.try-now-visualizer-container .try-now-visualizer .caption{bottom:0}}.try-now-visualizer-container .try-now-visualizer .selected-screen-header{align-items:center;color:#fff;display:grid;font-size:1.25rem;font-weight:700;grid-template-columns:auto 1fr -webkit-max-content;grid-template-columns:auto 1fr max-content;line-height:1.25rem;padding:0 .81rem;position:absolute;top:.56rem;width:100%;z-index:1}.try-now-visualizer-container .try-now-visualizer .selected-screen-header span{grid-column:2;text-transform:uppercase}.try-now-visualizer-container .try-now-visualizer .selected-screen-header svg{cursor:pointer}.try-now-visualizer-container .try-now-visualizer .try-now-camera-viewer{height:100%;position:absolute;width:100%}.try-now-visualizer-container .try-now-visualizer .try-now-camera-viewer canvas{height:100%;object-fit:cover;position:absolute;top:-200000px;visibility:hidden;width:100%}.try-now-visualizer-container .try-now-visualizer .try-now-camera-viewer video{aspect-ratio:9/16;height:100%;object-fit:cover;object-position:center;width:100%}.try-now-visualizer-container .try-now-visualizer .try-now-camera-viewer svg{bottom:3rem;cursor:pointer;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}@media(min-width:425px){.try-now-visualizer-container .try-now-visualizer .try-now-camera-viewer svg{bottom:3.81rem}}.try-now-visualizer-container .try-now-visualizer .try-now-camera-viewer img{height:31.25rem;object-fit:cover;width:23.75rem}.try-now-visualizer-container .try-now-visualizer .try-now-camera-viewer .timer-overlay{align-content:center;color:#fff;display:grid;font-size:2rem;font-weight:700;grid-auto-flow:row;grid-template-rows:-webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content;height:100%;justify-items:center;line-height:2.5rem;position:absolute;text-transform:uppercase;top:0;width:100%}.try-now-visualizer-container .try-now-visualizer .try-now-camera-viewer .timer-overlay .counter{font-size:6rem;font-weight:700;line-height:7.56rem}.try-now-visualizer-container .try-now-visualizer .model-selector-container{grid-gap:2rem;align-self:end;display:grid;grid-auto-flow:row;place-items:center}.try-now-visualizer-container .try-now-visualizer .model-selector-container span{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.25rem;text-transform:uppercase}.try-now-visualizer-container .try-now-visualizer .model-selector-container .try-now-model-selector{grid-column-gap:1.5rem;grid-row-gap:1.5rem;align-items:center;-webkit-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-row:2;grid-template-columns:6.25rem 6.25rem 6.25rem;justify-content:center;row-gap:1.5rem}.try-now-visualizer-container .try-now-visualizer .model-selector-container .try-now-model-selector .model-image{background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;height:6.25rem;width:6.25rem}.try-now-visualizer-container .try-now-visualizer .captured-image-viewer{height:100%;overflow:hidden;position:absolute;width:100%}.try-now-visualizer-container .try-now-visualizer .captured-image-viewer .captured-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;object-fit:cover;-webkit-transform:scale(1);transform:scale(1);width:100%}.try-now-visualizer-container .try-now-visualizer .captured-image-viewer .captured-image-actions{grid-row-gap:1rem;bottom:1.625rem;display:grid;grid-auto-flow:row;position:absolute;right:1rem;row-gap:1rem}.try-now-visualizer-container .try-now-visualizer .captured-image-viewer .captured-image-actions *>svg,.try-now-visualizer-container .try-now-visualizer .captured-image-viewer .captured-image-actions svg{border-radius:50%;cursor:pointer}.try-now-visualizer-container .try-now-visualizer .processed-image-container{display:grid;height:100%;place-content:center;position:absolute;width:100%}.try-now-visualizer-container .try-now-visualizer .processed-image-container .image-comparer{height:100%;position:relative;width:100%}.try-now-visualizer-container .try-now-visualizer .processed-image-container .image-comparer img{height:100%;object-fit:cover;object-position:left;width:100%}.try-now-visualizer-container .try-now-visualizer .processed-image-container .image-comparer .image-container{background:transparent;overflow:hidden}.try-now-visualizer-container .try-now-visualizer .processed-image-container .image-comparer .before-img{inset:0;position:absolute}.try-now-visualizer-container .try-now-visualizer .processed-image-container .image-comparer .comparisonSlider{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.try-now-visualizer-container .try-now-visualizer .processed-image-container .image-comparer .comparisonSlider-line{background-color:#fff;height:100%;inset:0;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:.25rem}.try-now-visualizer-container .try-now-visualizer .processed-image-container .image-comparer .comparisonSlider-button{background:transparent;background:url(/static/media/grabHandleIcon.7bc2e183e2572573885a.svg) 50% no-repeat;cursor:pointer;height:2rem;inset:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2rem}.try-now-visualizer-container .try-now-visualizer .try-now-photo-uploader{grid-row-gap:1.625rem;color:#fff;display:grid;grid-auto-flow:row;justify-items:center;padding:1rem;row-gap:1.625rem}.try-now-visualizer-container .try-now-visualizer .try-now-photo-uploader>p{font-size:1.25rem;font-weight:700;line-height:1.25rem;text-transform:uppercase}.try-now-visualizer-container .try-now-visualizer .try-now-photo-uploader .instructions-container{grid-row-gap:.75rem;grid-column-gap:1.25rem;align-items:center;-webkit-column-gap:1.25rem;column-gap:1.25rem;display:grid;grid-template-columns:6.25rem 1fr;row-gap:.75rem}.try-now-visualizer-container .try-now-visualizer .try-now-photo-uploader .instructions-container img{height:3rem;width:6.25rem}@media(min-width:425px){.try-now-visualizer-container .try-now-visualizer .try-now-photo-uploader .instructions-container img{height:4rem}}.try-now-visualizer-container .try-now-visualizer .try-now-photo-uploader .instructions-container .step-description{grid-row-gap:.25rem;display:grid;grid-auto-flow:row;row-gap:.25rem}.try-now-visualizer-container .try-now-visualizer .try-now-photo-uploader .instructions-container .step-description>p{font-size:1rem;font-weight:700;margin:0;text-transform:uppercase}.try-now-visualizer-container .try-now-visualizer .try-now-photo-uploader .instructions-container .step-description div{font-size:.875rem;font-weight:400;line-height:1.25rem}.try-now-visualizer-container .try-now-visualizer .try-now-photo-uploader .metapix-button-icon{text-transform:uppercase;width:100%}.try-now-visualizer-container .photo-upload-control{display:none!important}.varient-detail{grid-row-gap:.75rem;align-items:center;color:#171717;display:grid;grid-template-areas:"tabHeader" "tabContent" "patternTabHeader" "patternTabContent" "headerText" "description" "actions";grid-template-rows:auto auto auto auto auto auto auto;justify-self:center;max-width:48.75rem;padding:1.625rem;position:relative;row-gap:.75rem}@media(min-width:1024px){.varient-detail{background:#fff;border-radius:1rem;grid-auto-flow:row;grid-template-areas:none;grid-template-rows:-webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content max-content max-content max-content;justify-self:start}}.varient-detail .varient-overlay{background-color:hsla(0,0%,100%,.6);border-radius:1rem;height:100%;inset:0;position:absolute;width:100%;z-index:1}.varient-detail .varient-header-text{color:#171717;grid-area:headerText}@media(min-width:1024px){.varient-detail .varient-header-text{grid-area:unset}}.varient-detail .varient-header-text>*{margin:0}.varient-detail .varient-header-text .title-text{font-size:1.25rem;font-weight:700;line-height:1.25rem;padding-bottom:1rem}.varient-detail .varient-header-text .header-text{color:#404040}@media(min-width:1024px){.varient-detail .varient-header-text .header-text{padding-bottom:1.9rem}}.varient-detail .varient-tab-header{grid-area:tabHeader}.varient-detail .varient-tab-header.pattern{grid-area:patternTabHeader}@media(min-width:1024px){.varient-detail .varient-tab-header,.varient-detail .varient-tab-header.pattern{grid-area:unset}}.varient-detail .varient-tab-header .varient-tabs{border-bottom:thin solid #e5e5e5;cursor:pointer;display:grid;font-size:1rem;line-height:1.25rem;text-align:center;text-transform:capitalize;-webkit-user-select:none;user-select:none}.varient-detail .varient-tab-header .varient-tabs .tab{max-width:7.3rem;width:100%}.varient-detail .varient-tab-header .varient-tabs .tab.selected{border-bottom:.25rem solid #ec1763;font-weight:500}.varient-detail .varient-tab-content{grid-area:tabContent;overflow-x:hidden;width:100%}.varient-detail .varient-tab-content.pattern{grid-area:patternTabContent}@media(min-width:1024px){.varient-detail .varient-tab-content,.varient-detail .varient-tab-content.pattern{grid-area:unset}}.varient-detail .varient-tab-content .varient-palette{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;height:3.4rem;overflow-x:auto;padding:0 .5rem}@media(min-width:1024px){.varient-detail .varient-tab-content .varient-palette{-webkit-column-gap:1.5rem;column-gap:1.5rem;grid-template-columns:repeat(auto-fit,2.5rem)!important;height:100%;padding:.5rem;row-gap:1.5rem}}.varient-detail .varient-tab-content .varient-palette::-webkit-scrollbar{display:none}.varient-detail .varient-tab-content .varient-palette .palette-color{border-radius:50%;cursor:pointer;height:2.5rem;position:relative;-webkit-user-select:none;user-select:none;width:2.5rem}.varient-detail .varient-tab-content .varient-palette .palette-color.selected:before,.varient-detail .varient-tab-content .varient-palette .palette-color:hover:before{border:thin solid #ec1763}.varient-detail .varient-tab-content .varient-palette .palette-color:before{border:thin solid #a3a3a3;border-radius:50%;content:"";height:3rem;left:-.3rem;position:absolute;top:-.3rem;width:3rem}@media(min-width:1024px){.varient-detail .varient-tab-content .varient-palette .palette-color:before{top:-.35rem}}.varient-detail .varient-tab-content .pattern-palette{align-items:center;align-items:start;-webkit-column-gap:1.625rem;column-gap:1.625rem;height:5rem;overflow-x:auto;padding:0 .5rem}@media(min-width:1024px){.varient-detail .varient-tab-content .pattern-palette{grid-template-columns:repeat(auto-fit,3.75rem)!important;height:5rem;padding:.5rem;row-gap:1.5rem}}.varient-detail .varient-tab-content .pattern-palette::-webkit-scrollbar{display:none}.varient-detail .varient-tab-content .pattern-palette .palette-pattern{background-repeat:no-repeat;background-size:contain;border:thin solid #a3a3a3;border-radius:.25rem;cursor:pointer;height:2.5rem;position:relative;-webkit-user-select:none;user-select:none;width:3.75rem}.varient-detail .varient-tab-content .pattern-palette .palette-pattern:before{content:attr(data-pattern-title);font-size:.8rem;max-width:3.75rem;position:absolute;top:2.5rem;width:-webkit-max-content;width:max-content}.varient-detail .varient-tab-content .pattern-palette .palette-pattern.selected,.varient-detail .varient-tab-content .pattern-palette .palette-pattern:hover{border:thin solid #ec1763}.varient-detail .varient-description{color:#404040;grid-area:description;line-height:1.5rem}@media(min-width:1024px){.varient-detail .varient-description{grid-area:unset}}.varient-detail .store-varient-actions{grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-area:actions;grid-auto-flow:column;justify-content:start}@media(min-width:1024px){.varient-detail .store-varient-actions{grid-area:unset}}.metapix-button-standard{background-color:#fff;border:1px solid #404040;border-radius:5rem;cursor:pointer;font-size:.875rem;height:2.25rem;line-height:1.25rem;padding:.5rem 1rem;text-transform:capitalize;-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content}.metapix-button-standard.selected,.metapix-button-standard:hover{background-color:#ec1763;border:none;color:#fff}.metapix-button-standard.disabled,.metapix-button-standard.disabled:hover{background-color:#ec1763;color:#e5e5e5;cursor:none}.metapix-button-standard.disabled:hover{box-shadow:none}.metapix-demo-store{display:grid;grid-template-rows:5rem auto;position:relative}@media(max-width:1023px){.metapix-demo-store{grid-template-rows:auto auto}}.metapix-demo-store .metapix-app-main{display:grid;grid-auto-flow:row;grid-template-areas:"category" "visualizer";grid-template-rows:auto auto}@media(min-width:425px){.metapix-demo-store .metapix-app-main{grid-template-rows:auto auto auto;row-gap:1.5rem}}@media(min-width:1024px){.metapix-demo-store .metapix-app-main{-webkit-column-gap:1.25rem;column-gap:1.25rem;grid-template-rows:auto auto}}.metapix-demo-store .metapix-app-main .try-now{display:grid;grid-area:visualizer;grid-auto-flow:row;grid-template-rows:31.25rem auto}@media(min-width:1024px){.metapix-demo-store .metapix-app-main .try-now{-webkit-column-gap:1rem;column-gap:1rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:auto;justify-self:center;width:73.5rem}}
/*# sourceMappingURL=main.10178f4d.css.map*/