:root{--z-black:#000;--z-text:#000}
.zcfr-drawer, [role="dialog"]{
  --z-black:#000;--z-text:#000;color:var(--z-text);text-transform:uppercase;font-weight:200;
  font-family:ui-monospace,Menlo,Consolas,"Courier New",monospace;
}
.zcfr-drawer .zcv-brand,[role="dialog"] .zcv-brand{font-size:22px;word-spacing:-4px;display:block;text-align:center}
.zcfr-drawer .zcv-sub,[role="dialog"] .zcv-sub{font-size:10px;word-spacing:-4px;display:block;margin-top:10px;text-align:center}
.zcfr-drawer input, .zcfr-drawer select, .zcfr-drawer .input,
[role="dialog"] input, [role="dialog"] select, [role="dialog"] .input{
  -webkit-appearance:none!important;appearance:none!important;border-radius:0!important;
  width:100%!important;height:40px!important;padding:6px 2px!important;
  border:0!important;border-bottom:.5px solid #000!important;background:transparent!important;
  outline:none!important;box-shadow:none!important;text-transform:uppercase!important;color:#000!important
}
.zcfr-drawer .unit, .zcfr-drawer .zcv-unit,[role="dialog"] .unit, [role="dialog"] .zcv-unit{
  background:none;border:0;border-bottom:1px solid transparent;cursor:pointer;
  font-size:14px;line-height:1;color:#000
}
.zcfr-drawer .unit[aria-pressed="true"], .zcfr-drawer .zcv-unit[aria-pressed="true"],
[role="dialog"] .unit[aria-pressed="true"], [role="dialog"] .zcv-unit[aria-pressed="true"]{
  border-bottom:1px solid #000;font-weight:400
}
.zcfr-drawer .unit:hover, .zcfr-drawer .zcv-unit:hover,[role="dialog"] .unit:hover, [role="dialog"] .zcv-unit:hover{
  border-bottom:1px solid #000;font-weight:400
}
.zcfr-drawer select, [role="dialog"] select{
  background-image:url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 16.7 3.67 9.38l.66-.75L12 15.34l7.67-6.71.66.75L12 16.7z' fill='black'/></svg>");
  background-repeat:no-repeat;background-position:right .25rem center;background-size:16px 16px;padding-right:24px!important
}
.zcfr-drawer .zcv-title, [role="dialog"] .zcv-title{font-size:18px;font-weight:200;letter-spacing:0}
.zcfr-drawer .slider, [role="dialog"] .slider, .zcv-slider{--pos:50%;position:relative;width:100%;min-height:30px;padding-top:24px}
.zcfr-drawer .slider::before, [role="dialog"] .slider::before, .zcv-slider::before{content:"";position:absolute;left:0;right:0;top:28px;height:.5px;background:#000}
.zcfr-drawer .cap, [role="dialog"] .cap, .zcv-cap{position:absolute;top:22px;height:12px;width:.5px;background:#000}
.zcfr-drawer .cap.l,[role="dialog"] .cap.l{left:0}
.zcfr-drawer .cap.r,[role="dialog"] .cap.r{right:0}
.zcfr-drawer .thumb,[role="dialog"] .thumb,.zcv-thumb{position:absolute;left:var(--pos);top:14px;width:.5px;height:20px;background:#000;transform:translateX(-50%)}
.zcfr-drawer .thumb::before,.zcfr-drawer .thumb::after,[role="dialog"] .thumb::before,[role="dialog"] .thumb::after,.zcv-thumb::before,.zcv-thumb::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:12px;height:.5px;background:#000}
.zcfr-drawer .thumb::before,[role="dialog"] .thumb::before,.zcv-thumb::before{top:0}
.zcfr-drawer .thumb::after,[role="dialog"] .thumb::after,.zcv-thumb::after{bottom:0}
.zcfr-drawer .linkbtn,[role="dialog"] .linkbtn,.zcv-linkbtn{border:0;background:none;font-size:12px;padding:10px 12px;position:relative}
.zcfr-drawer .linkbtn::before,[role="dialog"] .linkbtn::before,.zcv-linkbtn::before{content:"「 ";opacity:0}
.zcfr-drawer .linkbtn::after,[role="dialog"] .linkbtn::after,.zcv-linkbtn::after{content:" 」";opacity:0}
.zcfr-drawer .linkbtn:hover,[role="dialog"] .linkbtn:hover,.zcv-linkbtn:hover{font-weight:600}
.zcfr-drawer .linkbtn:hover::before,[role="dialog"] .linkbtn:hover::before,.zcv-linkbtn:hover::before{opacity:1}
.zcfr-drawer .linkbtn:hover::after,[role="dialog"] .linkbtn:hover::after,.zcv-linkbtn:hover::after{opacity:1}
.zcfr-drawer .btn,[role="dialog"] .btn,.zcv-btn{min-width:160px;height:44px;border:1px solid #000;background:#fff;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.zcfr-drawer .zcfr-foot,[role="dialog"] .zcv-foot,.zcv-foot{display:flex;justify-content:center}