@font-face{font-family:"ZcraveMono";font-weight:300;font-style:normal;font-display:swap;src:url('../fonts/InputMono-Light.woff2') format('woff2');}
*{box-sizing:border-box}
:root{--z-black:#000;--z-text:#000}
html,body{color:#000}
a{color:#000}
.u-hide{display:none!important}
.zcv-trigger{border:1px solid var(--z-black);background:#fff;height:40px;padding:0 18px;cursor:pointer;font-size:12px;text-transform:uppercase}
.zcv-trigger:hover{background:#000;color:#fff;font-weight:400}
.zcv-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:opacity .22s ease;z-index:9998}
.zcv-overlay.open{opacity:1;visibility:visible}
.zcv-drawer{position:fixed;top:0;bottom:0;right:0;width:min(560px,92vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s ease;z-index:9999;font-family:ZcraveMono,'Input Mono',ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;color:#000;padding:0 28px}
.zcv-overlay.open .zcv-drawer{transform:translateX(0)}
.zcv-head,.zcv-foot{position:relative;display:flex;align-items:center;justify-content:center;padding:24px 0;border:0}
.zcv-head .zcv-icon{position:absolute;top:6px;width:40px;height:40px;display:grid;place-items:center;background:#fff;border:0;cursor:pointer}
.zcv-head .zcv-icon[aria-label=Back]{left:0}
.zcv-head .zcv-icon[aria-label=Close]{right:0}
.zcv-head .zcv-head-title{flex:1;text-align:center;line-height:1.1;display:flex;justify-content:center;margin-top:26px}
.zcv-head .zcv-brand{font-size:22px;display:block;word-spacing:-4px}
.zcv-head .zcv-sub{font-size:10px;display:block;margin-top:10px;line-height:1.4;word-spacing:-4px}
.zcv-body{flex:1;overflow:auto;padding:0 0 18px}
.zcv-hint{display:none}
.zcv-title{font-size:18px;font-weight:200;margin:30px 0}
.zcv-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0}
.zcv-row{display:flex;gap:40px}
.zcv-col{flex:1}
.zcv-group{margin-bottom:60px}
.zcv-label{font-size:14px}
.zcv-label-head{display:flex;align-items:center;gap:10px;margin:14px 0 6px;justify-content:space-between}
.zcv-optional{font-size:10px}
.zcv-input{-webkit-appearance:none;appearance:none;border-radius:0;width:100%;height:40px;padding:6px 2px;border:0;border-bottom:.5px solid #000!important;background:transparent;outline:none;text-transform:uppercase}
.zcv-input::-webkit-outer-spin-button,.zcv-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.zcv-input[type=number]{-moz-appearance:textfield}
select.zcv-input{background-color:transparent;border:0;border-bottom:.5px solid #000!important}
.zcv-error{color:#c00;font-size:10px;margin-top:4px}
.zcv-units{display:flex;gap:8px}
.zcv-unit{background:none;border:none;padding:0;font-weight:200;cursor:pointer;opacity:.9;border-bottom:1px solid transparent;font-size:14px;color:#000;line-height:1}
.zcv-unit[aria-pressed=true], .zcv-unit:hover{border-bottom:1px solid #000;opacity:1}
.zcv-slider{--pos:50%;position:relative;width:100%;min-height:30px;padding-top:24px}
.zcv-slider::before{content:"";position:absolute;left:0;right:0;top:28px;height:.5px;background:#000}
.zcv-thumb{position:absolute;left:var(--pos);top:16px;width:2px;height:26px;background:#000;transform:translateX(-50%);transform-origin:center}
.zcv-bubble{position:absolute;left:var(--pos);top:0;transform:translate(-50%,-8px);font-size:10px;padding:2px 6px;color:#000;white-space:nowrap}
.zcv-bubble .num{display:inline-block}
.zcv-bubble .unit{display:inline-block;position:relative;margin-left:0;font-size:10px}
.zcv-range{-webkit-appearance:none;appearance:none;position:absolute;inset:0;opacity:0.01;cursor:ew-resize}
.zcv-scale{display:flex;justify-content:space-between;margin:20px 0 30px;font-size:10px}
.zcv-scale span{transition:font-weight .12s linear;font-weight:200}
.zcv-scale span:first-child{text-align:left;padding-left:10px}
.zcv-scale span:nth-child(2){text-align:center}
.zcv-scale span:last-child{text-align:right;padding-right:10px}
.zcv-btn{min-width:160px;height:44px;padding:0 22px;border:1px solid #000;background:#fff;color:#111;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:200}
.zcv-btn:hover{font-weight:400;background:#000;color:#fff}
.zcv-foot{justify-content:center}
.zcv-result{text-align:center}
.zcv-result .prod img{width:80%;max-height:360px;object-fit:contain;display:block;margin:0 auto;border:1px solid #eee}
.zcv-result .meta{font-size:10px;margin-top:10px;font-weight:200}
.zcv-result .meta strong{font-weight:200}
.zcv-linkbtn{background:none;border:0;padding:10px 0;width:100%;text-align:center;font-size:12px;color:#000;position:relative}
.zcv-linkbtn::before,.zcv-linkbtn::after{content:"";opacity:0;transition:opacity .15s;position:relative}
.zcv-linkbtn:hover{font-weight:600}
.zcv-linkbtn:hover::before{content:"「 ";opacity:1}
.zcv-linkbtn:hover::after{content:" 」";opacity:1}
@media(max-width:768px){.zcv-drawer{left:0;right:0;width:100%;max-width:100%;transform:translateY(100%)}.zcv-overlay.open .zcv-drawer{transform:translateY(0)}}

select.zcv-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.9999 16.6644L3.67065 9.3763L4.32916 8.62372L11.9999 15.3356L19.6707 8.62372L20.3292 9.3763L11.9999 16.6644Z' fill='black'></path></svg>");background-repeat:no-repeat;background-position:right .25rem center;padding-right:1.5rem!important}
select.zcv-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' aria-hidden='true'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.9999 16.6644L3.67065 9.3763L4.32916 8.62372L11.9999 15.3356L19.6707 8.62372L20.3292 9.3763L11.9999 16.6644Z' fill='black'/></svg>");background-repeat:no-repeat;background-position:right .25rem center;background-size:16px 16px;padding-right:24px!important}