.card1{background:#828282;-webkit-clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);padding:9px;position:relative}.card1 .card-item{height:100%;overflow:auto;position:relative;width:100%}.card1 .card-item .full-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card2{background:linear-gradient(180deg,#464241,#100d0b);-webkit-clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.card2,.card3{bottom:1px;height:calc(100% - 2px);left:1px;position:absolute;right:1px;top:1px;width:calc(100% - 2px)}.card3{background:linear-gradient(180deg,#c8bdb9,#2d2620);-webkit-clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}.card4{background:linear-gradient(180deg,#464241,#100d0b);bottom:2.5px;-webkit-clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);height:calc(100% - 5px);left:2.5px;right:2.5px;top:2.5px;width:calc(100% - 5px)}.card4,.card5{position:absolute}.card5{background:linear-gradient(180deg,#c8bdb9,#2d2620);bottom:.8px;-webkit-clip-path:polygon(2.5px 0,calc(100% - 2.5px) 0,100% 2.5px,100% calc(100% - 2.5px),calc(100% - 2.5px) 100%,2.5px 100%,0 calc(100% - 2.5px),0 2.5px);clip-path:polygon(2.5px 0,calc(100% - 2.5px) 0,100% 2.5px,100% calc(100% - 2.5px),calc(100% - 2.5px) 100%,2.5px 100%,0 calc(100% - 2.5px),0 2.5px);height:calc(100% - 1.6px);left:.8px;right:.8px;top:.8px;width:calc(100% - 1.6px)}.card6{background:#000;bottom:1px;-webkit-clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);height:calc(100% - 2px);left:1px;right:1px;top:1px;width:calc(100% - 2px)}.card6,.card7{position:absolute}.card7{background:#828282;bottom:2px;-webkit-clip-path:polygon(1px 0,calc(100% - 1px) 0,100% 1px,100% calc(100% - 1px),calc(100% - 1px) 100%,1px 100%,0 calc(100% - 1px),0 1px);clip-path:polygon(1px 0,calc(100% - 1px) 0,100% 1px,100% calc(100% - 1px),calc(100% - 1px) 100%,1px 100%,0 calc(100% - 1px),0 1px);height:calc(100% - 4px);left:2px;right:2px;top:2px;width:calc(100% - 4px)}.card8{background:linear-gradient(180deg,#222,#000);bottom:0;box-shadow:inset 0 0 16px #000c,inset 0 0 24px #000000e6;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.dialog-mask .card1{background:#ebf4fe;-webkit-clip-path:none;clip-path:none;padding:0}.dialog-mask .card2,.dialog-mask .card3,.dialog-mask .card4,.dialog-mask .card5,.dialog-mask .card6,.dialog-mask .card7,.dialog-mask .card8{display:none}