/* Bookmark Posts v2.6 CSS */
.isBkm, .cBkPs{display:block} .bD .bmPs, .pInf .pIc .bmPs{display:flex} .tBkmt::before{background:#e6e6e6;border-radius:10px;color:var(--bodyC);content:attr(data-text);font-size:90%;padding:2px 5px;position:absolute;right:2px;top:-3px;z-index:2} .tBkmt.n::before{display:none} .wBkm{display:flex;max-height:400px;opacity:0;overflow:hidden;position:absolute;right:0;top:45px;transform:scale(.8);transform-origin:top right;transition:visibility .2s ease,opacity .2s ease,transform .2s ease;visibility:hidden;width:375px;z-index:4} .Rtl .wBkm{right:unset;left:0;transform-origin:top left} .bkmCls{background:transparent;bottom:0;display:block;left:0;opacity:0;position:fixed;right:0;top:0;transition:var(--trans-1);visibility:hidden;z-index:1} .bkmI:checked~.wBkm{opacity:1;top:45px;transform:scale(1);visibility:visible} .bkmI:checked~.bkmCls{opacity:1;visibility:visible;z-index:3} .bkmH .c{display:none} @media screen and (max-width:500px){.bkmI:checked~.wBkm{bottom:0;top:auto;transform:none} .wBkm, .Rtl .wBkm{border-radius:12px 12px 0 0;bottom:-100%;left:0;max-height:calc(100% - var(--headerH));position:fixed;right:0;top:auto;transform:none;transform-origin:center;transition:var(--trans-4);width:100%} .bkmH .c{display:flex} .bkmI:checked~.bkmCls{-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:rgba(0,0,0,.2)}} .bkmC>.n{text-align:center} .bkmC .n>svg{color:var(--linkC);height:30px;width:30px} .drK .bkmC .n>svg{color:var(--darkU)} .bkmC .n>a{font-size:90%;justify-content:center;min-width:100%;padding:6px 12px} .bkmC .item{align-items:center;display:flex;position:relative;width:100%} .bkmC .item:not(:last-child){margin-bottom:15px} .bkmC .pThmb{border-radius:10px;flex:0 0 80px;margin:0} .bkmC .pThmb>*{padding-top:100%} .bkmC .thmb{text-align:center} .bkmC .pThmb .bkmImg{background-position:center;background-repeat:no-repeat;background-size:cover;bottom:0;display:block;left:0;position:absolute;right:0;top:0;transition:var(--trans-2)} .bkmC .pThmb:hover .bkmImg{transform:scale(1.04)} .bkmC .itmTtl{padding:0 12px;position:relative;width:calc(100% - 80px)} .bkmC .itmTtl>*{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden;line-height:22px} .bkmC .item a:hover{color:var(--linkC)} .drK .bkmC .item a:hover{color:var(--darkU)} .del svg{transition:var(--trans-2)} .del:hover svg{cursor:pointer;stroke:var(--linkC);transform:scale(1.1)} .drK .del:hover svg{stroke:var(--darkU)} .bkmC .item.d{animation:delBkm 1s 0s forwards;overflow:hidden} @keyframes delBkm{0%{opacity:1}50%{opacity:.5;left:0}100%{opacity:0;left:500px}} .bmPs.a>svg .v{display:none} .bmPs.a>svg .d{display:block}