.rudforms{width:100%;max-width:100%;font:inherit}.rudforms-grid{display:flex;flex-wrap:wrap;gap:var(--rf-gap)}.rudforms-field{box-sizing:border-box;flex:0 0 100%}.rudforms-field label{display:block;margin:0 0 7px;font-weight:600}.rudforms input:not([type=checkbox]):not([type=radio]),.rudforms select,.rudforms textarea{box-sizing:border-box;width:100%;min-height:var(--rf-height);padding:10px 13px;border:1px solid var(--rf-border);border-radius:var(--rf-radius);background:#fff;color:inherit;font:inherit;outline:none;transition:.18s}.rudforms textarea{min-height:120px;resize:vertical}.rudforms input:focus,.rudforms select:focus,.rudforms textarea:focus{border-color:var(--rf-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--rf-accent) 16%,transparent)}.rudforms-submit{margin-top:var(--rf-gap);min-height:46px;padding:10px 24px;border:1px solid var(--rf-accent);border-radius:var(--rf-radius);background:var(--rf-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}.rudforms-submit:hover{filter:brightness(.9)}.rudforms .required{color:#b32d2e}.rf-choice{font-weight:400!important;margin:7px 0!important}.rudforms-hp{position:absolute!important;left:-99999px!important;width:1px;height:1px;overflow:hidden}.rudforms-success{padding:14px 16px;margin-bottom:18px;border:1px solid #b8d9bd;border-radius:8px;background:#f0faf2}.rf-w-25{flex-basis:calc(25% - var(--rf-gap))}.rf-w-33{flex-basis:calc(33.333% - var(--rf-gap))}.rf-w-50{flex-basis:calc(50% - var(--rf-gap)/2)}.rf-w-66{flex-basis:calc(66.666% - var(--rf-gap))}.rf-w-75{flex-basis:calc(75% - var(--rf-gap))}@media(max-width:767px){.rudforms-field{flex-basis:100%!important}}



/* v0.2.1 frontend display modes */
.rudforms.rf-style-outline input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.rudforms.rf-style-outline textarea,
.rudforms.rf-style-outline select{
 border:1px solid var(--rf-border);
 border-radius:var(--rf-radius);
 background:#fff;
 box-shadow:none;
}
.rudforms.rf-style-underline input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),
.rudforms.rf-style-underline textarea,
.rudforms.rf-style-underline select{
 border:0 !important;
 border-bottom:1px solid var(--rf-border) !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 padding-left:10px;
 padding-right:10px;
}
.rudforms.rf-style-underline input:not([type=checkbox]):not([type=radio]):focus,
.rudforms.rf-style-underline textarea:focus,
.rudforms.rf-style-underline select:focus{
 border-bottom:2px solid var(--rf-accent) !important;
 outline:0;
 box-shadow:none !important;
}
.rudforms.rf-style-underline input[type=file]{
 border:0;
 border-bottom:1px solid var(--rf-border);
 border-radius:0;
 background:transparent;
}

/* v0.2.2 phone field alignment */
.rudforms .rf-phone{
 display:grid;
 grid-template-columns:118px minmax(0,1fr);
 gap:10px;
 align-items:stretch;
 width:100%;
}
.rudforms .rf-phone .rf-phone-country,
.rudforms .rf-phone .rf-phone-number{
 box-sizing:border-box;
 width:100%;
 height:var(--rf-height);
 min-height:var(--rf-height);
 margin:0;
 line-height:1.2;
 vertical-align:middle;
}
.rudforms .rf-phone .rf-phone-country{
 min-width:0;
 padding-top:0;
 padding-bottom:0;
 padding-left:10px;
 padding-right:26px;
 font-family:Arial,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
 font-size:15px;
}
.rudforms .rf-phone .rf-phone-number{
 padding-top:0;
 padding-bottom:0;
}
.rudforms.rf-style-underline .rf-phone .rf-phone-country,
.rudforms.rf-style-underline .rf-phone .rf-phone-number{
 height:var(--rf-height);
 min-height:var(--rf-height);
}
@media(max-width:480px){
 .rudforms .rf-phone{grid-template-columns:108px minmax(0,1fr);gap:8px}
 .rudforms .rf-phone .rf-phone-country{font-size:14px;padding-left:6px;padding-right:20px}
}

/* v0.2.3 checkbox/radio layout */
.rudforms .rf-choices{display:flex;gap:10px 20px}
.rudforms .rf-choices-vertical{flex-direction:column;align-items:flex-start}
.rudforms .rf-choices-horizontal{flex-direction:row;flex-wrap:wrap;align-items:center}
.rudforms .rf-choices .rf-choice{display:inline-flex;align-items:center;gap:7px;margin:0}
.rudforms .rf-choices .rf-choice input{margin:0}

/* v0.2.5 dynamic upload information */
.rudforms .rf-upload-info{
 display:flex;
 flex-wrap:wrap;
 gap:4px 14px;
 margin-top:7px;
 font-size:12px;
 line-height:1.45;
 opacity:.72;
}
.rudforms .rf-upload-info span{display:inline-block}
@media(max-width:480px){
 .rudforms .rf-upload-info{display:block}
 .rudforms .rf-upload-info span{display:block;margin-top:2px}
}