.layersSection{position:relative;height:420px;padding:0;margin:4em 0}@media only screen and (max-width: 640px){#layersBox{min-height:700px}.layersSection{position:relative;height:600px;padding:0;margin:0}}#layersBox{position:relative;height:281px;width:800px;margin:12em auto 6em}@media only screen and (max-width: 640px){#layersBox{position:relative;height:281px;width:300px;margin:6em auto}}#layersBox img{position:relative;opacity:.8;left:0;margin:-2.5em;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;top:0;padding:0;display:flex;justify-self:end;width:70%}@media only screen and (max-width: 640px){#layersBox img{width:100%;height:auto;margin:-.5em}.infoBox{display:none!important}}#layersBox img.active{opacity:1;padding:6em 0 0}.layer{position:relative;width:100%}#layersBox .image-1.active{opacity:1;padding:0 0 6em}#layersBox .image-9.active{opacity:1;padding:6em 0 0}@media only screen and (max-width: 640px){.layer{position:relative;width:100%}#layersBox{position:relative}#layersBox img.active{opacity:1;padding:3em 0}#layersBox .image-9.active{opacity:1;padding:3em 0 0}}.btnAcp{background-color:#fff;position:absolute;top:0;right:0;z-index:10;padding:2px 0 0;cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(var(--color-button));color:rgba(var(--color-button));margin:.1em;font-size:1.4rem;text-align:center}.btnAcp.active{background-color:rgba(var(--color-button));color:#f5f5f5;border:2px solid white}.btnAcp.active:after{content:"";position:absolute;left:-3px;top:-3px;right:-3px;bottom:-3px;border:1px solid rgba(var(--color-button));border-radius:50%;animation:none}.btnAcp:after{content:"";position:absolute;left:-3px;top:-3px;right:-3px;bottom:-3px;border:1px solid rgba(var(--color-button));border-radius:50%;animation:animate 1s linear infinite}#button-1{right:40%}#button-2,#button-2.active{right:50%}#button-3{right:30%;top:2.5em}#button-3.active{right:30%;top:4.5em!important}#button-4{right:50%;top:2em!important}#button-4.active{right:50%;top:4.5em!important}#button-5{right:20%;top:1.5em!important}#button-5.active{right:20%;top:4.5em!important}#button-6{right:30%;top:2.5em}#button-6.active{right:30%;top:4.5em}#button-7{right:47%;top:1.5em}#button-7.active{right:47%;top:4.5em}#button-8{right:40%;top:2.5em}#button-8.active{right:40%;top:4.5em}#button-9{right:20%;top:2.5em}#button-9.active{right:20%;top:4.5em}#button-9 .active{right:20%}@media only screen and (max-width: 640px){#button-1{right:40%;top:0}#button-1.active{right:40%;top:5em}#button-2{right:60%;top:0}#button-2.active{right:60%;top:5em}#button-3{right:30%;top:0}#button-3.active{right:30%;top:5em!important}#button-4{right:50%;top:0!important}#button-4.active{right:50%;top:4.5em!important}#button-5{right:20%;top:0!important}#button-5.active{right:20%;top:4.5em!important}#button-6{right:30%;top:0}#button-6.active{right:30%;top:4.5em}#button-7{right:47%;top:0}#button-7.active{right:47%;top:4.5em}#button-8{right:40%;top:0}#button-8.active{right:40%;top:4.5em}#button-9{right:20%;top:2.5em}#button-9.active{right:20%;top:4.5em}#button-9 .active{right:20%}}.image-1{z-index:9}.image-2{z-index:8}.image-3{z-index:7}.image-4{z-index:6}.image-5{z-index:5}.image-6{z-index:4}.image-7{z-index:3}.image-8{z-index:2}.image-9{z-index:1}.infoBox{position:absolute;left:0;width:50%;color:var(--color-base-text);z-index:11;top:2em;right:0;opacity:0}#layer-1 .infoBox{top:-2em}@media only screen and (max-width: 640px){.infoBox{position:absolute;left:0;width:50%;color:var(--color-base-text);z-index:11;bottom:2em;right:0;display:none}}.infoBox h2,p{display:none}.infoBox.show h2,p{display:block}.infoBox.show p{font-size:1.5rem;margin:1em 0;width:30%}.infoBox.show h2{color:rgba(var(--color-button));padding:0;margin:1em 0 0}.infoBox.show{display:block;z-index:12;width:100%;opacity:1}.layer{display:grid}.layer .show:after{content:"";z-index:13;position:absolute;height:2px;width:0;top:3em;transition:width .6s linear;background-color:rgba(var(--color-button));color:rgba(var(--color-button));animation:right-animate 1s ease}@keyframes right-animate{0%{transform:translate(140px);opacity:0}90%{opacity:.3}to{transform:translate(0);opacity:1}}#layer-1 .show:after{width:57%;transition:width 1s linear}#layer-2 .show:after{width:50%}#layer-3 .show:after{width:67%}#layer-4 .show:after{width:47%}#layer-5 .show:after{width:77%}#layer-6 .show:after{width:67%}#layer-7 .show:after{width:50%}#layer-8 .show:after{width:57%}#layer-9 .show:after{width:77%}.layer:after{display:none}#layer-1 .btnAcp.active{top:0}.btnAcp.active{top:4.5em}.btnAcp{top:-.5em;z-index:13;transition:all 1s ease-in-out}#layer-1 .btnAcp{top:0;z-index:13;transition:all 1s ease-in-out}.layerInfoMobile{display:none}@media only screen and (max-width: 640px){.layerInfoMobile{display:grid;position:absolute;text-align:center;margin:-1rem 0;padding:2rem;justify-content:center;width:100%;bottom:0;justify-items:center}.infoBoxMobile{opacity:0;width:0;height:0}.infoBoxMobile.active{display:flex;flex-direction:column;bottom:0;opacity:1;margin-bottom:-4em;transition:opacity 1s ease-in-out;width:100%!important;height:100%!important}}@keyframes animate{0%{transform:scale(1.3)}to{transform:scale(.7)}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/smarch-layers-widget.css.map */