html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-image:url(../static/img/bg.jpg);-webkit-background-position:center center;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;position:relative}html:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(5px) brightness(.8);backdrop-filter:blur(5px) brightness(.8);z-index:-1}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.sxibbjm{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.sxibbjm .board-outer-frame{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;max-width:600px;margin:0 12px}.sxibbjm .board-outer-frame .board-outer{position:relative;height:342px}.sxibbjm .board-outer-frame .board-outer .converter-btn{color:#fff;position:absolute;top:0;right:0;background-color:rgba(30,30,30,.5);box-shadow:inset 0 0 2px rgba(255,255,255,.7);z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:7px 10px 9px;border-radius:5px;font-size:13px;-webkit-transform:translate(8px,-8px);-moz-transform:translate(8px,-8px);-ms-transform:translate(8px,-8px);transform:translate(8px,-8px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sxibbjm .board-outer-frame .board-outer .board-to-rgb,.sxibbjm .board-outer-frame .board-outer .board-to-hex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:1;pointer-events:none;-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);background-color:rgba(30,30,30,.4);-webkit-transition:opacity .7s ease,-webkit-transform .7s ease;transition:opacity .7s ease,transform .7s ease;box-shadow:inset 0 0 2px rgba(255,255,255,.5),0 0 20px 4px rgba(0,0,0,.3);border-radius:5px;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff}.sxibbjm .board-outer-frame .board-outer .board-to-rgb.active,.sxibbjm .board-outer-frame .board-outer .board-to-hex.active{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);pointer-events:all}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups{display:-ms-grid;display:grid;-ms-grid-rows:0fr auto;grid-template-rows:0fr auto;width:40%;position:relative}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups:after,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background-color:rgba(255,255,255,.2);height:99.5%;margin:auto 0}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .top,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .top{padding:15px;position:relative}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .top:after,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:rgba(255,255,255,.2);width:99.5%;margin:0 auto}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .top .converter-rgb-title,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .top .converter-rgb-title,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .top .converter-hex-title,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .top .converter-hex-title{text-align:center;font-size:25px}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:15px}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .R-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .R-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .G-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .G-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .B-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .B-input-group input{height:49px}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-R-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-R-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-G-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-G-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-B-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-B-input-group input{height:50px}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .converter-hex-footer,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .converter-hex-footer,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .converter-rgb-footer,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .converter-rgb-footer{text-align:center;font-size:22px;margin:6px 0 1px}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .converter-hex-footer,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .converter-hex-footer{margin:19px 0 25px}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-hex-input-group,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-hex-input-group,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .hex-input-group,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .hex-input-group,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .full-rgb-input-group,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .full-rgb-input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:15px}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-hex-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-hex-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .hex-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .hex-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .full-rgb-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .full-rgb-input-group input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;width:100%;font-size:20px;border:none;outline:none;border-radius:5px;box-shadow:0 0 2px rgba(0,0,0,.7);padding:6px 5px 4px;text-align:center;background-color:transparent;color:#fff;box-sizing:border-box}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-hex-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-hex-input-group input{border:1px solid white}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .hex-input-group,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .hex-input-group{margin-top:0}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .full-rgb-input-group input,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .full-rgb-input-group input{border:1px solid white;padding:6px 5px}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .full-rgb-input-group .copy-btn,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .full-rgb-input-group .copy-btn{top:1px}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-hex-input-group,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-hex-input-group,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .full-rgb-input-group,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .full-rgb-input-group{position:relative}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-hex-input-group .copy-btn,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-hex-input-group .copy-btn,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .full-rgb-input-group .copy-btn,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .full-rgb-input-group .copy-btn{position:absolute;top:0;right:0;-webkit-transform:translate(-65%,50%);-moz-transform:translate(-65%,50%);-ms-transform:translate(-65%,50%);transform:translate(-65%,50%);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-hex-input-group .copy-btn svg,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-hex-input-group .copy-btn svg,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .full-rgb-input-group .copy-btn svg,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .full-rgb-input-group .copy-btn svg{color:#fff}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-hex-input-group .copy-btn .tooltip,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-hex-input-group .copy-btn .tooltip,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .full-rgb-input-group .copy-btn .tooltip,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .full-rgb-input-group .copy-btn .tooltip{color:#fff;font-size:15px;position:absolute;border-radius:6.4px;padding:6px;text-align:center;-webkit-transform:translate(-28px,-52px);-moz-transform:translate(-28px,-52px);-ms-transform:translate(-28px,-52px);transform:translate(-28px,-52px);width:55px;opacity:0;pointer-events:none;-webkit-transition:.7s ease;transition:.7s ease;background-color:#505050}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-hex-input-group .copy-btn .tooltip:after,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-hex-input-group .copy-btn .tooltip:after,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .full-rgb-input-group .copy-btn .tooltip:after,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .full-rgb-input-group .copy-btn .tooltip:after{content:"";position:absolute;top:0;left:0;width:0;height:0;border:6px solid transparent;border-top-color:#505050;-webkit-transform:translate(29px,27px);-moz-transform:translate(29px,27px);-ms-transform:translate(29px,27px);transform:translate(29px,27px);-webkit-transition:.7s ease;transition:.7s ease}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .to-hex-input-group .copy-btn:hover .tooltip,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .to-hex-input-group .copy-btn:hover .tooltip,.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .full-rgb-input-group .copy-btn:hover .tooltip,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .full-rgb-input-group .copy-btn:hover .tooltip{opacity:1;pointer-events:all}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .input-groups .bottom .hex-RGB-input-group,.sxibbjm .board-outer-frame .board-outer .board-to-hex .input-groups .bottom .hex-RGB-input-group{display:-ms-grid;display:grid;-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto;-ms-grid-gap:12px;grid-gap:12px}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .preview-color,.sxibbjm .board-outer-frame .board-outer .board-to-hex .preview-color{width:60%;position:relative}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .preview-color .color-box,.sxibbjm .board-outer-frame .board-outer .board-to-hex .preview-color .color-box{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transition:.5s ease;transition:.5s ease;margin:1px;border-radius:0 5px 5px 0}.sxibbjm .board-outer-frame .board-outer .board-to-rgb .preview-color .color-box-frame,.sxibbjm .board-outer-frame .board-outer .board-to-hex .preview-color .color-box-frame{color:#fff;font-weight:700;font-size:18px;text-shadow:0 1px 5px rgba(0,0,0,.6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;right:0;bottom:4%}.sxibbjm .board-outer-frame .operate-desc{color:#fff;padding:12px 15px;margin-top:20px;background-color:rgba(30,30,30,.4);box-shadow:inset 0 0 2px rgba(255,255,255,.5),0 0 20px 4px rgba(0,0,0,.3);border-radius:5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sxibbjm .board-outer-frame .operate-desc .title{font-size:25px;font-weight:700}.sxibbjm .board-outer-frame .operate-desc .desc{margin-top:12px;line-height:25px;text-align:justify}.si9lrxd .input-outer{position:relative;margin-bottom:var(--si9lrxd-0)}.si9lrxd .input-outer.white input{color:#fff;border-color:rgba(255,255,255,.5)}.si9lrxd .input-outer.white input:not(:placeholder-shown),.si9lrxd .input-outer.white input:focus{border-color:rgba(255,255,255,0)}.si9lrxd .input-outer.white input:not(:placeholder-shown)~fieldset,.si9lrxd .input-outer.white input:focus~fieldset{border-color:#fff}.si9lrxd .input-outer.white p{color:#fff}.si9lrxd .input-outer fieldset{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid;border-color:rgba(30,30,30,.5);border-radius:5px;padding:0 12px 0 8px;margin-top:-6px;height:62px;z-index:1;-webkit-transition:.5s ease;transition:.5s ease;opacity:0}.si9lrxd .input-outer fieldset legend{float:unset;width:unset;font-size:14px;line-height:unset;margin-bottom:unset;padding:0 3px;opacity:0;text-align:left}.si9lrxd .input-outer fieldset legend.center{text-align:center}.si9lrxd .input-outer input{position:relative;z-index:3;width:100%;outline:none;border:none;background-color:transparent;font-size:16px;height:58px;padding:0 14px;border:1px solid;border-color:rgba(30,30,30,.5);border-radius:5px;box-sizing:border-box;-webkit-transition:.5s ease;transition:.5s ease}.si9lrxd .input-outer input[type=number]::-webkit-outer-spin-button,.si9lrxd .input-outer input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.si9lrxd .input-outer input:disabled{cursor:not-allowed;opacity:.5}.si9lrxd .input-outer input:disabled~p{opacity:.5}.si9lrxd .input-outer input:not(:placeholder-shown),.si9lrxd .input-outer input:focus{border-color:rgba(30,30,30,0)}.si9lrxd .input-outer input:not(:placeholder-shown)~p,.si9lrxd .input-outer input:focus~p{opacity:1;-webkit-transform:scale(.85) translate(-5%,0%);-moz-transform:scale(.85) translate(-5%,0%);-ms-transform:scale(.85) translate(-5%,0%);transform:scale(.85) translate(-5%);left:0;top:-13%}.si9lrxd .input-outer input:not(:placeholder-shown)~p.center,.si9lrxd .input-outer input:focus~p.center{left:50%;-webkit-transform:scale(.85) translate(-62.5%,0);-moz-transform:scale(.85) translate(-62.5%,0);-ms-transform:scale(.85) translate(-62.5%,0);transform:scale(.85) translate(-62.5%)}.si9lrxd .input-outer input:not(:placeholder-shown)~fieldset,.si9lrxd .input-outer input:focus~fieldset{opacity:1;border-color:#1e1e1e}.si9lrxd .input-outer input.outline{border:unset;border-bottom:1px solid;border-color:rgba(30,30,30,.3);border-radius:unset;height:unset;padding:20px 0 5px}.si9lrxd .input-outer input.outline~.line{position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#1e1e1e;width:0;opacity:0;margin:auto;-webkit-transition:.5s ease;transition:.5s ease}.si9lrxd .input-outer input.outline~p{padding:0;top:65%}.si9lrxd .input-outer input.outline~p:before{content:"";margin-right:unset}.si9lrxd .input-outer input.outline~p:after{content:"";margin-left:unset}.si9lrxd .input-outer input.outline:not(:placeholder-shown)~.line,.si9lrxd .input-outer input.outline:focus~.line{opacity:1;width:100%}.si9lrxd .input-outer input.outline:not(:placeholder-shown)~p,.si9lrxd .input-outer input.outline:focus~p{opacity:1;-webkit-transform:scale(.85) translate(-8%,0);-moz-transform:scale(.85) translate(-8%,0);-ms-transform:scale(.85) translate(-8%,0);transform:scale(.85) translate(-8%);left:0;top:-22%}.si9lrxd .input-outer input.align-left{text-align:left}.si9lrxd .input-outer input.align-center{text-align:center}.si9lrxd .input-outer p{position:absolute;left:0;top:50%;opacity:.7;-webkit-transform:scale(1) translate(0,-50%);-moz-transform:scale(1) translate(0,-50%);-ms-transform:scale(1) translate(0,-50%);transform:scale(1) translateY(-50%);pointer-events:none;margin-bottom:0;font-size:13px;-webkit-transition:.5s ease;transition:.5s ease;z-index:2;font-size:16px;padding:0 10px 0 6px;text-align:center}.si9lrxd .input-outer p.center{left:50%;-webkit-transform:scale(1) translate(-50%,-50%);-moz-transform:scale(1) translate(-50%,-50%);-ms-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);padding:0;width:100%}.si9lrxd .input-outer p.success{color:#0f2}.si9lrxd .input-outer p.invalid-error{color:red!important}.si9lrxd .input-outer p:before{content:"";margin-right:4px}.si9lrxd .input-outer p:after{content:"";margin-left:4px}.si9lrxd .input-outer.md fieldset{height:51px}.si9lrxd .input-outer.md input{height:47px}.si9lrxd .input-outer.md input:not(:placeholder-shown)~p{opacity:1;-webkit-transform:scale(.85) translate(-1%,0%);-moz-transform:scale(.85) translate(-1%,0%);-ms-transform:scale(.85) translate(-1%,0%);transform:scale(.85) translate(-1%);left:0;top:-15%}.si9lrxd .input-outer.md input:focus~p{top:-15%}.si9lrxd .input-outer.md p{padding:0 5px 0 7px}.si9lrxd .input-outer.sm fieldset{height:39px}.si9lrxd .input-outer.sm input{height:35px;padding-top:3px}.si9lrxd .input-outer.sm input:not(:placeholder-shown)~p{opacity:1;-webkit-transform:scale(.85) translate(-5%,0%);-moz-transform:scale(.85) translate(-5%,0%);-ms-transform:scale(.85) translate(-5%,0%);transform:scale(.85) translate(-5%);left:0;top:-22%}.si9lrxd .input-outer.sm input:focus~p{top:-22%}.si9lrxd .input-outer.sm p{padding:0 5px 0 7px}.si9lrxd .input-outer .option-group .option-list-outer{position:absolute;left:0;right:0;background-color:#fff;opacity:0;z-index:30;pointer-events:none;border-radius:5px;overflow-y:auto;overflow-x:hidden;max-height:120px;border:1px solid rgba(30,30,30,.3)}.si9lrxd .input-outer .option-group .option-list-outer.toggle{opacity:1;pointer-events:all}.si9lrxd .input-outer .option-group .option-list-outer.pos-top{top:var(--si9lrxd-1)}.si9lrxd .input-outer .option-group .option-list-outer.pos-bottom{bottom:38px}.si9lrxd .input-outer .option-group .option-list-outer .list-item{text-align:center;padding:8px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:.5s ease;transition:.5s ease;color:#000}.si9lrxd .input-outer .option-group .option-list-outer .list-item:hover{color:#fff;background-color:#3c3c3c}.si9lrxd .input-outer .option-group .option-list-outer .list-item.active{color:#fff;background-color:#3c3c3c;box-shadow:inset 0 0 3px rgba(255,255,255,.7)}.si9lrxd .input-outer .option-group .option-list-outer::-webkit-scrollbar{background-color:rgba(255,255,255,.7);width:5px}.si9lrxd .input-outer .option-group .option-list-outer::-webkit-scrollbar-thumb{border-radius:20px;background-color:rgba(30,30,30,.7)}@media screen and (max-width:414px){.si9lrxd .input-outer .option-group .option-list-outer{margin-top:3px}}.si9lrxd .input-outer input:-webkit-input-placeholder-shown::placeholder{color:transparent}.si9lrxd .input-outer input:-moz-placeholder-shown::placeholder{color:transparent}.si9lrxd .input-outer input-ms-input-placeholder-shown::placeholder{color:transparent}.si9lrxd .input-outer input:placeholder-shown::placeholder{color:transparent}.so3ruml{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.so3ruml .picker{width:600px;height:600px}.so3ruml .picker canvas{position:absolute}.so3ruml .board-info{position:fixed;top:0;left:0;background-color:rgba(30,30,30,.5);box-shadow:inset 0 0 2px rgba(255,255,255,.5);color:#fff;padding:6px 8px 6px 6px;border-radius:5px;margin:5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:-ms-grid;display:grid;-ms-grid-columns:64px auto;grid-template-columns:64px auto;gap:8px}.so3ruml .board-info .left .color-preview{width:100%;height:64px;border-radius:5px;box-shadow:inset 0 0 2px 1px rgba(255,255,255,.5)}.so3ruml .board-info .right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.so3ruml .board-info .right div{margin-bottom:6px}.so3ruml .board-info .right div:nth-of-type(3){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.so3ruml .board-info .right div:last-child{margin-bottom:0}.smv8bhh .color-card-outer-frame{max-width:772px;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;margin:84px auto 66px}.smv8bhh .color-card-outer-frame::-webkit-scrollbar{width:8px;height:0;box-shadow:inset 0 0 5px rgba(255,255,255,.7);border-radius:20px}.smv8bhh .color-card-outer-frame::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.5);border-radius:20px}.smv8bhh .color-card-outer-frame .color-card-outer{display:-ms-grid;display:grid;-ms-grid-columns:repeat(auto-fit,minmax(93px,1fr));grid-template-columns:repeat(auto-fit,minmax(93px,1fr));-ms-grid-gap:12px;grid-gap:12px;padding:2px 12px}.smv8bhh .color-card-outer-frame .color-card-outer .color-card-item{height:93px;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 2px rgba(255,255,255,.5);background-color:var(--color-code);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.smv8bhh .color-card-outer-frame .float-current-pick-color-desc{position:fixed;top:0;left:0;right:0;margin:0 auto;max-width:772px}.smv8bhh .color-card-outer-frame .float-current-pick-color-desc .inside{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;display:-ms-grid;display:grid;-ms-grid-columns:60px auto;grid-template-columns:60px auto;gap:8px;margin-top:6px;-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);transform:translate(10px);padding:6px 8px 6px 6px;background-color:rgba(30,30,30,.5);box-shadow:inset 0 0 2px rgba(255,255,255,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:5px}.smv8bhh .color-card-outer-frame .float-current-pick-color-desc .inside .left .box{width:100%;height:100%;border-radius:5px;box-shadow:inset 0 0 2px rgba(255,255,255,.5);background-color:var(--color-code);-webkit-transition:background-color .5s ease;transition:background-color .5s ease}.smv8bhh .color-card-outer-frame .float-current-pick-color-desc .inside .right{color:#fff;line-height:24px}.smv8bhh .color-card-outer-frame .float-current-pick-color-desc .inside .right .rgb,.smv8bhh .color-card-outer-frame .float-current-pick-color-desc .inside .right .hex{display:-ms-grid;display:grid;-ms-grid-columns:1fr 0fr;grid-template-columns:1fr 0fr;gap:6px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.smv8bhh .color-card-outer-frame .float-current-pick-color-desc .inside .right .rgb .copy-btn,.smv8bhh .color-card-outer-frame .float-current-pick-color-desc .inside .right .hex .copy-btn{padding:3px 5px 3px 7px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.smv8bhh .copy-info-toast{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-30%);-moz-transform:translate(-50%,-30%);-ms-transform:translate(-50%,-30%);transform:translate(-50%,-30%);background-color:rgba(30,30,30,.5);padding:6px 9px;border-radius:5px;box-shadow:inset 0 0 2px rgba(255,255,255,.5);opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:18px;-webkit-transition:.5s ease;transition:.5s ease}.smv8bhh .copy-info-toast.active{opacity:1;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sp1hm0h{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-top:10px}.sp1hm0h .area-outer{display:-ms-grid;display:grid;-ms-grid-columns:70vw 20vw;grid-template-columns:70vw 20vw;-ms-grid-rows:90vh;grid-template-rows:90vh;-ms-grid-gap:10px;grid-gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.sp1hm0h .area-outer .left-area{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.sp1hm0h .area-outer .left-area .img-outer{position:relative;overflow:hidden;border-radius:5px;background-color:rgba(30,30,30,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 2px rgba(255,255,255,.7),3px 3px 13px 3px rgba(0,0,0,.5);opacity:0;-webkit-transition:.5s ease;transition:.5s ease}.sp1hm0h .area-outer .left-area .img-outer.show{opacity:1}.sp1hm0h .area-outer .left-area .img-outer .img{width:100%;height:100%;opacity:0;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}.sp1hm0h .area-outer .left-area .img-outer .img.toggle{opacity:1}.sp1hm0h .area-outer .left-area .img-outer .zoom-controller{position:absolute;right:0;bottom:0;opacity:1;border-radius:5px;box-shadow:inset 0 0 2px rgba(255,255,255,.7);background-color:rgba(30,30,30,.4);-webkit-transform:translate(-8px,-8px);-moz-transform:translate(-8px,-8px);-ms-transform:translate(-8px,-8px);transform:translate(-8px,-8px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sp1hm0h .area-outer .left-area .img-outer .zoom-controller .plus{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:13px 8px 10px;border-bottom:.5px solid rgba(255,255,255,.2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sp1hm0h .area-outer .left-area .img-outer .zoom-controller .plus .line{width:15px;height:3px;background-color:#fff}.sp1hm0h .area-outer .left-area .img-outer .zoom-controller .plus .line:nth-of-type(2){-webkit-transform:translateY(-3px) rotate(90deg);-moz-transform:translateY(-3px) rotate(90deg);-ms-transform:translateY(-3px) rotate(90deg);transform:translateY(-3px) rotate(90deg)}.sp1hm0h .area-outer .left-area .img-outer .zoom-controller .minus{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:13px 8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sp1hm0h .area-outer .left-area .img-outer .zoom-controller .minus .line{width:15px;height:3px;background-color:#fff}.sp1hm0h .area-outer .left-area .img-frame{color:#fff;font-weight:700;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;opacity:1;pointer-events:all;border-radius:5px;background-color:rgba(30,30,30,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 2px rgba(255,255,255,.7),3px 3px 13px 3px rgba(0,0,0,.5);-webkit-transition:.7s ease;transition:.7s ease}.sp1hm0h .area-outer .left-area .img-frame.toggle{opacity:0;pointer-events:none}.sp1hm0h .area-outer .right-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.sp1hm0h .area-outer .right-area .color-view-outer{display:-ms-grid;display:grid;-ms-grid-rows:300px auto;grid-template-rows:300px auto;-ms-grid-gap:10px;grid-gap:10px}.sp1hm0h .area-outer .right-area .color-view-outer .color-box{position:relative;border-radius:5px;box-shadow:inset 0 0 2px rgba(255,255,255,.7),3px 3px 13px 3px rgba(0,0,0,.5);background-color:rgba(30,30,30,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-transition:.3s ease;transition:.3s ease}.sp1hm0h .area-outer .right-area .color-view-outer .color-box .color-box-frame{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;font-weight:700;text-align:center;padding-bottom:15px;text-shadow:0 0 3px rgba(0,0,0,.7)}.sp1hm0h .area-outer .right-area .color-view-outer .color-box-content{padding:5px 12px;line-height:30px;border-radius:5px;color:#fff;background-color:rgba(30,30,30,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 2px rgba(255,255,255,.7),3px 3px 13px 3px rgba(0,0,0,.5)}.sp1hm0h .canvas{display:none}.sp1hm0h .bgview{width:100px;height:100px}.sg5ywae .language-list-outer{position:fixed;top:0;right:0;z-index:2;margin:5px;overflow:hidden;border-radius:5px;-webkit-transition:.5s ease;transition:.5s ease;background-color:rgba(30,30,30,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 2px rgba(255,255,255,.7)}.sg5ywae .language-list-outer .language-display-outer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sg5ywae .language-list-outer .language-display-outer svg{padding-right:5px}.sg5ywae .language-list-outer .language-list{max-height:0vh;overflow:hidden;opacity:0;-webkit-transition:.5s ease;transition:.5s ease}.sg5ywae .language-list-outer .language-list .language-list-item{color:#fff;padding:8px;margin:0 1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.sg5ywae .language-list-outer .language-list .language-list-item:first-child{border:1px solid rgba(255,255,255,.2);border-left:unset;border-right:unset}.sg5ywae .language-list-outer .language-list .language-list-item:last-child{padding:8px 8px 12px}.sg5ywae .language-list-outer .language-list.toggle{max-height:9vh;opacity:1}.sg5ywae .nav-list{position:fixed;right:0;bottom:0;border-radius:50%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 2px rgba(255,255,255,.7);padding:9px 11px;z-index:5;-webkit-transform:translate(-90%,-75%);-moz-transform:translate(-90%,-75%);-ms-transform:translate(-90%,-75%);transform:translate(-90%,-75%);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#3c3c3c}.sg5ywae .nav-list .line-icon .line{width:18px;height:2px;background-color:#fff;border-radius:20px;margin:4px 0;-webkit-transform:translate(0px,0px) rotate(0deg);-moz-transform:translate(0px,0px) rotate(0deg);-ms-transform:translate(0px,0px) rotate(0deg);transform:translate(0) rotate(0);-webkit-transition:.3s ease;transition:.3s ease}.sg5ywae .nav-list .nav-btn-group-zh,.sg5ywae .nav-list .nav-btn-group-en{position:absolute;top:0;left:0;right:0;bottom:0;width:125px;height:128px;opacity:0;-webkit-transform:scale(.8) translate(-118px,-126px);-moz-transform:scale(.8) translate(-118px,-126px);-ms-transform:scale(.8) translate(-118px,-126px);transform:scale(.8) translate(-118px,-126px);box-shadow:inset 0 0 2px rgba(255,255,255,.7),0 0 5px rgba(0,0,0,.3);border-radius:5px;overflow:hidden;padding:4px 2px;pointer-events:none;-webkit-transition:.3s ease;transition:.3s ease;color:#fff;background-color:#3c3c3c}.sg5ywae .nav-list .nav-btn-group-zh div,.sg5ywae .nav-list .nav-btn-group-en div{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:8px;text-align:center}.sg5ywae .nav-list .nav-btn-group-zh.toggle,.sg5ywae .nav-list .nav-btn-group-en.toggle{opacity:1;-webkit-transform:scale(1) translate(-107px,-114px);-moz-transform:scale(1) translate(-107px,-114px);-ms-transform:scale(1) translate(-107px,-114px);transform:scale(1) translate(-107px,-114px);pointer-events:all}.sg5ywae .nav-list .nav-btn-group-en{width:152px;-webkit-transform:scale(.8) translate(-148px,-126px);-moz-transform:scale(.8) translate(-148px,-126px);-ms-transform:scale(.8) translate(-148px,-126px);transform:scale(.8) translate(-148px,-126px)}.sg5ywae .nav-list .nav-btn-group-en.toggle{-webkit-transform:scale(1) translate(-134px,-115px);-moz-transform:scale(1) translate(-134px,-115px);-ms-transform:scale(1) translate(-134px,-115px);transform:scale(1) translate(-134px,-115px)}.sg5ywae .nav-list.toggle .line-icon .line:nth-of-type(1){-webkit-transform:translate(0px,6px) rotate(135deg);-moz-transform:translate(0px,6px) rotate(135deg);-ms-transform:translate(0px,6px) rotate(135deg);transform:translateY(6px) rotate(135deg)}.sg5ywae .nav-list.toggle .line-icon .line:nth-of-type(2){width:0}.sg5ywae .nav-list.toggle .line-icon .line:nth-of-type(3){-webkit-transform:translate(0px,-6px) rotate(-135deg);-moz-transform:translate(0px,-6px) rotate(-135deg);-ms-transform:translate(0px,-6px) rotate(-135deg);transform:translateY(-6px) rotate(-135deg)}.sg5ywae .container{display:-ms-grid;display:grid;-ms-grid-rows:1fr auto;grid-template-rows:1fr auto;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;min-height:100vh;max-width:960px;margin:0 auto}.sg5ywae .container .footer{margin:25px 0;color:#fff;text-align:center;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.7)}.soyi6v{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:50px}.soyi6v svg{color:#f33;margin:3px 8px 0 0}.soyi6v span{color:#fff}