.terminal-bar-top{height:22px;background:-webkit-linear-gradient(top,#ebebeb,#d5d5d5);border-radius:4px 4px 0 0;width:100%}.circles-container{display:flex;padding-left:3px}.terminal-bar-circle{border-radius:50px;width:12px;height:12px;margin:5px 4px}.terminal-bar-circle.darkGreen{background-color:var(--teal)}.terminal-bar-circle.blue{background-color:var(--blue)}.terminal-bar-circle.purple{background-color:var(--purple)}.post-card{display:flex;padding:12px;margin:0 -12px;border-radius:8px;color:var(--white);text-decoration:none;transition:background-color .2s;position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;inset:0;border-radius:8px;background-color:var(--theme-bg);opacity:0;z-index:0;transition:opacity .2s}.post-card:hover:before,.post-card:active:before{opacity:1}.post-card>*{position:relative;z-index:1}.post-card-image{flex-shrink:0;border-radius:8px;overflow:hidden}.post-card-image-large{min-width:200px;width:200px;height:150px}.post-card-image-medium,.post-card-image-small{width:100px;min-width:100px;height:80px}.post-card-image-xs{width:40px;min-width:40px;height:50px}.post-card-image-xs:not(:has(img)){width:auto;min-width:auto;height:auto}.post-card-image img{width:100%;height:100%;object-fit:cover;border-radius:4px}.post-card-content{display:flex;flex-direction:column;gap:4px;flex:1;margin-left:16px}.post-card-large .post-card-content{justify-content:flex-start}.post-card-medium .post-card-content,.post-card-small .post-card-content{justify-content:space-between;min-height:80px}.post-card-xs{padding:8px 12px}.post-card-xs .post-card-content{justify-content:center;min-height:auto}.post-card-header{display:flex;flex-direction:column;gap:4px}.post-card .post-card-category{font-size:12px;font-weight:700;white-space:nowrap;color:var(--theme-color)}.post-card-title-row{display:flex;align-items:center;gap:8px}.post-card-title{font-size:16px;margin:0;color:var(--white);transition:color .2s}.post-card-xs .post-card-title{font-size:14px}.post-card:hover .post-card-title{color:var(--theme-color)}.post-card .post-card-subtitle{font-size:14px;color:var(--grey)}.post-card .post-card-description{font-size:14px;color:var(--white)}.post-card .post-card-date{font-size:14px;color:var(--grey);white-space:nowrap}.new{font-size:10px;color:var(--white);padding:2px 4px;border-radius:4px;background-color:var(--black);white-space:nowrap}@media only screen and (max-width:500px){.post-card-large{flex-direction:column}.post-card-large .post-card-content{margin-left:0;margin-top:16px}}.post-card p,.post-card div,.post-card span{color:inherit}.post-card:hover p,.post-card:hover div{color:var(--white)}.post-card:hover .post-card-date,.post-card:hover .post-card-subtitle{color:var(--grey)}.label{color:#b4b4bd}.postcard-books-container{height:100%;width:100%;padding-left:12px;padding-top:12px;background-color:#222}.postcard-spread-container-book,.postcard-spread-container-shadow,.postcard-spread-container-shadow-2,.postcard-spread-container{height:100%;padding:0 5px;border-radius:20px 0 0;background-color:#faf6f6;box-shadow:0 4px 8px #0000001a}.postcard-spread-container-book{background-color:#ffd82d;box-shadow:none}.postcard-spread-container{padding:10px;box-sizing:border-box;background-image:radial-gradient(circle,#dcdbdb 1px,transparent 1px);background-size:20px 20px;display:flex;align-items:center;justify-content:center}.postcard-book-cover{transform:rotate(-5deg);position:relative;margin-top:24px}.emoji-container{background-color:#222}.light-mode .emoji-container{background-color:#00000026}.light-mode .postcard-books-container{background-color:var(--brown)}.light-mode .post-card{color:var(--brown)}.light-mode .post-card-title{color:var(--darkBrown)}.light-mode .post-card .post-card-description{color:var(--brown)}.light-mode .post-card .post-card-subtitle,.light-mode .post-card .post-card-date{color:var(--brown);opacity:.7}.light-mode .post-card:hover p,.light-mode .post-card:hover div{color:var(--brown)}.light-mode .post-card:hover .post-card-title{color:var(--darkBrown)}.light-mode .post-card:hover .post-card-date,.light-mode .post-card:hover .post-card-subtitle{color:var(--brown);opacity:.7}.light-mode .post-card:before{background-color:#00000014}.light-mode .new{background-color:var(--brown);color:#fff}
