.ztape-field{display:flex;flex-direction:column;gap:8px;max-width:560px}.ztape-num{display:flex;align-items:baseline;gap:10px}.ztape-num input{border:none;border-bottom:1.5px dashed #cdb9a6;background:transparent;font-family:Vailery,Georgia,serif;font-size:60px;line-height:1;color:#5E1F2A;padding:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ztape-num input::-webkit-inner-spin-button,.ztape-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:640px){.ztape-field .ztape-num input{font-size:48px!important}}.ztape-num input:focus{outline:none;border-bottom-color:#5E1F2A}.ztape-num span{font-size:16px;color:#6B4E48}.ztape{position:relative;height:76px;overflow:hidden;background:#F2DFB4;box-shadow:0 10px 18px -12px rgba(60,30,30,.45);cursor:-webkit-grab;cursor:grab;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:rotate(-.5deg)}.ztape:active{cursor:-webkit-grabbing;cursor:grabbing}.ztape:focus-visible{outline:2px solid #5E1F2A;outline-offset:4px}.ztape:after,.ztape:before{content:"";position:absolute;left:0;right:0;height:6px;background:#E3C78E;z-index:1}.ztape:before{top:0;border-bottom:1px dashed rgba(94,31,42,.45)}.ztape:after{bottom:0;border-top:1px dashed rgba(94,31,42,.45)}.ztape-svg{position:absolute;inset:0;width:100%;height:100%}.ztape-mark{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#5E1F2A;z-index:2}.ztape-mark:after,.ztape-mark:before{content:"";position:absolute;left:-6px;border:7px solid transparent}.ztape-mark:before{top:0;border-top-color:#5E1F2A}.ztape-mark:after{bottom:0;border-bottom-color:#5E1F2A}.ztape-hint{font-size:15px;color:#6B4E48}