.container{margin-left:auto;margin-right:auto;padding:8rem 0;text-align:center}.timeline{position:relative}.line{background-color:#c2b6ae;position:absolute;top:167px;width:.125rem;z-index:0;left:calc(50% - 1px)}.line:after{content:"";position:absolute;font-family:cursive;transform:rotate(45deg);left:-2px;bottom:-2px;font-size:13px;letter-spacing:normal;color:#9b928c;font-weight:lighter;display:block;width:5px;height:5px;border:1px solid #9b928c;border-top:0;border-left:none}@media screen and (max-width: 989px){.line{left:6px;top:16px}}.step{align-items:center;color:#000;display:flex;font-weight:500;position:relative;z-index:10;text-align:right;margin-bottom:100px}@media screen and (max-width: 989px){.step{display:block;text-align:left;padding-left:30px;margin-bottom:20px}}.step:nth-child(2) .absolute:after{content:none}.step.show-me{z-index:11}.step.show-me .media-box .media-content{opacity:1;position:fixed;right:50%;top:50%;transform:translateY(-50%);z-index:1}@media screen and (max-width: 989px){.step.show-me .media-box .media-content{position:static!important;transform:none}}.step .absolute{position:absolute;display:block;left:50%;transform:translate(-50%);line-height:0}@media screen and (max-width: 989px){.step .absolute{left:7px;top:-6px}}.step .absolute span{content:"";width:1rem;height:1rem;display:block;background-color:#000;border-radius:50%;z-index:1;position:absolute;transform:translateY(-50%);top:50%}.step .absolute:before{content:"";height:5rem;width:1rem;display:block;background:#f8f8f8;position:relative}.step .absolute:after{content:"";position:absolute;font-family:cursive;transform:rotate(45deg);left:2px;top:-4px;font-size:13px;letter-spacing:normal;color:#9b928c;font-weight:lighter;display:block;width:5px;height:5px;border:1px solid #9b928c;border-top:0;border-left:none}.step .media-box{width:calc(50% - 32px);display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width: 989px){.step .media-box{width:100%;flex-direction:column-reverse;align-items:flex-start}}.step .media-box .media-content{width:auto;height:335px;opacity:0;transition-duration:.2s;transition-property:opacity;position:fixed}@media screen and (max-width: 1280px){.step .media-box .media-content{height:auto;max-height:335px;max-width:calc(50% - 23rem)}}@media screen and (max-width: 989px){.step .media-box .media-content{height:240px;max-width:100%;display:block;transform:none!important;position:static!important}}.step .media-box .media-content .preview-opener{height:100%;width:auto;position:relative}.step .media-box .media-content .preview-opener img{width:auto;max-width:100%;max-height:100%;object-fit:contain}.step .media-box .media-content .preview-opener span.icon{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff70;display:flex;align-items:center;justify-content:center}.step .media-box .media-content .preview-opener span.icon:hover{background:#00000030}.step .media-box .media-content .preview-opener span.icon svg{height:30px;width:30px;margin-left:3px}.step .media-box .media-content .preview-opener .product__media-toggle{z-index:999;position:absolute;cursor:pointer;background:transparent;width:100%;height:100%;top:0;left:0;border:none}.step .media-box p{font-size:24px;white-space:nowrap;margin:0 0 0 60px}@media screen and (max-width: 989px){.step .media-box p{margin-left:0}}.step .content{width:calc(50% - 32px);max-width:428px;margin-left:100px;text-align:left}@media screen and (max-width: 989px){.step .content{width:100%;max-width:initial;margin-left:0}}.step .content .h3{font-family:var(--font-body-family);font-weight:500}.step .content p{color:var(--color-foreground)}.step .content .button{margin-right:10px}@media screen and (max-width: 749px){.step .content .button{margin-top:30px}.step .content .button+.button{margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/370/assets/custom-timeline.scss.css.map */