.wrapper{display:grid;grid-template-columns:1fr;padding:0 3rem;position:relative;text-align:center;min-height:60vh}.wrapper .description,.wrapper .title,.wrapper .right-title{max-width:100%}.left-wrapper .title,.left-wrapper .description{transition:opacity .6s ease-in-out;opacity:0}.left-wrapper{width:100%;display:flex;flex-direction:column;text-align:center;padding:3rem;cursor:default;border-bottom:1px solid var(--colour-orange)}.left-wrapper .title.active,.left-wrapper .description.active{opacity:1}.right-wrapper{display:flex;flex-direction:column;width:100%;padding:5rem 3rem}.right-wrapper .clickable-section{max-width:100%;position:relative}.right-wrapper .right-description{opacity:0;pointer-events:none}.right-wrapper .button{opacity:0;transform:translate(-30%)}.clickable-section{display:flex;flex-direction:column;align-items:center;position:relative;padding:2rem}.clickable-section:after{content:"";border-bottom:1px solid var(--colour-orange);width:75%;height:1px;position:absolute;bottom:0}.clickable-section.active{padding:1rem 0;margin-top:8rem}.clickable-section.active:first-child{margin-top:4rem}.right-info{max-height:0;opacity:0;transition:opacity .8s ease-in-out}.clickable-section.active .right-info{transform-origin:top;opacity:1;max-height:100rem;margin-bottom:3rem}.clickable-section.active .right-info .button{opacity:1;transform:translate(0);transition:transform .6s ease-in-out,opacity .8s ease-in-out}.clickable-section.active .right-info .right-description{opacity:1;transition:opacity .8s ease-in-out}.clickable-section.active .right-info .right-description{margin-bottom:3rem}.clickable-section .right-title{transition:transform .6s ease-in-out,color .6s ease-in-out,opacity .6s ease-in-out;max-width:65%;font-size:1.8rem;margin:0}.clickable-section.active .right-title{margin-top:1.33em}.animated-icon{height:65px;width:65px;position:absolute;top:-20%;opacity:0;left:50%;transform:translate(-50%);z-index:2;transition:opacity .5s ease-in-out}.clickable-section.active .animated-icon{opacity:1;transition-delay:.5s}.clickable-section:hover{cursor:pointer}.clickable-section:hover .right-title{color:var(--colour-orange)}@media (min-width: 992px){.wrapper{padding:0 10rem;text-align:left;grid-template-columns:1fr 1fr}.wrapper .description,.wrapper .title{max-width:60%;margin:1.125rem 0}.left-wrapper{text-align:left;margin:8rem 0;display:flex;justify-content:center;padding:0 3rem;background-color:var(--colour-grey);position:relative;z-index:1;border-bottom:none}.left-wrapper:after{content:"";border-right:1px solid var(--colour-orange);height:100%;width:1px;position:absolute;top:0;right:0;max-height:0;transition:max-height 2s ease-in-out}.animated-icon{left:-12rem;transform:translate(0);top:2rem}.clickable-section{max-width:100%;display:block;padding:2rem 0}.clickable-section:after{display:none}.clickable-section.active{margin-top:0!important}.product-selector.active .left-wrapper:after{max-height:100rem}.right-info{max-width:65%}.right-title{margin-bottom:3rem}.right-wrapper{padding:6rem 3rem}.left-wrapper .title,.left-wrapper .description{transform:translate(-30%);opacity:0!important;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition-delay:0s}.product-selector.active .left-wrapper .title,.product-selector.active .left-wrapper .description{transform:translate(0);opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-selector.css.map */