#backcolors .indexListWrap .indexListTitles .id{width:40px}#backcolors .indexListWrap .indexListTitles .name{width:120px}#backcolors .indexListWrap .indexListTitles .slug{width:120px}#backcolors .indexListWrap .indexListTitles .code{width:120px}#backcolors .indexListWrap .indexListTitles .type_id{width:120px}#backcolors .indexListWrap .indexList{display:flex;align-items:center}#backcolors .indexListWrap .indexList .id{width:40px}#backcolors .indexListWrap .indexList .name{width:120px}#backcolors .indexListWrap .indexList .slug{width:120px}#backcolors .indexListWrap .indexList .code{width:120px;display:flex;align-items:center}#backcolors .indexListWrap .indexList .code span{width:20px;height:20px;display:inline-block;margin-left:5px}#backcolors .indexListWrap .indexList .type_id{width:120px}#backcolors .sb_back{background-image:url(/sb_back.png);background-repeat:no-repeat;background-size:contain;background-position:top right;width:300px;height:317px;margin-bottom:50px;position:relative}#backcolors .sb_back svg{mix-blend-mode:multiply}#backcolors .backButton{border:1px solid #000;border-radius:100px;display:flex;justify-content:center;align-items:center;font-size:14px;height:48px;width:200px}#mainColors .indexListWrap .indexListTitles .id{width:40px}#mainColors .indexListWrap .indexListTitles .name{width:120px}#mainColors .indexListWrap .indexListTitles .slug{width:120px}#mainColors .indexListWrap .indexListTitles .code{width:120px}#mainColors .indexListWrap .indexListTitles .type_id{width:120px}#mainColors .indexListWrap .indexList{display:flex;align-items:center}#mainColors .indexListWrap .indexList .id{width:40px}#mainColors .indexListWrap .indexList .name{width:120px}#mainColors .indexListWrap .indexList .slug{width:120px}#mainColors .indexListWrap .indexList .code{width:120px;display:flex;align-items:center}#mainColors .indexListWrap .indexList .code span{width:20px;height:20px;display:inline-block;margin-left:5px}#mainColors .indexListWrap .indexList .type_id{width:120px}#mainColors .sb_area{display:flex;align-items:flex-start;margin-bottom:50px}#mainColors .sb_area .sb_front{background-image:url(/sb_front.png);background-repeat:no-repeat;background-size:contain;background-position:top right;width:300px;height:317px;position:relative;margin-top:17px}#mainColors .sb_area .sb_front svg{mix-blend-mode:multiply}#mainColors .sb_area .sb_front .hilight{position:absolute;top:0;left:0;mix-blend-mode:lighten;opacity:.5}#mainColors .sb_area .sb_front .shadow{position:absolute;top:0;left:0;mix-blend-mode:overlay;opacity:1}#mainColors .sb_area .sb_back{background-image:url(/sb_back.png);background-repeat:no-repeat;background-size:contain;background-position:top right;width:340px;height:359px;position:relative}#mainColors .sb_area .sb_back svg{mix-blend-mode:multiply}#mainColors .sb_area .sb_back .hilight{position:absolute;top:0;left:0;mix-blend-mode:lighten;opacity:.5}#mainColors .sb_area .sb_back .shadow{position:absolute;top:0;left:0;mix-blend-mode:overlay;opacity:.5}#mainColors .sb_area .sb_inside{background-image:url(/sb_inside.png);background-repeat:no-repeat;background-size:contain;background-position:top right;width:450px;height:300px;position:relative}#mainColors .sb_area .sb_inside svg{mix-blend-mode:multiply}#mainColors .sb_area .sb_inside .hilight{position:absolute;top:0;left:0;mix-blend-mode:lighten;opacity:.5}#mainColors .sb_area .sb_inside .shadow{position:absolute;top:0;left:0;mix-blend-mode:overlay;opacity:.5}#mainColors .backButton{border:1px solid #000;border-radius:100px;display:flex;justify-content:center;align-items:center;font-size:14px;height:48px;width:200px}#edgecolor .indexListWrap .indexListTitles .id{width:40px}#edgecolor .indexListWrap .indexListTitles .name{width:120px}#edgecolor .indexListWrap .indexListTitles .slug{width:120px}#edgecolor .indexListWrap .indexListTitles .code{width:120px}#edgecolor .indexListWrap .indexListTitles .type_id{width:120px}#edgecolor .indexListWrap .indexList{display:flex;align-items:center}#edgecolor .indexListWrap .indexList .id{width:40px}#edgecolor .indexListWrap .indexList .name{width:120px}#edgecolor .indexListWrap .indexList .slug{width:120px}#edgecolor .indexListWrap .indexList .code{width:120px;display:flex;align-items:center}#edgecolor .indexListWrap .indexList .code span{width:20px;height:20px;display:inline-block;margin-left:5px}#edgecolor .indexListWrap .indexList .type_id{width:120px}#edgecolor .sb_area{display:flex;align-items:flex-start;margin-bottom:50px}#edgecolor .sb_area .sb_edge{background-image:url(/sb_front.png);background-repeat:no-repeat;background-size:contain;background-position:top right;width:300px;height:317px;margin-bottom:50px;position:relative}#edgecolor .sb_area .sb_edge svg{mix-blend-mode:multiply}#edgecolor .sb_area .sb_edge .hilight{position:absolute;top:0;left:0;mix-blend-mode:lighten;opacity:.5}#edgecolor .sb_area .sb_edge .shadow{position:absolute;top:0;left:0;mix-blend-mode:overlay;opacity:.5}#edgecolor .sb_area .sb_back{background-image:url(/sb_back.png);background-repeat:no-repeat;background-size:contain;background-position:top right;width:340px;height:359px;position:relative}#edgecolor .sb_area .sb_back svg{mix-blend-mode:multiply}#edgecolor .sb_area .sb_back .hilight{position:absolute;top:0;left:0;mix-blend-mode:lighten;opacity:.5}#edgecolor .sb_area .sb_back .shadow{position:absolute;top:0;left:0;mix-blend-mode:overlay;opacity:.5}#edgecolor .sb_area .sb_inside{background-image:url(/sb_inside.png);background-repeat:no-repeat;background-size:contain;background-position:top right;width:450px;height:300px;position:relative}#edgecolor .sb_area .sb_inside svg{mix-blend-mode:multiply;margin-left:5px}#edgecolor .backButton{border:1px solid #000;border-radius:100px;display:flex;justify-content:center;align-items:center;font-size:14px;height:48px;width:200px}#header{height:100vh;width:200px;position:fixed;left:0;top:0;background-color:#000;color:#fff}#header h1{font-size:40px;text-align:center}#header h2{font-size:12px;text-align:center}#header>nav>ul>li>a,#header>nav>ul>li>span{font-size:14px;padding:1em;display:block}#header>nav>ul>li>ul>li a{font-size:14px;padding:1em 1em 1em 2em;display:block}#mainColors .indexListWrap .indexListTitles .id{width:40px}#mainColors .indexListWrap .indexListTitles .name{width:120px}#mainColors .indexListWrap .indexListTitles .slug{width:120px}#mainColors .indexListWrap .indexListTitles .code{width:120px}#mainColors .indexListWrap .indexListTitles .type_id{width:120px}#mainColors .indexListWrap .indexList{display:flex;align-items:center}#mainColors .indexListWrap .indexList .id{width:40px}#mainColors .indexListWrap .indexList .name{width:120px}#mainColors .indexListWrap .indexList .slug{width:120px}#mainColors .indexListWrap .indexList .code{width:120px;display:flex;align-items:center}#mainColors .indexListWrap .indexList .code span{width:20px;height:20px;display:inline-block;margin-left:5px}#mainColors .indexListWrap .indexList .type_id{width:120px}#mainColors .sb_area{display:flex;align-items:flex-start;margin-bottom:50px}#mainColors .sb_area .sb_front{background-image:url(/sb_front.png);background-repeat:no-repeat;background-size:contain;background-position:top right;width:300px;height:317px;position:relative;margin-top:17px}#mainColors .sb_area .sb_front svg{mix-blend-mode:multiply}#mainColors .sb_area .sb_front .hilight{position:absolute;top:0;left:0;mix-blend-mode:lighten;opacity:.5}#mainColors .sb_area .sb_front .shadow{position:absolute;top:0;left:0;mix-blend-mode:overlay;opacity:1}#mainColors .sb_area .sb_back{background-image:url(/sb_back.png);background-repeat:no-repeat;background-size:contain;background-position:top right;width:340px;height:359px;position:relative}#mainColors .sb_area .sb_back svg{mix-blend-mode:multiply}#mainColors .sb_area .sb_back .hilight{position:absolute;top:0;left:0;mix-blend-mode:lighten;opacity:.5}#mainColors .sb_area .sb_back .shadow{position:absolute;top:0;left:0;mix-blend-mode:overlay;opacity:.5}#mainColors .sb_area .sb_inside{background-image:url(/sb_inside.png);background-repeat:no-repeat;background-size:contain;background-position:top right;width:450px;height:300px;position:relative}#mainColors .sb_area .sb_inside svg{mix-blend-mode:multiply}#mainColors .sb_area .sb_inside .hilight{position:absolute;top:0;left:0;mix-blend-mode:lighten;opacity:.5}#mainColors .sb_area .sb_inside .shadow{position:absolute;top:0;left:0;mix-blend-mode:overlay;opacity:.5}#mainColors .backButton{border:1px solid #000;border-radius:100px;display:flex;justify-content:center;align-items:center;font-size:14px;height:48px;width:200px}.tacksWrap .image{width:160px}.tacksWrap .image img{width:100%;height:auto}.tacksWrap .thumbnailImage{width:100px}.tacksWrap .thumbnailImage img{width:100%;height:auto}.tacksWrap .fastenerImage{width:160px}.tacksWrap .fastenerImage img{width:100%;height:auto}#types .indexListWrap .indexListTitles .id{width:40px}#types .indexListWrap .indexListTitles .name{width:120px}#types .indexListWrap .indexListTitles .slug{width:120px}#types .indexListWrap .indexList .id{width:40px}#types .indexListWrap .indexList .name{width:120px}#types .indexListWrap .indexList .slug{width:120px}#types .backButton{border:1px solid #000;border-radius:100px;display:flex;justify-content:center;align-items:center;font-size:14px;height:48px;width:200px}.indexBaseWrap{margin-left:200px;padding:40px}.indexBaseWrap h1{font-size:32px;margin-bottom:1em}.indexBaseWrap .formWrap{display:flex;flex-direction:column;gap:20px}.indexBaseWrap .formWrap .formRow{display:flex;gap:20px;align-items:center}.indexBaseWrap .formWrap .formRow label{width:160px}.indexBaseWrap .indexListWrap{display:flex;flex-direction:column}.indexBaseWrap .indexListWrap .indexListTitles{display:flex;font-weight:bold;padding-bottom:10px;gap:20px;border-bottom:1px solid #000}.indexBaseWrap .indexListWrap .indexList{display:flex;padding:1em 0;gap:20px;border-bottom:#DFDFDF 1px solid}.indexBaseWrap .indexListWrap .edit a,.indexBaseWrap .indexListWrap .edit button,.indexBaseWrap .indexListWrap .delete a,.indexBaseWrap .indexListWrap .delete button{display:inline-flex;align-items:center;justify-content:center;font-size:12px;height:24px;width:40px;border-radius:3px;border:1px solid #04AA6D;color:#04AA6D;transition:0.3s}.indexBaseWrap .indexListWrap .edit a:hover,.indexBaseWrap .indexListWrap .edit button:hover,.indexBaseWrap .indexListWrap .delete a:hover,.indexBaseWrap .indexListWrap .delete button:hover{background-color:#04AA6D;color:#FFFFFF}.indexBaseWrap .indexListWrap .delete a,.indexBaseWrap .indexListWrap .delete button{border:1px solid #ff3179;color:#ff3179}.indexBaseWrap .indexListWrap .delete a:hover,.indexBaseWrap .indexListWrap .delete button:hover{background-color:#ff3179;color:#DFDFDF}.indexBaseWrap .createButton{background-color:#04AA6D;color:#FFFFFF;border-radius:100px;display:flex;justify-content:center;align-items:center;font-size:14px;height:48px;width:200px;margin-bottom:1em}.indexBaseWrap .backButton{border:1px solid #000;border-radius:100px;display:flex;justify-content:center;align-items:center;font-size:14px;height:48px;width:200px}input[type="text"],input[type="url"],input[type="email"],input[type="number"],input[type="password"]{height:48px;border-radius:4px;border:1px solid #DFDFDF;background-color:#F5F5F5;padding:0 12px}input[type="text"]::placeholder,input[type="url"]::placeholder,input[type="email"]::placeholder,input[type="number"]::placeholder,input[type="password"]::placeholder{color:#CCC}input[type="submit"]{background-color:#04AA6D;color:#FFFFFF;border-radius:100px;display:flex;justify-content:center;align-items:center;font-size:14px;height:48px;width:200px}input[type="color"]{height:60px;width:60px}.loginWrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh}.loginWrap h1{font-size:48px;font-weight:100}.loginWrap h2{font-size:14px;font-weight:300}.loginWrap form{margin-top:40px;display:flex;flex-direction:column;gap:20px;align-items:center}.notLoginWrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;gap:32px;background-color:rgba(186,162,128,0.3)}.notLoginWrap h1{font-size:48px;font-weight:100}.notLoginWrap h2{font-size:14px;font-weight:300}.notLoginWrap form{margin-top:40px;display:flex;flex-direction:column;gap:20px;align-items:center}*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}body{font-family:"M PLUS Rounded 1c";font-size:14px;background-color:rgba(186,162,128,0.3)}