.ring-animation{display:block;position:relative}.ring-animation__container{width:100%}@media screen and (min-width:990px){.ring-animation__container{height:100vh}}.ring-animation__mobile-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;overflow:hidden}.ring-animation__video{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;margin-top:-8rem}@media screen and (min-width:750px){.ring-animation__video{margin-top:-20rem}}@media only screen and (min-width:990px){.ring-animation__video{margin-top:0;display:none}}.ring-animation__canvas{display:none}@media only screen and (min-width:990px){.ring-animation__canvas{display:block;width:100%;height:100%;max-width:100%}}.ring-animation__text-container{position:relative;width:100%;padding-top:3rem}@media only screen and (min-width:990px){.ring-animation__text-container{position:absolute;height:100%;padding-top:0}}.ring-animation__text-container--first{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:990px){.ring-animation__text-container--last{top:0;right:0;bottom:0;left:0;max-width:var(--page-width);margin:0 auto}}.ring-animation__text{font-family:var(--font-heading-family);font-size:3.4rem;font-weight:400;letter-spacing:.5rem;line-height:1.0588235294;text-transform:uppercase;margin:0 auto 3rem;padding:0 2rem;opacity:0;color:rgb(var(--color-base-accent-1));text-align:center}@media screen and (min-width:750px){.ring-animation__text{font-size:4.6rem;letter-spacing:.8rem;line-height:1.1304347826}}@media screen and (min-width:1200px){.ring-animation__text{font-size:7.4rem;letter-spacing:.15rem;line-height:1.0810810811}}@media screen and (min-width:750px){.ring-animation__text .page-width{padding:0 3rem}}@media only screen and (min-width:990px){.ring-animation__text{position:absolute;right:0;left:0;max-width:83%;margin-bottom:0;padding:0 5rem}}@media screen and (min-width:1600px)and (max-width:1919px){.ring-animation__text{padding:0 12rem}}.ring-animation__text:last-child{margin-bottom:0}@media only screen and (min-width:990px){.ring-animation__text--create{display:-webkit-box;display:-ms-flexbox;display:flex;top:25%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 3rem 0 1rem}}@media screen and (min-width:1680px){.ring-animation__text--create{padding:0 23rem 0 18rem}}@media only screen and (min-width:990px){.ring-animation__text--unique{top:25%;text-align:left}.ring-animation__text--unique span{display:block;padding-left:.75em}}@media only screen and (min-width:990px){.ring-animation__text--you{top:25%;right:calc(5rem + 12%);left:auto;padding:0}.ring-animation__text--you span{display:block;position:relative;left:.75em}.ring-animation__text--you span span{left:.5em}}@media only screen and (min-width:1620px){.ring-animation__text--you{right:calc(5rem + 12% + (100% - 162rem)/2)}}.ring-animation__start{padding:0 2rem 4rem;text-align:center}@media screen and (min-width:750px){.ring-animation__start .page-width{padding:0 3rem 4rem}}@media only screen and (min-width:990px){.ring-animation__start{position:absolute;top:40%;right:10%;width:29%;margin:0 0 0 auto;padding:0;-webkit-transform:translateY(-40%);transform:translateY(-40%);opacity:0;text-align:left}}@media only screen and (min-width:1620px){.ring-animation__start{right:6%}}.ring-animation__title{font-family:var(--font-heading-family);font-size:3.4rem;font-weight:400;letter-spacing:.5rem;line-height:1.0588235294;text-transform:uppercase;color:rgb(var(--color-base-accent-1))}@media screen and (min-width:750px){.ring-animation__title{font-size:4.6rem;letter-spacing:.8rem;line-height:1.1304347826}}@media screen and (min-width:1200px){.ring-animation__title{font-size:7.4rem;letter-spacing:.15rem;line-height:1.0810810811}}.ring-animation__intro{font-family:var(--font-body-family);font-size:1.9rem;font-weight:300;letter-spacing:-.02rem;line-height:1.3157894737;text-transform:none;margin:3.6rem 0 4.6rem;color:rgb(var(--color-base-text-emphasis))}@media screen and (min-width:750px){.ring-animation__intro{font-size:2.6rem;line-height:1.3846153846}}@media screen and (max-width:989px){.ring-animation__text-container--last{padding-top:2rem;padding-bottom:2rem}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-ring-animation.css.map */