.wr-lab-shop{position:relative;padding:14vw 0 8vw;background:var(--wr-cream);color:var(--wr-forest);overflow:clip}.wr-lab-shop__watermark{position:absolute;left:-12%;right:-12%;bottom:-2vw;aspect-ratio:1183.95 / 347.2;background:var(--wr-forest);opacity:.07;mask-image:var(--wm);-webkit-mask-image:var(--wm);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;pointer-events:none}.wr-lab-shop__head,.wr-lab-shop__grid,.wr-lab-shop__note{position:relative;z-index:1;width:min(100% - 2 * var(--wr-gutter),168rem);margin-inline:auto}.wr-lab-shop__eyebrow{margin:0 0 1.2vw;font-family:var(--wr-font-display);font-weight:700;font-size:max(1.3rem,1.1vw);letter-spacing:.14em;text-transform:uppercase;color:var(--wr-peach)}.wr-lab-shop__title{margin:0;font-family:var(--wr-font-display);font-weight:800;font-size:min(8.4vw,14rem);line-height:.86;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}.wr-lab-shop__tline{display:block}.wr-lab-shop__tline--outline>span{color:var(--wr-forest);-webkit-text-fill-color:transparent;-webkit-text-stroke:var(--wr-outline-stroke) var(--wr-forest)}.wr-lab-shop__intro{margin:2vw 0 0;max-width:52ch;font-size:max(1.6rem,1.32vw);line-height:1.45;color:var(--wr-ink)}.wr-lab-shop__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4vw;margin-top:4.5vw}.wr-lab-shop__card{position:relative;display:grid;grid-template-rows:auto 1fr;min-height:52vw;border-radius:1.2vw;background:var(--field);color:var(--field-fg);overflow:hidden;isolation:isolate}.wr-lab-shop__stage{position:relative;height:26vw}.wr-lab-shop__halo{position:absolute;left:50%;top:56%;width:22vw;height:22vw;border-radius:50%;background:radial-gradient(circle,#eee7ce38,#eee7ce00 70%);transform:translate(-50%,-50%);transition:transform .9s var(--lab-ease-spring)}.wr-lab-shop__can{position:absolute;left:50%;bottom:-1vw;height:22vw;transform:translate(-50%);filter:drop-shadow(0 1.2vw 1.6vw rgba(21,20,18,.28)) drop-shadow(0 3vw 3vw rgba(21,20,18,.18));transition:transform .9s var(--lab-ease-spring)}.wr-lab-shop__can img{display:block;height:100%;width:auto}.wr-lab-shop__card--mixed .wr-lab-shop__can{display:flex;align-items:flex-end}.wr-lab-shop__card--mixed .wr-lab-shop__can-a{position:relative;z-index:1;margin-right:-22%;transform:rotate(-5deg) translateY(-3%);transform-origin:bottom center;transition:transform .9s var(--lab-ease-spring)}.wr-lab-shop__card--mixed .wr-lab-shop__can-b{transform:rotate(5deg);transform-origin:bottom center;transition:transform .9s var(--lab-ease-spring)}@media(hover:hover){.wr-lab-shop__card:hover .wr-lab-shop__can{transform:translate(-50%) translateY(-5%) rotate(-3deg)}.wr-lab-shop__card:hover .wr-lab-shop__halo{transform:translate(-50%,-50%) scale(1.15)}.wr-lab-shop__card--mixed:hover .wr-lab-shop__can{transform:translate(-50%) translateY(-5%)}.wr-lab-shop__card--mixed:hover .wr-lab-shop__can-a{transform:rotate(-9deg) translateY(-4%)}.wr-lab-shop__card--mixed:hover .wr-lab-shop__can-b{transform:rotate(9deg)}}.wr-lab-shop__badge{position:absolute;top:1.6vw;right:1.6vw;width:6.4vw;height:6.4vw;display:grid;place-items:center;border-radius:50%;background:var(--field-fg);color:var(--wr-forest);animation:wr-shop-spin 18s linear infinite}.wr-lab-shop__badge svg{position:absolute;top:.5vw;right:.5vw;bottom:.5vw;left:.5vw;width:calc(100% - 1vw);height:calc(100% - 1vw);overflow:visible}.wr-lab-shop__badge text{font-family:var(--wr-font-display);font-weight:700;font-size:23px;letter-spacing:.08em;fill:currentColor}.wr-lab-shop__badge-num{font-family:var(--wr-font-display);font-weight:800;font-size:2.4vw;line-height:1}@keyframes wr-shop-spin{to{transform:rotate(360deg)}}.wr-lab-shop__badge-num{animation:wr-shop-unspin 18s linear infinite}@keyframes wr-shop-unspin{to{transform:rotate(-360deg)}}.wr-lab-shop__copy{display:grid;align-content:end;gap:.8vw;padding:1.2vw 2vw 2vw}.wr-lab-shop__pre{margin:0;font-family:var(--wr-font-display);font-weight:700;font-size:max(1.2rem,1vw);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.wr-lab-shop__name{margin:0;font-family:var(--wr-font-display);font-weight:800;font-size:5vw;line-height:.84;letter-spacing:-.01em;text-transform:uppercase}.wr-lab-shop__line{display:block}.wr-lab-shop__line--outline>span{color:var(--field-fg);-webkit-text-fill-color:transparent;-webkit-text-stroke:var(--wr-outline-stroke) var(--field-fg)}.wr-lab-shop__chips{display:flex;flex-wrap:wrap;gap:.6vw;margin-top:.2vw}.wr-lab-shop__chip{display:inline-flex;align-items:center;padding:.5vw 1.1vw;border-radius:99vw;background:var(--chip);color:var(--chip-fg);font-family:var(--wr-font-display);font-weight:700;font-size:max(1.2rem,1.05vw);letter-spacing:.06em;text-transform:uppercase;line-height:1}.wr-lab-shop__facts{margin:0;font-family:var(--wr-font-display);font-weight:700;font-size:max(1.2rem,1.05vw);letter-spacing:.1em;text-transform:uppercase;opacity:.9}.wr-lab-shop__note{margin:3vw 0 0;font-size:max(1.4rem,1.1vw);color:var(--wr-ink);opacity:.8;text-align:center}.wr-lab-shop__form .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.wr-lab-shop__form .loading__spinner .spinner{width:2.4rem;height:2.4rem}.wr-lab-shop__form .loading__spinner .path{stroke:var(--wr-forest)}@media screen and (max-width:989px){.wr-lab-shop{padding:15.2rem 0 6rem}.wr-lab-shop__title{font-size:min(15vw,11rem)}.wr-lab-shop__intro{margin-top:2rem;font-size:1.6rem}.wr-lab-shop__grid{grid-template-columns:1fr;gap:1.6rem;margin-top:4rem}.wr-lab-shop__card{min-height:0;border-radius:1.6rem}.wr-lab-shop__stage{height:65.6vw;max-height:51.6rem}.wr-lab-shop__halo{width:55vw;height:55vw}.wr-lab-shop__can{height:57.6vw;max-height:45.6rem;bottom:-2vw}.wr-lab-shop__card--mixed .wr-lab-shop__can{left:42%}.wr-lab-shop__badge{top:1.6rem;right:1.6rem;width:8rem;height:8rem}.wr-lab-shop__badge svg{top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;width:calc(100% - 1.2rem);height:calc(100% - 1.2rem)}.wr-lab-shop__badge-num{font-size:3rem}.wr-lab-shop__copy{gap:1rem;padding:1.6rem 2rem 2rem}.wr-lab-shop__name{font-size:13vw}.wr-lab-shop__chips{gap:.8rem}.wr-lab-shop__chip{padding:.6rem 1.2rem;font-size:1.2rem}.wr-lab-shop__facts{font-size:1.2rem}.wr-lab-shop__note{margin-top:3.2rem;font-size:1.4rem}}@media screen and (min-width:750px)and (max-width:989px){.wr-lab-shop__grid{grid-template-columns:1fr 1fr}.wr-lab-shop__card--mixed{grid-column:1 / -1}.wr-lab-shop__stage{height:34vw}.wr-lab-shop__can{height:30vw}.wr-lab-shop__name{font-size:7vw}}@media(prefers-reduced-motion:reduce){.wr-lab-shop__badge,.wr-lab-shop__badge-num{animation:none}.wr-lab-shop__can,.wr-lab-shop__halo,.wr-lab-shop__add,.wr-lab-shop__can-a,.wr-lab-shop__can-b{transition:none}}.wr-lab-shop--inline{padding-top:6vw}.wr-lab-shop--slate{background:var(--wr-slate);color:var(--wr-cream)}.wr-lab-shop--slate .wr-lab-shop__watermark{background:var(--wr-cream);opacity:.06}.wr-lab-shop--slate .wr-lab-shop__tline--outline>span{color:var(--wr-cream);-webkit-text-stroke-color:var(--wr-cream)}.wr-lab-shop--inline .wr-lab-shop__title{font-size:min(6vw,10rem)}@media screen and (max-width:989px){.wr-lab-shop--inline{padding-top:6rem}.wr-lab-shop--inline .wr-lab-shop__title{font-size:12vw}}.wr-lab-shop__buy{display:flex;align-items:center;justify-content:space-between;gap:1.4vw;margin-top:1.4vw}.wr-lab-shop__form{flex:none;min-width:0}.wr-lab-shop__form .form{position:relative}.wr-lab-shop__details,.wr-lab-shop__add{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:max(var(--wr-tap-min, 0px),2.875vw);padding:0 1.6vw;border:0;border-radius:.525vw;box-shadow:none;font-size:max(var(--wr-type-min, 0px),1.35vw);white-space:nowrap;cursor:pointer}.wr-lab-shop__details{background:transparent;color:var(--field-fg);box-shadow:inset 0 0 0 .15rem var(--field-fg)}.wr-lab-shop__add{background:var(--field-fg);color:var(--wr-forest)}.wr-lab-shop__add.is-off{opacity:.6;cursor:default}.wr-lab-shop__price{margin-left:.9vw;padding-left:.9vw;border-left:.1rem solid currentColor;font-family:var(--wr-font-body);font-weight:500;font-size:max(1.2rem,.95vw);letter-spacing:.02em;text-transform:none;opacity:.85}.wr-lab-shop__details,.wr-lab-shop__add{transition:transform .55s var(--lab-ease-spring),background-color .3s var(--lab-ease-out),color .3s var(--lab-ease-out),box-shadow .3s var(--lab-ease-out)}@media(hover:hover){body.wr-lab .wr-lab-shop__details:hover{transform:translateY(-.15vw);background:var(--wr-forest-deep);color:var(--wr-cream);box-shadow:inset 0 0 0 .15rem var(--wr-forest-deep)}body.wr-lab .wr-lab-shop__add:not(.is-off):hover{transform:translateY(-.15vw);background:var(--wr-forest);color:var(--wr-cream);box-shadow:none}}body.wr-lab :is(.wr-lab-shop__details,.wr-lab-shop__add):active{transform:none;transition-duration:.15s}@media(hover:hover){body.wr-lab :is(.wr-lab-shop__card--mixed,.wr-lab-shop__card--black-cherry) :is(.wr-lab-shop__details,.wr-lab-shop__add:not(.is-off)):hover{background:var(--wr-peach);color:var(--wr-forest-deep);box-shadow:inset 0 0 0 .15rem var(--wr-peach)}}@media screen and (max-width:989px){.wr-lab-shop__buy{flex-direction:column;align-items:stretch;gap:1.2rem;margin-top:1.6rem}.wr-lab-shop__form{flex:none}.wr-lab-shop__details,.wr-lab-shop__add{width:100%;min-height:4.5rem;padding:0 1.6rem;border-radius:.6rem;font-size:1.45rem}.wr-lab-shop__price{margin-left:1rem;padding-left:1rem;font-size:1.3rem}}.wr-lab-shop__stage-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:pointer}.wr-lab-shop__badge{z-index:3;pointer-events:none}.wr-lab-shop--moss{background:linear-gradient(180deg,var(--wr-forest) 0%,var(--wr-moss) min(68rem,46%),var(--wr-moss) 100%);color:var(--wr-cream)}.wr-lab-shop--moss .wr-lab-shop__watermark{background:var(--wr-forest-deep);opacity:.16}.wr-lab-shop--moss .wr-lab-shop__title{color:var(--wr-cream)}.wr-lab-shop--moss .wr-lab-shop__tline--outline>span{color:var(--wr-cream);-webkit-text-stroke-color:var(--wr-cream)}.wr-lab-shop--moss :is(.wr-lab-shop__intro,.wr-lab-shop__note){color:var(--wr-cream);opacity:1}.wr-lab-shop--moss .wr-lab-shop__intro{font-size:max(2.4rem,1.7vw);font-weight:500}.wr-lab-shop--moss .wr-lab-shop__eyebrow{color:var(--wr-cream)}.wr-lab-shop--home{padding-top:7vw}@media screen and (max-width:989px){.wr-lab-shop--home{padding-top:6rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/wr-lab-shop.css.map */
