.comic-card__progress-widget{width:100%;padding:0 8px}.comic-card{flex-direction:column;width:100%;min-height:280px;display:flex;overflow:hidden}.comic-card__header{border:1px solid var(--accent-1);text-align:left;width:100%;height:80px;padding:8px;font-size:16px;line-height:1.2;overflow:hidden}.comic-card__title{margin-bottom:16px;padding:4px 0}.comic-card__title h2{text-transform:uppercase;flex:none;font-size:2.8rem;font-weight:800}.comic-card__title h2,.comic-card__title h3{font-family:var(--main-font);padding:0}.comic-card__title h3{color:var(--accent-1);font-size:26px;font-weight:400}.comic-card--figure{flex-direction:column;flex:1;min-height:0;display:flex}.comic-card--img{-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;width:100%}.comic-card--description{min-height:0;font-family:var(--main-font);flex:5;padding:16px 4px;font-size:16px;line-height:1.35;overflow:hidden}.comic-card--description .markdown-h2{padding:8px 0}.comic-card__action-row{border:2px solid var(--main-font-color);justify-content:space-between;align-items:center;gap:0;height:48px;margin:16px 0;font-size:18px;display:flex}.comic-card__action-row--is-not-main{filter:contrast(.9)opacity(.8)saturate(.8)}.comic-card__flag{background-repeat:no-repeat;background-size:cover;background-origin:border-box;flex:1;height:100%}.comic-card__flag--fr{background-color:#00f;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='6cm'%20height='4cm'%20viewBox='-10%20-10%203020%202020'%3e%3cg%20id='French_Flag_by_Adam_Stanislav'%3e%3ctitle%3eFlag%20of%20France,%20by%20Adam%20Stanislav%3c/title%3e%3crect%20fill='rgb(0%25,14%25,58%25)'%20x='0'%20y='0'%20width='1010'%20height='2000'%20/%3e%3crect%20fill='rgb(97%25,97%25,97%25)'%20x='1000'%20y='0'%20width='1010'%20height='2000'%20/%3e%3crect%20fill='rgb(93%25,16%25,22%25)'%20x='2000'%20y='0'%20width='1000'%20height='2000'%20/%3e%3crect%20fill='none'%20stroke='rgb(55%25,55%25,55%25)'%20stroke-width='10'%20x='0'%20y='0'%20width='3000'%20height='2000'%20/%3e%3c/g%3e%3c/svg%3e")}.comic-card__flag--en{background-color:red;background-image:url(./uk-flag.LeTaYt9Y.svg)}.comic-card__action-text{text-overflow:ellipsis;white-space:nowrap;flex:5;padding-left:8px;font-size:1.2rem;overflow:hidden}.comic-card--button{border-left:2px solid var(--main-font-color);height:100%;font-family:var(--title-font);background-color:var(--darker-grey);color:var(--main-font-color);flex:1;justify-content:center;align-items:center;padding:4px 16px;font-size:1rem;font-weight:500;display:flex}.comic-card--button:hover{background-color:var(--accent-1);color:var(--background-color)}.comic-card__price{font-weight:800;font-family:var(--title-font);color:var(--accent-1)}@media screen and (width>=960px){.comic-card--figure{flex-direction:row;flex:1;min-height:0;margin-bottom:32px;display:flex}.comic-card--img{-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;width:30%;min-height:0}.comic-card--description{padding:0 16px;font-size:18px}.comic-card--description p{margin:0}.comic-card--description img{width:auto;height:128px}.comic-card__action-row{border:3px solid var(--main-font-color);height:64px;margin:16px 0;font-size:28px}.comic-card__action-text{font-size:28px}.comic-card--button{border-left:3px solid var(--main-font-color);flex:1;padding:4px 16px;font-size:2rem;font-weight:500}.comic-card__title{margin-bottom:16px;padding:4px 0}.comic-card__title h2{font-size:2.8rem}.comic-card__title h3{font-size:34px}}
