.postingOverlayWrapper{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.postingOverlayModal{background-color:var(--body_background);background-image:var(--gradient-base);z-index:1;border:1px groove #a9a9a933;border-radius:5px;grid-template-rows:auto 1fr auto;width:60%;min-width:500px;max-width:700px;padding:30px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 6px -6px #0006}.postingOverlayModal:before{content:"";background-color:var(--body_background);background-image:var(--gradient-base);z-index:-1;opacity:1;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}.postingHeader{text-align:center;grid-row:1;margin-bottom:30px}.postingHeader h2{font-size:var(--fs-xl);color:var(--primary_text_color);margin:0 0 10px;font-weight:500}.postingHeader p{font-size:var(--fs-base);color:var(--sec_text_color);margin:0}.postingContent{flex-direction:column;grid-row:2;gap:20px;display:flex}.postingSteps{flex-direction:column;gap:15px;display:flex}.postingStep{background-color:#a9a9a90d;border:1px solid #a9a9a91a;border-radius:5px;grid-template-columns:60px 1fr 40px;align-items:center;gap:15px;padding:15px;transition:all .3s;display:grid}.postingStep.complete{background-color:#0076b61a;border-color:#0076b64d}.stepIcon{background-color:#a9a9a91a;border:1px solid #a9a9a933;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.postingStep.complete .stepIcon{background-color:#0076b633;border-color:#0076b666}.checkmarkIcon{filter:brightness(0)saturate()invert(47%)sepia(99%)saturate(2088%)hue-rotate(180deg)brightness(98%)contrast(101%);width:24px;height:24px}.stepContent h3{font-size:var(--fs-md);color:var(--primary_text_color);margin:0 0 5px;font-weight:500}.stepContent p{font-size:var(--fs-base);color:var(--sec_text_color);margin:0;line-height:1.4}.stepNumber{width:30px;height:30px;font-size:var(--fs-sm);color:var(--sec_text_color);background-color:#a9a9a933;border:1px solid #a9a9a94d;border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex}.postingStep.complete .stepNumber{color:var(--primary_text_color);background-color:#0076b64d;border-color:#0076b680}.successMessage{text-align:center;background-color:#0076b61a;border:1px solid #0076b64d;border-radius:5px;margin-top:10px;padding:20px}.successIcon{font-size:var(--fs-2xl);margin-bottom:10px}.successMessage h3{font-size:var(--fs-lg);color:var(--primary_text_color);margin:0 0 8px;font-weight:500}.successMessage p{font-size:var(--fs-base);color:var(--sec_text_color);margin:0;line-height:1.4}.postingActions{grid-row:3;justify-content:center;margin-top:20px;display:flex}.completeButton{font-size:var(--fs-base);color:var(--primary_text_color);cursor:pointer;border-radius:5px;padding:12px 30px;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.completeButton:before{content:"";background-image:var(--gradient-base);z-index:-1;opacity:0;border-radius:5px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.completeButton:hover:before{opacity:1}.completeButton:hover{color:#fff;border-color:#0076b699;transform:translateY(-1px);box-shadow:0 4px 8px #0076b64d}@media (max-width:768px){.postingOverlayModal{width:90%;min-width:350px;padding:20px}.postingStep{grid-template-columns:50px 1fr 30px;gap:10px;padding:12px}.stepIcon{width:40px;height:40px}.checkmarkIcon{width:20px;height:20px}.stepNumber{width:25px;height:25px;font-size:var(--fs-caption)}}.PostingChapterOverLayWrapper{z-index:4;background:#000000d9;border-radius:5px;grid-template-rows:1fr 1fr 50px 1fr 1fr;grid-template-columns:1fr 3fr 1fr;width:100%;height:calc(100% - 10px);display:grid;position:absolute;top:0;left:0}.checkmark{height:100%}