#wpsg_revocation_button { position:fixed; right:0; top:25%; display:flex; gap:1rem; align-items:center; justify-content:flex-start; flex-wrap:nowrap; transform:translateX(calc(100% - (50px + 1rem + 0.5rem))); cursor:pointer; z-index:10;
background-color:white; border:1px solid black; border-radius:0.5rem; padding:0.5rem 1rem 0.5rem 0.5rem; transition:all 0.4s;
svg { width:50px; fill:black; }
span { white-space:nowrap; }
&:hover { transform:translateX(0.5rem); }
}
#wpsg_revocation_dialog {
z-index:10; opacity:0; pointer-events:none; transition:all 0.4s;
position:fixed; left:0; top:0; height:100vh; width:100vw;
background-color:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center;
&.visible { opacity:1; pointer-events:all; }
.inner { width:calc(100% - 3rem); height:auto; max-width:800px; max-height:800px;
border:1px solid black; position:relative;
background-color:white; border-radius:0.5rem; padding:1rem; display:flex; flex-direction:column;
& > .loading { transition:all 0.2s; opacity:0; pointer-events:none; background-color:rgba(0, 0, 0, 0.25); position:absolute; z-index:2; left:0; top:0; height:100%; width:100%; display:flex; align-items:center; justify-content:center; }
& > .header { height:50px; flex-shrink:0; flex-grow:0;
display:flex; align-items:center; justify-content:space-between; font-size:2rem; font-weight:bold;
.close { width:30px; height:30px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
}
& > .content { flex-grow:0.2; overflow-y:auto; margin-top:1rem; margin-bottom:1rem; }
& > .footer { flex-shrink:0; flex-grow:0; display:flex; align-items:center; justify-content:start; height: 35px; margin-bottom: 2rem;}
#wpsg_error { padding-left:5px; color:red; }
}
&.loading > .inner > .loading { opacity:1; pointer-events:all; }
}
.wpsg_revocation_product_button {
flex-shrink:0; display:inline-flex; align-items:center; gap:0.5rem;
width:100%; min-height:35px; padding:0.25rem 0.5rem;
border:1px solid black; cursor:pointer;
}
.wpsg_revocation_product_button > svg {
flex:0 0 24px; width:24px; height:24px; fill:currentColor;
}
.wpsg_revocation_product_button_text {
margin: 0;
}
#wpsg_revocation_form { display:flex; flex-direction:column; gap:0.5rem; width:100%;
.wpsg_revocation_order_product > div { width:100%; }
.form_field { display:flex; width:100%; flex-direction:column; gap:0.125rem;
.label { color: black; font-size: 1.25rem; }
.value { display:flex; justify-content:stretch; gap:0.25rem;
input, textarea, select { width:auto; flex-grow:1; min-height:30px; text-indent:0.25rem; flex-shrink:1; }
textarea { min-height:90px; padding:0.25rem; }
select { height:36px; }
input[type="number"] { flex-shrink:2; flex-grow:0; }
}
}
}
.wpsg_mod_kundenverwaltung_order {
.wpsg_revocation_order_product { display:inline-flex; align-items:center; gap:0.5rem; border:1px solid black; border-radius:0.5rem; padding:0.5rem;
margin-bottom:1rem; user-select:none; flex-direction: row;
& > svg { height:30px; width:30px; }
& > input { width:25px; height:25px; flex-shrink:0; }
& > .inner { cursor:pointer; }
}
}
.wpsg_amount_label {
word-break: normal;
} .wpsg_revocation_page { width:100%; max-width:800px; margin:0 auto; }
#wpsg_revocation_page_form { display:flex; flex-direction:column; gap:0.5rem; width:100%;
.wpsg_revocation_order_product { border:1px solid #ddd; border-radius:0.5rem; padding:1rem; margin:0 0 1rem 0; }
.wpsg_revocation_order_product > div { width:100%; }
.form_field { display:flex; width:100%; flex-direction:column; gap:0.125rem;
.label { color:black; font-size:1.25rem; }
.value { display:flex; justify-content:stretch; gap:0.25rem;
input, textarea, select { width:auto; flex-grow:1; min-height:30px; text-indent:0.25rem; flex-shrink:1; }
textarea { min-height:90px; padding:0.25rem; }
select { height:36px; }
input[type="number"] { flex-shrink:2; flex-grow:0; }
}
}
#wpsg_error, .wpsg_error { padding-left:5px; color:red; list-style:none; margin:0 0 1rem 0; }
.wpsg_revocation_page_submit_wrap { margin-top:0.5rem; }
}
.wpsg_revocation_page_success { padding:1rem; border:1px solid #2e7d32; border-radius:0.5rem; background:#edf7ed; color:#2e7d32; }
.wpsg_revocation_page_datenschutz { margin:0.5rem 0; }