@IMPORT <link href="https://fonts.googleapis.com/css?family=Poor+Story" rel="stylesheet"> *{box-sizing: border-box;}:root{--test: 10}#gallery{font-family:Poor Story,cursive;width:100%;padding:0 2rem;text-align:center}.polaroid{background:#fff;padding:.5rem;box-shadow:0 .6rem 1.2rem #0006}.polaroid-gallery{height:270px;width:230px}.polaroid-item{height:100px;width:80px}.polaroid-item-focus{height:150px;width:120px}.polaroid-inner{position:relative;height:100%;width:100%}.gallery-album .polaroid:before{content:"";background:#fff;padding:1rem;box-shadow:0 .6rem 1.2rem #0006;position:absolute;z-index:-1;top:0;left:-10px;transform:rotate(-5deg)}.gallery-album .polaroid-gallery:before{height:270px;width:230px}.gallery-album .polaroid-item:before{height:100px;width:80px}.gallery-album .polaroid-item-focus:before{height:150px;width:120px}.gallery-album .polaroid:after{content:"";background:#fff;padding:1rem;box-shadow:0 .6rem 1.2rem #0006;position:absolute;z-index:-1;top:5px;left:0;transform:rotate(4deg)}.gallery-album .polaroid-gallery:after{height:270px;width:230px}.gallery-album .polaroid-item:after{height:100px;width:80px}.gallery-album .polaroid-item-focus:after{height:150px;width:120px}.polaroid .image{height:100%;width:100%}.polaroid .image>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.polaroid-item.polaroid-processing .image>img,.polaroid-item-focus.polaroid-processing .image>img{-o-object-fit:contain;object-fit:contain}.caption{width:100%;position:absolute;bottom:0;background:rgba(0,0,0,.4);color:#fff}.processing{width:100%;position:absolute;background:rgba(0,0,0,.4);color:#fff}.polaroid .processing{bottom:100px}.polaroid-item .processing{bottom:20px;font-size:.7rem}.polaroid-item-focus .processing{bottom:40px}.title{font-size:1.5rem;text-align:center;line-height:1em}.views-counter{color:#fff;font-size:.8rem;height:25px;width:100%;position:absolute;top:3px;padding-left:3px;padding-right:3px;padding-top:0}.views-counter-left,.views-counter-right{background:rgb(0,0,0,.5);border-radius:10px;padding-left:.5rem;padding-right:.5rem;line-height:25px}.gallery-album,.gallery-item{display:inline-block;filter:none}.gallery-album .polaroid:before,.gallery-item .polaroid:before{content:"";position:absolute;z-index:-1;transition:all .35s}.gallery-album:nth-of-type(2n),.gallery-item:nth-of-type(2n){transform:scale(.9) rotate(5deg);transition:all .35s}.gallery-album:nth-of-type(odd),.gallery-item:nth-of-type(odd){transform:scale(.9) rotate(-3deg);transition:all .35s}.gallery-album:hover,.gallery-item:hover{filter:grayscale(100%);transform:scale(1) rotate(0)!important;transition:all .35s}.gallery-album[data-rotation-base="1"]:nth-of-type(2n),.gallery-item[data-rotation-item="1"]:nth-of-type(2n){transform:scale(.9) rotate(-6deg)}.gallery-album[data-rotation-base="2"]:nth-of-type(2n),.gallery-item[data-rotation-item="2"]:nth-of-type(2n){transform:scale(.9) rotate(-3deg)}.gallery-album[data-rotation-base="3"]:nth-of-type(2n),.gallery-item[data-rotation-item="3"]:nth-of-type(2n){transform:scale(.9) rotate(2deg)}.gallery-album[data-rotation-base="4"]:nth-of-type(2n),.gallery-item[data-rotation-item="4"]:nth-of-type(2n){transform:scale(.9) rotate(5deg)}.gallery-album[data-rotation-base="1"]:nth-of-type(odd),.gallery-item[data-rotation-item="1"]:nth-of-type(odd){transform:scale(.9) rotate(-6deg)}.gallery-album[data-rotation-base="2"]:nth-of-type(odd),.gallery-item[data-rotation-item="2"]:nth-of-type(odd){transform:scale(.9) rotate(2deg)}.gallery-album[data-rotation-base="3"]:nth-of-type(odd),.gallery-item[data-rotation-item="3"]:nth-of-type(odd){transform:scale(.9) rotate(5deg)}.gallery-album[data-rotation-base="4"]:nth-of-type(odd),.gallery-item[data-rotation-item="4"]:nth-of-type(odd){transform:scale(.9) rotate(-3deg)}.gallery-album .polaroid[data-rotation-1="3"]:before{transform:rotate(-3deg)}.gallery-album .polaroid[data-rotation-1="4"]:before{transform:rotate(-4deg)}.gallery-album .polaroid[data-rotation-1="5"]:before{transform:rotate(-5deg)}.gallery-album .polaroid[data-rotation-1="6"]:before{transform:rotate(-6deg)}.gallery-album .polaroid[data-rotation-1="7"]:before{transform:rotate(-7deg)}.gallery-album .polaroid[data-rotation-2="3"]:after{transform:rotate(3deg)}.gallery-album .polaroid[data-rotation-2="4"]:after{transform:rotate(4deg)}.gallery-album .polaroid[data-rotation-2="5"]:after{transform:rotate(5deg)}.gallery-album .polaroid[data-rotation-2="6"]:after{transform:rotate(6deg)}.gallery-album .polaroid[data-rotation-2="7"]:after{transform:rotate(7deg)}
