.popin{display:none;visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;z-index:100;transition:all .3s ease}.popin.active{display:block;visibility:visible}.popin.active.visible{opacity:1}.popin.visible .wrapper-popin{right:0}.popin .overlay{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-color:#1e303b33;z-index:1}.popin .overlay.img-active{background-color:#000}.popin .overlay.img-active:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:-moz-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(0,0,0,.02) 50%,rgba(0,0,0,0) 61%,rgba(0,0,0,.7) 82%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(0,0,0,.02) 50%,rgba(0,0,0,0) 61%,rgba(0,0,0,.7) 82%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,#0000001a,#00000005 50%,#0000 61%,#000000b3 82%,#000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a000000",endColorstr="#000000",GradientType=0)}.popin .overlay img{width:calc(100% - 550px);height:100%;object-fit:cover}.popin .overlay .name{position:fixed;left:45px;bottom:45px;font-family:Saol Display;font-weight:400;font-size:4.5rem;line-height:1em;color:#fff;display:block;max-width:50%;z-index:3}.popin .close{font-weight:400;font-size:.875rem;line-height:1.71em;letter-spacing:.02em;text-transform:uppercase;color:#cb4e44;text-align:right;margin-bottom:85px;cursor:pointer}.popin .close svg{display:inline-block;vertical-align:-3px;margin-left:15px}.popin .wrapper-popin{position:absolute;top:0;right:-550px;width:100%;max-width:550px;height:100%;overflow:auto;background-color:#fff;padding:50px 50px 50px 96px;z-index:2;transition:all .6s ease-in-out}.popin .wrapper-popin span{display:block}.popin .wrapper-popin span a,.popin .wrapper-popin span .label{font-family:Saol Display;font-weight:500;font-size:1.5rem;line-height:1.666em;color:#1e303b;text-decoration:none}.letter:before{content:"";display:block;font-family:Saol Display;font-weight:500;font-size:1.5rem;line-height:1.666em;color:#1e303b52}:not(.letter-a~.letter-a).letter-a:before{content:"A"}:not(.letter-b~.letter-b).letter-b:before{content:"B"}:not(.letter-c~.letter-c).letter-c:before{content:"C"}:not(.letter-d~.letter-d).letter-d:before{content:"D"}:not(.letter-e~.letter-e).letter-e:before{content:"E"}:not(.letter-f~.letter-f).letter-f:before{content:"F"}:not(.letter-g~.letter-g).letter-g:before{content:"G"}:not(.letter-h~.letter-h).letter-h:before{content:"H"}:not(.letter-i~.letter-i).letter-i:before{content:"I"}:not(.letter-j~.letter-j).letter-j:before{content:"J"}:not(.letter-k~.letter-k).letter-k:before{content:"K"}:not(.letter-l~.letter-l).letter-l:before{content:"L"}:not(.letter-m~.letter-m).letter-m:before{content:"M"}:not(.letter-n~.letter-n).letter-n:before{content:"N"}:not(.letter-o~.letter-o).letter-o:before{content:"O"}:not(.letter-p~.letter-p).letter-p:before{content:"P"}:not(.letter-q~.letter-q).letter-q:before{content:"Q"}:not(.letter-r~.letter-r).letter-r:before{content:"R"}:not(.letter-s~.letter-s).letter-s:before{content:"S"}:not(.letter-t~.letter-t).letter-t:before{content:"T"}:not(.letter-u~.letter-u).letter-u:before{content:"U"}:not(.letter-v~.letter-v).letter-v:before{content:"V"}:not(.letter-w~.letter-w).letter-w:before{content:"W"}:not(.letter-x~.letter-x).letter-x:before{content:"X"}:not(.letter-y~.letter-y).letter-y:before{content:"Y"}:not(.letter-z~.letter-z).letter-z:before{content:"Z"}@media screen and (max-width: 749px){.popin .wrapper-popin{padding:24px 16px}.popin .close{margin-bottom:25px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/popin.css.map */