.whatsism-form{display:grid;gap:18px;margin:20px 0}.whatsism-form label{display:grid;gap:7px}.whatsism-form input:not([type=checkbox]),.whatsism-form textarea,.whatsism-form select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font:inherit;background:white;color:#333}.whatsism-form input[type=checkbox]{width:auto}.whatsism-form button{justify-self:start}.billing-content{overflow-wrap:anywhere}.billing-content input{max-width:100%;box-sizing:border-box}.billing-panel{flex-wrap:wrap}.billing-menu{overflow-x:auto}.billing-content table{max-width:100%}@media(max-width:600px){.billing-content{overflow-x:auto}.billing-panel{padding:12px}.billing-content td{padding:6px}}
.whatsism-native-form>label,.whatsism-native-form>div{display:block;margin:18px 0}.whatsism-native-form input[type=text],.whatsism-native-form select,.whatsism-native-form textarea{box-sizing:border-box;width:100%;max-width:100%;font:inherit;padding:10px}.whatsism-native-form .xfields td{padding:8px}.whatsism-native-form .bb-editor{max-width:100%}
.billing-content{margin-top:20px}.billing-table td:first-child{width:40px!important;min-width:40px}.billing-table .billing-history-item-image{width:32px;height:32px;min-width:32px;object-fit:contain}.billing-content button,.billing-content .btn{cursor:pointer}.whatsism-promotion{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
/* Native DLE 21 notifications, including new private messages. */
.DLEPush{position:fixed;z-index:1100;top:85px;right:20px;width:360px;max-width:calc(100vw - 32px)}.DLEPush-notification.wrapper{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);width:100%;box-sizing:border-box;margin:0 0 12px;padding:0;overflow:hidden;border-radius:6px;background:#fff;color:#333;box-shadow:0 4px 24px #0003;font-size:14px}.DLEPush-icon{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;background:#8ecf36;color:white}.DLEPush-icon svg{width:24px;height:24px}.DLEPush-header{grid-column:2;margin:12px 32px 0 14px;font-weight:bold}.DLEPush-header:empty{margin:0}.DLEPush-message{grid-column:2;margin:12px 28px 14px 14px;overflow-wrap:anywhere}.DLEPush-message a{color:#347e13;text-decoration:underline}.DLEPush-close{position:absolute;right:6px;top:4px;padding:4px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}.DLEPush-notification.push-error .DLEPush-icon{background:#cf3d3d}.DLEPush-notification.push-warning .DLEPush-icon{background:#c98915}@media(max-width:600px){.DLEPush{right:16px;top:80px}}

/* Promotion dialogs must fit phones and long announcement titles. */
.whatsism-promotion-dialog{box-sizing:border-box;max-width:calc(100vw - 32px);z-index:1100!important}.whatsism-promotion-dialog .ui-dialog-content{box-sizing:border-box;overflow:auto!important;overflow-wrap:anywhere}.whatsism-promotion-dialog .billing-table{table-layout:fixed;font-size:14px}.whatsism-promotion-dialog .billing-table td:first-child{width:34%!important;min-width:0}.whatsism-promotion-dialog .billing-table td{vertical-align:top;padding:12px 6px}.whatsism-promotion-dialog select{max-width:100%;box-sizing:border-box}.whatsism-promotion-dialog .billing_modal_footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 0;position:static;width:auto;margin:0;background:transparent}.whatsism-promotion-dialog .billing_modal_footer h2{margin:0;float:none;position:static}.whatsism-promotion-dialog button.btn{float:none;max-width:100%;height:auto;min-height:40px;white-space:normal;padding:10px 16px}.whatsism-promotion-dialog button:disabled{opacity:.6;cursor:wait}

.whatsism-promotion-dialog .billing-table{width:100%;border-collapse:collapse;color:#555}.whatsism-promotion-dialog .billing-table tr{border-top:1px solid #ededed}.whatsism-promotion-dialog button.btn,.whatsism-promotion button.addtogroup{border:0;border-radius:4px;background:#8ecf36;color:#fff;font:inherit;font-size:14px;line-height:1.4;padding:10px 16px;cursor:pointer}.whatsism-promotion-dialog button.btn:hover,.whatsism-promotion button.addtogroup:hover{background:#78b72b}.whatsism-promotion-dialog .billing_modal_footer h2{font-size:20px;line-height:1.4}.whatsism-promotion-dialog .billing_modal_footer{position:static;width:auto}.whatsism-promotion-dialog .ui-dialog-content{padding:16px 20px}
@media(max-width:480px){.whatsism-promotion-dialog .billing-table tr,.whatsism-promotion-dialog .billing-table td{display:block}.whatsism-promotion-dialog .billing-table tr{padding:8px 0}.whatsism-promotion-dialog .billing-table td{padding:4px 0}.whatsism-promotion-dialog .billing-table td:first-child{width:auto!important;font-weight:bold}.whatsism-promotion-dialog .billing-table td:empty{display:none}.whatsism-promotion-dialog .billing_modal_footer button{width:100%}}