.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:16;background:#00000073;width:100vw;height:100vh;transition:opacity .2s ease-in-out;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto}.wrapper{background:var(--detail-background);width:75dvw;height:85dvh;margin:auto;transition:all .1s ease-in-out;position:relative;top:8vh}.inner{scrollbar-width:thin;scrollbar-color:var(--dark_gray)var(--light_background);max-height:65dvh;padding-top:20px;padding-bottom:120px;overflow-y:auto}.header{background:var(--bright_text);margin:none;padding:20px}.closebtn{color:var(--dark_text);background-color:#50505000;border:none;font-size:1em}.closebtn:hover{color:var(--main_color)}.header .title{color:var(--orange_highlight);font-size:1.2em;font-weight:800}.header .closebtn{float:right}.content{background:var(--light_background);min-height:80px;margin:15px 100px 15px 50px;padding:20px 50px 50px;position:relative}.content:before{content:"";border-style:solid;border-width:40px 30px 30px 0;border-color:transparent var(--light_background)transparent transparent;width:0;height:0;position:absolute;top:0;left:0;transform:translate(-100%)}.response-content{background:var(--light_background);min-height:80px;margin:15px 50px 15px 100px;padding:20px 50px 50px;position:relative}.response-content:before{content:"";border-style:solid;border-width:40px 0 30px 30px;border-color:transparent transparent transparent var(--light_background);width:0;height:0;position:absolute;top:0;right:0;transform:translate(100%)}.content h4,.response-content h4{color:var(--orange_highlight);padding-bottom:10px;font-weight:600}.progressdet[value]{appearance:none}.progressdet{width:100%;position:absolute;bottom:0}.progressdet[value]::-webkit-progress-bar{background-color:var(--bright_text)}.progressdet[value]::-moz-progress-bar{background-color:var(--bright_text)}.progressdet[value]::-webkit-progress-value{background-color:var(--orange_highlight)}.progressdet[value]::-moz-progress-value{background-color:var(--orange_highlight)}.share-btn.icon-only{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.share-btn.icon-only:hover{color:var(--main_color)}.footer{background-color:var(--light_background);width:100%;max-height:300px;padding:20px 5px;position:absolute;bottom:0}.footer .sign{grid-template-columns:1fr 1fr 1fr 1fr;display:grid}.footer .sign #sign{text-transform:uppercase;border:none;grid-column:2;width:fit-content;margin-right:10px;padding:5px;font-weight:700}.footer .sign button{text-transform:uppercase;box-shadow:3px 3px 5px var(--dark_gray);border-radius:3px;font-weight:700}.footer #nums{text-align:center;text-transform:lowercase;grid-column:3}.footer .info{text-align:center;grid-template-columns:1fr 1fr 1fr 1fr 1fr;padding-top:10px;display:grid}@media (max-width:768px){.wrapper{border-radius:0;width:100dvw;height:100dvh;top:0}.inner{max-height:calc(100dvh - 250px);padding:10px}.header{padding:15px}}