.offer{margin:var(--spacing-x2) 0;padding:var(--spacing);display:grid;gap:var(--spacing-x2);grid-template-columns:100%;grid-template-rows:25vh;word-wrap:break-word;background-color:var(--primary-text-dark)}.offer .offer-image{max-height:25vh;width:100%}.offer .offer-image img{height:100%;width:100%;object-fit:contain}.offer .offer-main{display:grid;gap:var(--spacing);grid-template-columns:1fr 1fr;grid-auto-rows:max-content}.offer .offer-main .offer-vote{grid-column:1 / 2}.offer .offer-main .offer-comment-count{grid-column:2 / 3;display:flex;justify-content:flex-end;align-items:center}.offer .offer-main>*:not(.offer-vote):not(.offer-comment-count){grid-column:1 / 3}.offer .offer-main .offer-title{max-width:100%}.offer .offer-main .offer-pricing{font-size:x-large}.offer .offer-main .offer-seller{display:flex;gap:var(--spacing);opacity:var(--transparency-alpha)}.offer .offer-main .offer-seller>*:first-child:after{content:"";display:block;border:1px solid;width:0px;height:calc(100% - var(--spacing))}.offer .offer-main .offer-link button{width:100%;font-weight:bolder;font-size:1em}.offer .offer-main .offer-author{width:max-content;max-width:100%}.offer .offer-description{grid-column:1 / -1}.offer .offer-description .offer-date{opacity:var(--transparency-alpha);border-top:1px solid;border-bottom:1px solid;padding-top:var(--spacing);padding-bottom:var(--spacing)}.offer .offer-description .offer-description-content{padding-top:var(--spacing);padding-bottom:var(--spacing)}.offer .offer-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--spacing)}.offer .offer-actions .button{color:var(--primary-text);background-color:unset;width:max-content}.offer .offer-actions .offer-actions-spacer{flex-grow:1;visibility:hidden}.offer .offer-actions .button:hover,.offer .offer-actions .button:focus-within{text-decoration:solid underline 3px}@media (min-width: 768px){.offer{grid-template-columns:auto 358px;grid-template-rows:none;grid-auto-rows:max-content;grid-auto-flow:row}.offer .offer-image{width:auto;height:auto;max-height:500px}.offer .offer-main .offer-pricing{font-size:xx-large}}