.product-instructions{padding:3rem 0;background-color:rgb(var(--color-background));overflow:hidden}.product-instructions-grid{display:grid;grid-template-areas:"left mid right";grid-template-columns:1fr 1fr 1fr;place-items:center}.instructions-image-container{position:relative}.instructions-image-wrapper{aspect-ratio:5 / 4}.instructions-image-main{aspect-ratio:5.9 / 7.25;z-index:-1}.instructions-container{width:80%}.bottom-mobile{align-self:flex-end}.instructions-container--right{margin-top:70px;align-self:center}.instruction-plus{position:absolute;width:40px;height:40px;padding:7px;border-radius:50%;background-color:rgb(var(--color-button))}.instruction-plus--left{right:50px;top:25%}.instruction-plus--bottom{bottom:25%;left:50px}.instruction-plus--right{top:25%;right:50px}.instruction-plus svg path{fill:rgb(var(--color-background));stroke:rgb(var(--color-background));stroke-width:.5px}.instructions-left{display:flex;flex-direction:column;justify-content:space-between}.instruction-left-img{transform:rotate(150deg);z-index:-1}.instruction-bottom-img{transform:rotate(120deg);z-index:-1}.instruction-right-img{position:relative;transform:rotate(-10deg);z-index:-1}.instructions-image-wrapper,.instructions-image-main{position:relative}.instructions-right{height:100%;display:flex;flex-direction:column}.instructions-content{position:relative;z-index:1;text-align:center;top:-20px;color:rgb(var(--color-foreground))}.instructions-title{font-size:var(--fluid-20-28);font-weight:700;margin-bottom:.75rem}.instructions-description{font-size:var(--fluid-14-16)}.connecter-left{position:absolute;z-index:1;right:0;top:53%;transform:translate(100%);width:50%;overflow:visible}.connecter-left:before{position:absolute;content:"";width:10px;height:10px;z-index:100;border-radius:50%;border:2px solid rgb(255,255,0,.4);bottom:-4px;right:0;transform:translate(40%);background-color:#e5a648}.connecter-right{position:absolute;z-index:1;left:20%;top:42%;transform:translate(-100%);width:70%;overflow:visible}.connecter-right:before{position:absolute;content:"";width:8px;height:8px;z-index:100;border-radius:50%;border:2px solid rgb(255,255,0,.2);bottom:-2px;left:0;transform:translate(-40%);background-color:#e5a648}.connecter-bottom{position:absolute;z-index:1;right:20%;bottom:22%;transform:translate(100%);width:72%;overflow:visible}.connecter-bottom:after{position:absolute;content:"";width:8px;height:8px;z-index:100;border-radius:50%;border:3px solid rgb(255,255,255,.4);top:-3px;right:0;transform:translate(40%);background-color:rgb(var(--color-button))}@media (max-width: 1350px){.instructions-title{font-size:var(--fluid-16-20)}.instructions-description{font-size:var(--fluid-12-14)}.instruction-plus{position:absolute;width:30px;height:30px;padding:5px}}@media (max-width: 1200px){.instructions-title{font-size:var(--fluid-14-16)}.instructions-description{font-size:var(--fluid-11-13)}.instruction-plus{position:absolute;width:24px;height:24px;padding:4px}}.instructions-right--mobile{display:none}.desktop-only{display:block}.mobile-only{display:none}.page-width-special{width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem}.instructions-main{max-width:100%}@media (max-width: 999px){.page-width-special{padding:0}.product-instructions{padding:7rem 0}.product-instructions-grid{display:flex;flex-direction:column-reverse;gap:10px;max-width:375px;margin:0 auto;padding-top:7rem;transform:scale(1.3)}.instructions-main{max-width:60%;margin-right:1rem}.instructions-right{display:none}.instructions-right--mobile{display:flex;flex-direction:column;position:absolute;transform:translate(20px,-420px);z-index:2}.instructions-left{flex-direction:row;align-items:center;transform:translate(-20px,-100px)}.bottom-mobile{display:flex;flex-direction:column-reverse;transform:translate(25px,100px)}.instructions-container{width:50%;gap:10px}.instructions-container--new{width:100%}.instructions-container--bottom{align-self:flex-start;width:100%}.instructions-container--right{margin-top:0;align-self:flex-end}.instructions-container--left{width:50%}.instruction-plus{position:absolute;width:30px;height:30px;padding:7px;border-radius:50%;background-color:rgb(var(--color-button))}.instruction-plus--right{top:auto;bottom:25%;left:12px}.instruction-plus svg path{fill:rgb(var(--color-background));stroke:rgb(var(--color-background));stroke-width:.5px}.instruction-left-img{transform:rotate(160deg);z-index:-10}.instruction-bottom-img{transform:rotate(159deg);z-index:0}.instruction-right-img{position:relative;transform:rotate(160deg);z-index:0}.instructions-content{position:relative;z-index:1;text-align:center;top:-20px;color:rgb(var(--color-foreground))}.instructions-title{font-size:var(--fluid-14-16);font-weight:700;margin-bottom:.5rem}.instructions-description{font-size:var(--fluid-10-12);max-width:120px;margin:0 auto}.connecter-left{position:absolute;z-index:1;right:auto;top:auto;left:48px;bottom:calc(25% + 40px);transform:translate(0);width:4px}.instruction-plus--left{left:30px;right:unset;top:auto;bottom:25%}.connecter-left .connecter-left--1{position:absolute;left:-5.5px;top:10px;transform:translateY(-100%);width:4px;height:195px;background-color:#e5a648}.connecter-left--1:after{position:absolute;content:"";left:0;top:-2px;width:80px;height:4px;background-color:#e5a648}.connecter-left .connecter-left--1:before{position:absolute;content:"";width:12px;height:12px;z-index:100;border-radius:50%;border:4px solid rgb(255,255,255,.4);top:-6px;right:-80px;transform:translate(40%);background-color:rgb(var(--color-button))}.connecter-right{position:absolute;z-index:1;transform:translate(0);top:auto;left:auto;bottom:calc(25% + 40px);right:50px}.connecter-left:before{display:none}.connecter-right:before{display:none}.connecter-right .connecter-right--1{position:absolute;left:19px;bottom:-38px;transform:translateY(100%);width:4px;height:180px;background-color:#e5a648;z-index:20}.connecter-right .connecter-right--1:after{position:absolute;content:"";right:0;bottom:-2px;width:10px;height:4px;background-color:#e5a648}.connecter-right .connecter-right--1:before{position:absolute;content:"";width:12px;height:12px;z-index:100;border-radius:50%;border:4px solid rgb(255,255,255,.4);bottom:-6px;right:2px;transform:translate(-40%);background-color:rgb(var(--color-button))}.instruction-plus--bottom{bottom:20%;left:10px}.connecter-bottom{position:absolute;z-index:1;right:auto;width:4px;transform:translate(-100%);bottom:calc(25% + 18px);left:9px}.connecter-bottom .connecter-bottom--1{position:absolute;left:18px;top:0;transform:translateY(-100%);width:4px;height:160px;background-color:#e5a648}.connecter-bottom .connecter-bottom--1:before{position:absolute;content:"";width:12px;height:12px;z-index:100;border-radius:50%;border:4px solid rgb(255,255,255,.4);top:-4px;left:0;transform:translate(-40%);background-color:#e5a648}.connecter-bottom:after{display:none}.desktop-only{display:none}.mobile-only{display:block}}@media (max-width: 600px){.instructions-description{font-size:var(--fluid-9-11);max-width:120px}}.quick-add-form{display:none}.instruction-plus.loading{opacity:.8;transform:scale(.9)}.instruction-plus.loading{display:block}.instruction-plus.loading svg{transition:transform .4s ease-out}.instruction-plus.loading svg{animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.product-instructions-grid{transform:scale(1.15)}}@media (max-width: 500px){.product-instructions-grid{transform:scale(1)}.product-instructions{padding:.5rem 0}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/product-instructions.css.map */