:root{--minColWidth:360px;--maxColWidth:360px;--maxColHeight:640px;--minColHeight:300px;--contBoxHeight:256px;--contBoxHeightX:384px;--gridWidth:168px;--gridMargin:6px;--gridWidthX:252px;--gridMarginX:8px;--maxZigHeight:400px;--moreZIndex:10;--imgBorderHover:#f99;--albumIconVM:-1.75em;--albumIconHM:0}#cont-box{display:inline-flex;flex-wrap:wrap;justify-content:center}.gridBox{background:#f8f8f8;border:1px solid #eee;cursor:zoom-in;display:inline-block;font-size:1rem;height:var(--contBoxHeightX);margin:var(--gridMarginX);overflow:hidden;padding:4px;position:relative;vertical-align:middle;width:var(--gridWidthX);z-index:0}@media screen and (max-width:1400px){.gridBox{font-size:.9rem;height:var(--contBoxHeight);margin:var(--gridMargin);width:var(--gridWidth)}div.gridPrice{font-size:.9em;font-weight:700}}@media screen and (max-width:1000px){.gridBox,div.gridPrice{font-size:.8em}div.gridPrice{font-weight:700}}.gridBox>h2.fileTitle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ddd;background-color:hsla(0,0%,94%,.25);bottom:40px;color:#333;cursor:pointer;font-size:.7rem;font-weight:600;left:4px;max-width:100%;overflow:hidden;padding:8px;position:absolute;text-align:center;text-overflow:ellipsis;white-space:normal;width:calc(100% - 8px);z-index:var(--moreZIndex)}.gridBox>img{cursor:zoom-in;display:block;-o-object-fit:contain;object-fit:contain;transition:transform 1s ease;width:100%}.gridBox>img:hover{transform:scale(1.15)}.gridBox>div{font-weight:600;overflow-x:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.gridBox div.buyButton{bottom:0;display:block;left:0;position:absolute;text-align:center;width:100%;z-index:105}.gridBox>div.album-in-out{background:hsla(0,0%,94%,.85);display:none;margin:auto;padding:4px;position:absolute;top:40%;width:100%}.gridBox:hover>div.album-in-out{display:block}.gridBox>div.album-in-out>i{line-height:1.25em;vertical-align:middle}.zigLBox{border:1px solid #ccc;display:flex;flex-direction:row;justify-items:center;max-height:var(--maxZigHeight);min-height:var(--minColHeight);overflow-y:hidden;padding:1.5em;width:100%}.zigLBox>div:nth-child(2){display:flex;flex-direction:column;margin-left:1em;overflow-y:auto;width:100%}.zigLBox>div>div.book{margin:1.25em 1.25em 1em 1em}.zigLBox>div>div.album-in-out{top:-1em}.zigRBox{border:1px solid #ccc;display:flex;flex-direction:row-reverse;justify-items:center;max-height:var(--maxZigHeight);min-height:var(--minColHeight);overflow-y:hidden;padding:1.5em;width:100%}.zigRBox>div:nth-child(2){display:flex;flex-direction:column;margin-right:1em;overflow-y:auto;width:100%}.zigRBox>div>div.book{margin:1.25em 1em 1em}.zigRBox>div>div.album-in-out{top:-1em}.zigLRBox{border:1px solid #ccc;display:flex;justify-items:center;max-height:var(--maxZigHeight);min-height:var(--minColHeight);overflow-y:hidden;padding:1.5em;width:100%}.zigLRBox:nth-child(odd){flex-direction:row}.zigLRBox:nth-child(2n){flex-direction:row-reverse}.zigLRBox>div:nth-child(2){display:flex;flex-direction:column;margin:auto 1em;overflow-y:auto;width:100%}.zigLRBox:nth-child(odd)>div>div.book{margin:1.25em 1.25em 1em .25em}.zigLRBox:nth-child(2n)>div>div.book{margin:1.25em .25em 1em 2em}.zigLRBox>div>div.album-in-out{top:-1em}.zigHBox{border:1px solid #ccc;display:inline-block;max-height:var(--maxColHeight);min-height:var(--minColHeight);min-width:var(--minColWidth);overflow:hidden;padding:1.5em;position:relative;width:50%}.zigHBox:nth-child(2n)>img{float:right;margin-left:1em}.zigHBox:nth-child(odd)>img{float:left;margin-right:1em}.zigHBox:after{background:#fff;bottom:0;color:#933;content:"more ...";cursor:pointer;padding-right:.5em;position:absolute;right:0;text-align:right;width:100%;z-index:var(--moreZIndex)}.zigHBox>div>div.book{margin:1.25em 1.25em 1em .25em}.zigHBox>div>div.album-in-out{top:var(--albumIconVM)}.zigTBox{border:1px solid #ccc;display:inline-block;max-height:var(--maxColHeight);min-height:var(--minColHeight);min-width:var(--minColWidth);overflow:hidden;padding:1em;position:relative;width:33.33%}.zigTBox:after{background:#fff;bottom:0;color:#933;content:"more ...";cursor:pointer;padding-right:.5em;position:absolute;right:0;text-align:right;width:100%;z-index:var(--moreZIndex)}.zigTBox>div>div.book{margin:1.25em 1.25em 1em .25em}.zigTBox>div>div.album-in-out{top:var(--albumIconVM)}.zigQBox{border:1px solid #ccc;display:inline-block;max-height:var(--maxColHeight);min-height:var(--minColHeight);min-width:var(--minColWidth);overflow:hidden;padding:1em;position:relative;width:25%}.zigQBox:after{background:#fff;bottom:0;color:#933;content:"more ...";cursor:pointer;padding-right:.5em;position:absolute;right:0;text-align:right;width:100%;z-index:var(--moreZIndex)}.zigQBox>div>div.book{margin:1.25em 1.25em 1em .25em}.zigQBox>div>div.album-in-out{top:var(--albumIconVM)}.zigFBox{border:1px solid #ccc;display:inline-block;max-height:var(--maxColHeight);max-width:var(--maxColWidth);min-height:var(--minColHeight);min-width:var(--minColWidth);overflow-y:hidden;padding:1em;position:relative;width:10%}.zigFBox:after{background:#fff;bottom:0;color:#933;content:"more ...";cursor:pointer;padding-right:.5em;position:absolute;right:0;text-align:right;width:100%;z-index:var(--moreZIndex)}.zigFBox>div>div.book{margin:1.25em 1.25em 1em .25em}.zigFBox>div>div.album-in-out{top:var(--albumIconVM)}.no-after:after{content:none}h2.fileTitle{font-weight:700;text-align:center}div.fileDescr{cursor:pointer;margin:.5em}div.zig-first{height:360px}div.zig-first>div{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}div.filePrices{margin:1em auto;max-width:256px}.buyOpt{align-items:center;background:#fff;border:1px solid #333;border-radius:.25em;color:#333;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;min-height:40px;min-width:160px;padding:3px;width:calc(100% - 4px)}.buyOpt>span.zigPrice{flex:1}.buyOpt.gridPrice{font-size:1em;font-weight:700}.buyOpt:hover{border:2px solid #000;color:#060}.buyOpt>span>i{font-size:1.5em}.buyOpt>span.icon>i:hover{background:#333;color:red;padding:.25em}.buyOpt>span.icon:hover{filter:invert(1);transform:scale(1.3)}div.album-in-out{cursor:pointer;font-size:1rem;left:var(--albumIconHM);white-space:nowrap}div.album-in-out>i:hover{color:red!important}div.album-in-out>i:after{color:#333;content:attr(data-info);display:inline-block;font-family:sans-serif;font-size:12px;font-weight:700;padding:0 .25em;vertical-align:top}div.album-in-out>i:hover:after{color:red}div#cont-box>div>div{--rotate:0deg;--rotateHover:-30deg;--perspective:600px;--transitionDuration:1s;--radius:2px;--thickness:50px;--bgColor:#888;--width:300px;--maxwidth:300px;--maxheight:300px;--height:300px;--pagesOffset:3px;perspective:var(--perspective);scrollbar-color:#bbc #ddd;scrollbar-width:thin}div#cont-box>div::-webkit-scrollbar{height:var(--scrolltrk-width);width:var(--scrolltrk-width)}div#cont-box>div::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px var(--scrolltrk-color);outline:1px solid var(--scrolltrk-color)}div#cont-box>div::-webkit-scrollbar-thumb{background-color:var(--thumb-color2);outline:1px solid #708090}div#cont-box>div>div::-webkit-scrollbar{height:var(--scrolltrk-width);width:var(--scrolltrk-width)}div#cont-box>div>div::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px var(--scrolltrk-color);outline:1px solid var(--scrolltrk-color)}div#cont-box>div>div::-webkit-scrollbar-thumb{background-color:var(--thumb-color2);outline:1px solid #708090}@keyframes initAnimation{0%{transform:rotateY(var(--rotateHover))}to{transform:rotateY(var(--rotate))}}div#cont-box>div>div>div.book>img{cursor:zoom-in}div.book{animation:initAnimation 1s ease 0s 1;max-height:var(--maxheight);position:relative;transform:rotateY(var(--rotate));transform-style:preserve-3d;transition:var(--transitionDuration) ease}div.book:hover{transform:rotateY(var(--rotateHover))}div.book>:first-child{background-color:red;border-right:8px solid #aaa;box-shadow:5px 5px 20px #666;display:block;margin:0 auto 1em;position:relative;transform:translateZ(calc(var(--thickness)/2))}div.book:after,div.book>:first-child{background-color:var(--bgColor);border-radius:0 var(--radius) var(--radius) 0;left:0;max-height:var(--maxheight);max-width:var(--maxwidth);top:0}div.book:after{box-shadow:-10px 0 50px 10px #666;content:" ";position:absolute;transform:translateZ(calc(0px - var(--thickness)/2))}