#patterns{display:grid;grid-gap:8px;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));list-style:none;width:100%;}#patterns li{border-radius:var(--size-toolbox-input-round);background:#fff;border:var(--size-toolbox-input-border) solid var(--color-toolbox-input-border);height:56px;position:relative;cursor:pointer;}#patterns li:hover{border-color:var(--color-toolbox-input-hover);}#patterns li.checked:hover{border-color:var(--color-toolbox-input-hover-focus);}#patterns li.checked{background:var(--color-toolbox-focus);border-color:var(--color-toolbox-focus);color:#fff;}#patterns li .icon{font-size:var(--nurume-size-18);position:absolute;bottom:0;left:0;top:0;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;}#patterns li:has(.label) .icon{height:calc(100% - 6px);}#patterns li .label{position:absolute;bottom:0;left:0;width:100%;font-size:var(--nurume-size-11);text-align:center;}section.length table{margin:auto;}section.length td{vertical-align:middle;padding-bottom:8px;}section.length td:last-child{text-align:left;}section.length tr:last-child td{padding-bottom:0;}section.length tr td:first-child{white-space:nowrap;padding-right:8px;}section.length input[type='number']{width:160px;margin-right:4px;}#result ul{width:100%;}#result li{padding:8px;font-size:var(--nurume-size-16);border-radius:8px;border:1px solid var(--color-toolbox-input-border);margin-bottom:8px;color:#000;letter-spacing:1px;background:var(--color-toolbox-result);text-align:left;}#result li:last-child{margin-bottom:0;}