.virtual-stylist-container{display:block;width:100%;min-height:50vh;overflow:hidden;position:relative}#virtual-stylist-app{display:flex;min-height:calc(100vh - var(--header-height, 0px));min-height:calc(100svh - var(--header-height, 0px));padding:0 5.4rem var(--header-height);flex-direction:column}.virtual-stylist{position:relative;display:flex;height:100%;flex:1;flex-direction:column;justify-content:center}.virtual-stylist button{cursor:pointer}@media screen and (max-width: 749px){#virtual-stylist-app{padding:0 2.4rem var(--header-height)}}.transition-wrapper{transition:opacity .5s}.transition-wrapper.is-transitioning{pointer-events:none}.transition-out{opacity:1}.transition-out.is-transitioning,.transition-in{opacity:0}.transition-in.is-transitioning{opacity:1}.virtual-stylist__intro{display:flex;height:100%}.virtual-stylist__intro-image{display:flex;width:40%;max-width:60rem;padding-left:54px;align-items:center;order:2}.virtual-stylist__intro-image img{width:100%;height:auto}.virtual-stylist__intro-desc{display:flex;max-width:59rem;margin:0 auto;flex:1;flex-direction:column;justify-content:center;order:1}.virtual-stylist__intro-desc h1{margin-bottom:4.8rem}.virtual-stylist__intro-desc p{max-width:48ch;margin:0 auto 6.4rem}.virtual-stylist__intro-desc button{position:relative;display:flex;width:100%;max-width:42rem;margin:0 auto;padding-bottom:2.6rem;align-items:center;justify-content:center}.virtual-stylist__intro-desc button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.1rem;background:#000}.virtual-stylist__intro-desc button svg{margin-left:1.6rem}@media screen and (max-width: 749px){.virtual-stylist__intro{flex-direction:column}.virtual-stylist__intro-image{width:100%;max-width:none;padding:6.5rem 4rem 7.2rem;justify-content:center;order:1}.virtual-stylist__intro-image img{max-width:30rem}.virtual-stylist__intro-desc{flex:0;order:2}.virtual-stylist__intro-desc h1{margin-bottom:3.6rem;font-size:5.6rem}.virtual-stylist__intro-desc p{max-width:30rem;margin-bottom:4rem}}.virtual-stylist__select{position:relative;display:flex;height:100%;flex:1;flex-direction:column;justify-content:center}.virtual-stylist__select-nav{position:absolute;bottom:0;width:100%;transform:translateY(50%)}.virtual-stylist__select-nav .pagination__list{text-align:center}.virtual-stylist__header h1{max-width:50rem;margin:3.2rem auto 2.4rem;text-transform:capitalize}.virtual-stylist__header p{margin-bottom:4rem}.virtual-stylist__select-options ul{max-width:70rem;margin:0 auto 3.2rem;gap:.8rem}.virtual-stylist__select-options .pill-button{padding:2.4rem 3.2rem;transition:background-color .2s,color .2s,transform .5s cubic-bezier(0,.6,.6,1)}.virtual-stylist__select-options .pill-button:hover{transform:scale(1.04)}@media screen and (max-width: 749px){.virtual-stylist__select{padding-top:12.8rem;justify-content:flex-start}.virtual-stylist__header h1{margin-bottom:1.2rem}.virtual-stylist__select{padding-bottom:3.2rem}.virtual-stylist__select-options .pill-button{padding:1.9rem}}@media screen and (max-width: 400px){.virtual-stylist__select{padding-top:6.4rem}}.virtual-stylist__loading{display:flex;flex:1;flex-direction:column}.virtual-stylist__loading-media{display:flex;align-items:center;flex:1}.virtual-stylist__loading-media video{width:100%;height:80%;max-height:calc(80vh - var(--header-height));margin:0 auto}.virtual-stylist__loading-status{position:absolute;bottom:0;width:100%;text-align:center;transform:translateY(50%)}.virtual-stylist__loading-status p{font-family:var(--font-alt-family);font-size:var(--text-4xl)}@media screen and (max-width: 749px){.virtual-stylist__loading-status p{font-size:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/280/assets/component-virtual-stylist-app.css.map */