#css-sans{font-family:noto sans japanese,ヒラギノ丸ゴ pro w4,ヒラギノ丸ゴ pro,hiragino maru gothic pro,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,hg丸ゴシックm-pro,hgmarugothicmpro sans-serif;background-color:#3e3a39;font-size:12px;position:absolute;top:0;left:0;min-height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;width:100%;font-weight:500;letter-spacing:.1em}#css-sans a{outline:0}#css-sans #header{*zoom:1;background-color:#fff}#css-sans #header:before,#css-sans #header:after{display:table;content:""}#css-sans #header:after{clear:both}#css-sans #header .h{min-width:968px;max-width:968px;margin:0 auto;margin:5.5px auto 16.5px}#css-sans #header #logo{width:320px;text-align:center;margin:0 auto}#css-sans #header #logo a{color:#231815;text-align:center;display:block;padding:11px 0 0;margin:0 auto;font-size:22px;line-height:44px;letter-spacing:.5em;font-family:css sans,sans-serif}#css-sans #header #logo a:hover{color:#3e3a39}#css-sans #header nav{display:block;margin-top:-44px}#css-sans #header nav#l{float:left}#css-sans #header nav#l li{padding:0 0 0 66px}#css-sans #header nav#r{float:right}#css-sans #header nav#r li{padding:0 66px 0 0}#css-sans #header .menu li{text-transform:uppercase;float:left;display:block;height:44px;width:77px;text-align:center;overflow:hidden}#css-sans #header .menu li.download{letter-spacing:-.025em}#css-sans #header .menu li.selected a{border-bottom:solid 1px #231815}#css-sans #header .menu li a{font-size:12px;line-height:43px;height:43px;display:inline-block;min-width:30%;color:#231815}#css-sans #header .menu li a:hover{border-bottom:solid 1px #231815}#css-sans #footer{*zoom:1;background-color:#3e3a39;padding:44px 0 33px;color:#fff}#css-sans #footer:before,#css-sans #footer:after{display:table;content:""}#css-sans #footer:after{clear:both}#css-sans #footer>.p{min-width:968px;max-width:968px;margin:0 auto}#css-sans #footer .copy{float:left}#css-sans #footer .copy h2{font-family:css sans,sans-serif;letter-spacing:.5em}#css-sans #footer .copy span{font-size:10px;margin:11px 0 0;display:block;font-weight:100}#css-sans #footer .socialbuttons{float:right}#css-sans #footer .socialbuttons li{float:left;display:block;margin:0 0 11px 22px}#css-sans section{*zoom:1;padding:33px 11px}#css-sans section:before,#css-sans section:after{display:table;content:""}#css-sans section:after{clear:both}#css-sans section>.p{min-width:968px;max-width:968px;margin:0 auto}#css-sans section h3{letter-spacing:.25em;font-size:15px;line-height:1.75em}#css-sans section h3.en{font-size:11.25px}#css-sans section p{font-weight:300;padding:22px 0 0;line-height:2}#css-sans section a.link{text-transform:uppercase;margin:22px 0 0;display:inline-block;*display:inline;*zoom:1;color:#3e3a39;font-weight:300;border:solid 1px #3e3a39;padding:.75em 1em;-webkit-border-radius:5.5px;-moz-border-radius:5.5px;-ms-border-radius:5.5px;-o-border-radius:5.5px;border-radius:5.5px}#css-sans section a.link:hover{background-color:#3e3a39;color:#fff}#css-sans section#fonts{padding:22px 0;background-color:#929393}#css-sans section#fonts .fonts{border-width:1px 0;border-color:#9b9e9e;border-style:solid;color:#fff;padding:5.5px 0 0;font-size:29px;text-align:center;font-family:css sans}#css-sans section#fonts .fonts span{display:inline-block;*display:inline;*zoom:1;padding:0 .225em}#css-sans section#catch{background-color:#dcdddd}#css-sans section#catch .mov{position:relative;height:0;float:left;width:66%;padding:0 0 40.2%}#css-sans section#catch .mov iframe{position:absolute;top:0;left:0;width:100%;height:100%}#css-sans section#catch p{font-size:11px;padding:33px 0 0;width:30%;float:right;line-height:2em;letter-spacing:.25em}#css-sans section#catch p.ja{font-weight:500}#css-sans section#catch p.en{letter-spacing:.2em}#css-sans section#code{background-color:#f7f8f8}#css-sans section#code .demo{float:right;width:55%;*zoom:1}#css-sans section#code .demo:before,#css-sans section#code .demo:after{display:table;content:""}#css-sans section#code .demo:after{clear:both}#css-sans section#code .demo .cw{float:left;width:300px}#css-sans section#code .demo .cw .code{background-color:#fff;padding:22px}#css-sans section#code .demo .cw .div.focus{background-color:rgba(0,200,255,.2)}#css-sans section#code .demo .fw{float:right;width:220px}#css-sans section#code .demo .fw .font{background-color:#fff;padding:22px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#css-sans section#code .demo .fw .font .box{position:relative;top:25px;left:28px}#css-sans section#code .info{float:left;width:40%}#css-sans section#code .info p{font-size:11px}#css-sans section#code .info p.en{letter-spacing:.15em;color:#3e3a39}#css-sans section#trans{background-color:#fff}#css-sans section#trans .demo{float:left;width:40%}#css-sans section#trans .demo img{margin:11px 0;display:block;width:100%}#css-sans section#trans .info{float:right;width:50%}#css-sans section#trans .info .link{float:right}#css-sans section#trans h3{text-align:right}#css-sans section#trans h3.ja{letter-spacing:.525em}#css-sans section#trans h3.en{letter-spacing:.05em;padding:0 .7em 0 0}#css-sans section#trans p{clear:both;text-align:right;font-size:11px}#css-sans section#trans p.en{color:#3e3a39}#css-sans section#credit{background-color:#f7f8f8;padding-bottom:66px}#css-sans section#credit h3.en{text-transform:uppercase;letter-spacing:.6em}#css-sans section#credit .cat{padding:22px 0 0;float:left;font-weight:300;width:33.33%;font-size:13px}#css-sans section#credit .cat h5{font-size:12px;margin:0 0 2em}#css-sans section#credit .cat h5 span.en{font-size:10px;padding:0 0 0 .5em;letter-spacing:.05em}#css-sans section#credit .cat ul li{display:block;margin:1em 0 2em 1.5em}#css-sans section#credit .cat ul li span a{color:#231815;border-bottom:dotted 1px #231815}#css-sans section#credit .cat ul li span a:hover{color:#727171;border-color:#727171}#css-sans section#credit .cat ul li span.en{padding:0 0 0 .5em;font-size:11px}#css-sans #allfonts{border-top:solid 1px #dcdddd}#css-sans #allfonts .p{position:relative;min-width:968px;max-width:968px;margin:0 auto}#css-sans #allfonts section#todw{background-color:#f7f8f8;text-align:center;font-weight:300}#css-sans #allfonts section#todw .link{margin:22px 0 0}#css-sans #allfonts section#af{padding:22px 11px 44px;background-color:#fff}#css-sans #allfonts section#af .cw{*zoom:1;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#css-sans #allfonts section#af .cw:before,#css-sans #allfonts section#af .cw:after{display:table;content:""}#css-sans #allfonts section#af .cw:after{clear:both}#css-sans #allfonts section#af .cw .div.focus{background-color:rgba(0,200,255,.2)}#css-sans #allfonts section#af .cw ul{*zoom:1;border-bottom:dashed 1px #dcdddd}#css-sans #allfonts section#af .cw ul:before,#css-sans #allfonts section#af .cw ul:after{display:table;content:""}#css-sans #allfonts section#af .cw ul:after{clear:both}#css-sans #allfonts section#af .cw ul.l{border-bottom:0}#css-sans #allfonts section#af .cw li{position:relative;float:left;width:50%;display:block;padding:33px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#css-sans #allfonts section#af .cw li:nth-child(2n+1){z-index:1;clear:both;border-right:dashed 1px #dcdddd}#css-sans #allfonts section#af .cw li:nth-child(2n) .font .box{padding-left:44px}#css-sans #allfonts section#af .cw .code{position:relative;z-index:100;float:left;font-size:8px;letter-spacing:.03em;width:60%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:0 11px 22px 22px}#css-sans #allfonts section#af .cw .code .div{-webkit-transition:all linear 100ms;-moz-transition:all linear 100ms;-ms-transition:all linear 100ms;-o-transition:all linear 100ms;transition:all linear 100ms;cursor:pointer}#css-sans #allfonts section#af .cw .font{float:left;width:40%}#css-sans #allfonts section#af .cw .font .box{padding:0 0 0 22px}#css-sans #allfonts section#af .cw .font .box div{-webkit-transition:all linear 100ms;-moz-transition:all linear 100ms;-ms-transition:all linear 100ms;-o-transition:all linear 100ms;transition:all linear 100ms}#css-sans #allfonts section#af .cw .font .box div:before,#css-sans #allfonts section#af .cw .font .box div:after{-webkit-transition:all linear 100ms;-moz-transition:all linear 100ms;-ms-transition:all linear 100ms;-o-transition:all linear 100ms;transition:all linear 100ms}#css-sans #archive section#todw{background-color:#f7f8f8;text-align:center;font-weight:300}#css-sans #archive section#todw .link{margin:22px 0 0}#css-sans #archive section#live{border-top:solid 1px #dcdddd;background-color:#fff;padding:44px 0}#css-sans #archive section #text{height:22px;vertical-align:text-bottom}#css-sans #archive section .res{margin:22px 0;*zoom:1}#css-sans #archive section .res:before,#css-sans #archive section .res:after{display:table;content:""}#css-sans #archive section .res:after{clear:both}#css-sans #archive section .res#safari .text{font-family:css sans safari,sans-serif}#css-sans #archive section .res#ie6 .text{font-family:css sans ie6,sans-serif}#css-sans #archive section .res#ie7 .text{font-family:css sans ie7,sans-serif}#css-sans #archive section .res#ie8 .text{font-family:css sans ie8,sans-serif}#css-sans #archive section .res#ie9 .text{font-family:css sans ie9,sans-serif}#css-sans #archive section .res#ie10 .text{font-family:css sans ie10,sans-serif}#css-sans #archive section .res#chrome .text{font-family:css sans chrome,sans-serif}#css-sans #archive section .res#firefox10 .text{font-family:css sans firefox10,sans-serif}#css-sans #archive section .res#firefox30 .text{font-family:css sans firefox30,sans-serif}#css-sans #archive section .res#opera10 .text{font-family:css sans opera10,sans-serif}#css-sans #archive section .res#opera12 .text{font-family:css sans opera12,sans-serif}#css-sans #archive section .res h4{padding:11px 0;text-align:center;font-size:10px;line-height:10px}#css-sans #archive section .res h4 img{display:inline-block;*display:inline;*zoom:1;height:10px;vertical-align:text-bottom;padding:0 .25em 0 0}#css-sans #archive section .res .text{text-transform:uppercase;width:100%;text-align:center;font-size:18px;height:22px;letter-spacing:.2em}#css-sans #archive #inpt{text-align:center;font-weight:300}#css-sans #archive #inpt input{letter-spacing:.2em;border:0;border-bottom:solid 1px #dcdddd;width:66%;outline:0;font-size:18px;text-align:center;text-transform:uppercase;-webkit-transition:all linear 100ms;-moz-transition:all linear 100ms;-ms-transition:all linear 100ms;-o-transition:all linear 100ms;transition:all linear 100ms}#css-sans #archive #inpt input:focus{border-color:#69e1ff}#css-sans #download h2{font-size:13px}#css-sans #download h2.en{font-weight:100}#css-sans #download section p{clear:both;font-size:11px;line-height:2em;font-weight:300}#css-sans #download section p.en{font-weight:100;padding:11px 0 0}#css-sans #download section .dw{float:left;text-align:center}#css-sans #download section .dw span{margin:5.5px 0 0;display:block;line-height:1em;font-weight:100;letter-spacing:.25em}#css-sans #download section .dw.s span{font-size:10px;line-height:1.25}#css-sans #download section .link{margin:33px 0 0;color:#0086b3;border-color:#0086b3}#css-sans #download section .link:hover{color:#fff;background-color:#0086b3}#css-sans #download section#css{background-color:#f7f8f8}#css-sans #download section#css h2.ja{letter-spacing:.45em}#css-sans #download section#css h2.en{letter-spacing:.2em}#css-sans #download section#css .info{float:left}#css-sans #download section#css .info a.gh{color:#3e3a39;border-bottom:dotted 1px #3e3a39}#css-sans #download section#css .info a.gh:hover{color:#727171;border-color:#727171}#css-sans #download section#css .usage{clear:left;float:left;margin:33px 0 0}#css-sans #download section#css .usage h4{font-weight:100;margin:0 0 5.5px}#css-sans #download section#css .usage .code{background-color:#fff;border:solid 1px #e9ecec;padding:16.5px}#css-sans #download section#css .usage .code .line{letter-spacing:.075em}#css-sans #download section#css .img{float:right;width:44%;margin:44px 0}#css-sans #download section#css .img img{display:block;width:100%}#css-sans #download section#tf{background-color:#fff}#css-sans #download section#tf h2.ja{letter-spacing:.775em}#css-sans #download section#tf h2.en{letter-spacing:.225em;padding:0 .5em 0 0}#css-sans #download section#tf .info{width:50%;float:right;text-align:right}#css-sans #download section#tf .info .dw{float:right}#css-sans #download section#tf .img{float:left;width:50%}#css-sans #download section#tf .img img{margin:66px 0;display:block;width:100%}#css-sans .code{font-size:10px;letter-spacing:.1em}#css-sans .code .div{-webkit-transition:all linear 200ms;-moz-transition:all linear 200ms;-ms-transition:all linear 200ms;-o-transition:all linear 200ms;transition:all linear 200ms}#css-sans .code .line{font-family:Consolas,Monaco,andale mono,monospace}#css-sans .code .line.I1{padding-left:1em}#css-sans .code .line span{color:#231815}#css-sans .code .line span.ClN{color:#795da3;padding-right:.5em}#css-sans .code .line span.AtrN{color:#0086b3;padding-left:.5em}#css-sans .code .line span.QN{color:#df5000;padding-left:.5em}#css-sans .code .line span.DegN{color:#a71d5d}#css-sans .code .line span.NC{color:#231815!important}#css-sans .code .line span.Z{padding-left:0!important}#css-sans .code .line span.ON{color:#969896}#css-sans .code .line span.TH{color:#231815}#css-sans .code .line span.TN{color:#63a35c}#css-sans .code .line span.AN{color:#795da3;padding-left:.5em}#css-sans .code .line span.VN{color:#df5000}#css-sans .font .box{height:150px;float:left;margin:44px 0 0}#css-sans .font .A{position:relative;left:30px;width:60px;height:91px;border-bottom:solid 14px #231815;-webkit-transition:all linear 200ms;-moz-transition:all linear 200ms;-ms-transition:all linear 200ms;-o-transition:all linear 200ms;transition:all linear 200ms}#css-sans .font .A:before,#css-sans .font .A:after{-webkit-transition:all linear 200ms;-moz-transition:all linear 200ms;-ms-transition:all linear 200ms;-o-transition:all linear 200ms;transition:all linear 200ms;-webkit-transform:skew(-19deg,0);-moz-transform:skew(-19deg,0);-ms-transform:skew(-19deg,0);-o-transform:skew(-19deg,0);transform:skew(-19deg,0);position:absolute;content:'';top:12.5px;left:0;width:16px;height:125px;background-color:#231815}#css-sans .font .A:after{-webkit-transform:skew(19deg,0);-moz-transform:skew(19deg,0);-ms-transform:skew(19deg,0);-o-transform:skew(19deg,0);transform:skew(19deg,0);left:45px}#css-sans .font .A.focus{border-color:#69e1ff}#css-sans .font .A.focusBefore:before{background-color:#69e1ff;z-index:99}#css-sans .font .A.focusAfter:after{background-color:#69e1ff;z-index:99}#css-sans .font .B{position:relative;top:12.5px;left:10px;width:60px;height:125px;border-left:solid 16px #231815}#css-sans .font .B:before,#css-sans .font .B:after{position:absolute;content:'';width:52px;height:39px;border-width:15px 15px 10px 0;border-color:#231815;border-style:solid;-webkit-border-radius:0 240% 180% 0/0 180% 180% 0;-moz-border-radius:0 240% 180% 0/0 180% 180% 0;-ms-border-radius:0 240% 180% 0/0 180% 180% 0;-o-border-radius:0 240% 180% 0/0 180% 180% 0;border-radius:0 240% 180% 0/0 180% 180% 0}#css-sans .font .B:after{bottom:0;width:58px;height:43px;border-width:10px 15px 15px 0;-webkit-border-radius:0 180% 220% 0/0 180% 180% 0;-moz-border-radius:0 180% 220% 0/0 180% 180% 0;-ms-border-radius:0 180% 220% 0/0 180% 180% 0;-o-border-radius:0 180% 220% 0/0 180% 180% 0;border-radius:0 180% 220% 0/0 180% 180% 0}#css-sans .font .B.focus{border-color:#69e1ff}#css-sans .font .B.focusBefore:before{border-color:#69e1ff;z-index:99}#css-sans .font .B.focusAfter:after{border-color:#69e1ff;z-index:99}#css-sans .font .C{position:relative;top:12.5px;left:10px;width:84px;height:95px;border-width:15px 12px 15px 16px;border-color:#231815;border-style:solid;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}#css-sans .font .C:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;content:'';top:2px;left:49px;background-color:#fff;width:90px;height:90px}#css-sans .font .C.focus{border-color:#69e1ff}#css-sans .font .C.focus:before{background-color:transparent}#css-sans .font .C.focusBefore:before{background-color:#69e1ff;opacity:.75;filter:alpha(opacity=75)}#css-sans .font .D{position:relative;top:12.5px;left:10px;border-left:solid 15px #231815;height:125px}#css-sans .font .D:before{position:absolute;content:'';top:0;left:0;width:60px;height:95px;border-width:15px 15px 15px 0;border-color:#231815;border-style:solid;-webkit-border-radius:0 300% 300% 0/0 180% 180% 0;-moz-border-radius:0 300% 300% 0/0 180% 180% 0;-ms-border-radius:0 300% 300% 0/0 180% 180% 0;-o-border-radius:0 300% 300% 0/0 180% 180% 0;border-radius:0 300% 300% 0/0 180% 180% 0}#css-sans .font .D.focus{border-color:#69e1ff}#css-sans .font .D.focusBefore:before{border-color:#69e1ff}#css-sans .font .E{position:relative;top:12.5px;left:10px;width:63px;height:95px;border-width:15px 0 15px 16px;border-color:#231815;border-style:solid}#css-sans .font .E:before{position:absolute;content:'';top:38px;left:0;width:53px;height:15px;background-color:#231815}#css-sans .font .E.focus{border-color:#69e1ff}#css-sans .font .E.focusBefore:before{background-color:#69e1ff}#css-sans .font .F{position:relative;top:12.5px;left:10px;width:63px;height:110px;border-width:15px 0 0 16px;border-color:#231815;border-style:solid}#css-sans .font .F:before{position:absolute;content:'';top:38px;left:0;width:53px;height:15px;background-color:#231815}#css-sans .font .F.focus{border-color:#69e1ff}#css-sans .font .F.focusBefore:before{background-color:#69e1ff}#css-sans .font .G{position:relative;top:12.5px;left:10px;width:84px;height:95px;border-width:15px 12px 15px 16px;border-color:#231815;border-style:solid;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}#css-sans .font .G:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;content:'';top:2px;left:48px;background-color:#fff;width:90px;height:90px}#css-sans .font .G:after{position:absolute;content:'';bottom:.5px;right:7px;width:28px;height:36px;border-width:13px 14px 0 0;border-color:#231815;border-style:solid}#css-sans .font .G.focus{border-color:#69e1ff}#css-sans .font .G.focus:before{background-color:transparent}#css-sans .font .G.focusBefore:before{background-color:#69e1ff;opacity:.75;filter:alpha(opacity=75)}#css-sans .font .G.focusAfter:after{border-color:#69e1ff;z-index:99}#css-sans .font .H{position:relative;top:12.5px;left:10px;width:60px;height:125px;border-width:0 16px;border-color:#231815;border-style:solid}#css-sans .font .H:before{position:absolute;content:'';top:53px;left:0;width:60px;height:14px;background-color:#231815}#css-sans .font .H.focus{border-color:#69e1ff}#css-sans .font .H.focusBefore:before{background-color:#69e1ff}#css-sans .font .I{z-index:1;position:relative;top:12.5px;left:20px;width:16px;height:125px;background-color:#231815}#css-sans .font .I.focus{background-color:#69e1ff}#css-sans .font .J{position:relative;top:12.5px;left:-5px;width:75px;height:66px;border-right:solid 16px #231815}#css-sans .font .J:before{position:absolute;content:'';bottom:-60px;right:-16px;width:50px;height:60px;border-width:0 16px 15px 14px;border-color:#231815;border-style:solid;-webkit-border-radius:0 0 75% 75%;-moz-border-radius:0 0 75% 75%;-ms-border-radius:0 0 75% 75%;-o-border-radius:0 0 75% 75%;border-radius:0 0 75% 75%}#css-sans .font .J:after{-webkit-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-ms-transform:rotate(-40deg);-o-transform:rotate(-40deg);transform:rotate(-40deg);position:absolute;content:'';top:40px;left:-20px;width:60px;height:60px;background-color:#fff}#css-sans .font .J.focus{border-color:#69e1ff}#css-sans .font .J.focusBefore:before{border-color:#69e1ff}#css-sans .font .J.focusBefore:after{background-color:transparent}#css-sans .font .J.focusAfter:after{background-color:#69e1ff;opacity:.75;filter:alpha(opacity=75)}#css-sans .font .K{position:relative;top:12.5px;left:10px;width:80px;height:125px;border-left:solid 16px #231815;overflow:hidden}#css-sans .font .K:before{-webkit-transform:skew(-43deg,0);-moz-transform:skew(-43deg,0);-ms-transform:skew(-43deg,0);-o-transform:skew(-43deg,0);transform:skew(-43deg,0);position:absolute;content:'';top:0;left:16px;width:19px;height:84px;background-color:#231815}#css-sans .font .K:after{-webkit-transform:skew(30deg,0);-moz-transform:skew(30deg,0);-ms-transform:skew(30deg,0);-o-transform:skew(30deg,0);transform:skew(30deg,0);position:absolute;content:'';bottom:0;right:25px;width:18px;height:80px;background-color:#231815}#css-sans .font .K.focus{border-color:#69e1ff}#css-sans .font .K.focusBefore:before{background-color:#69e1ff}#css-sans .font .K.focusAfter:after{background-color:#69e1ff}#css-sans .font .L{position:relative;top:12.5px;left:10px;width:63px;height:110px;border-width:0 0 15px 16px;border-color:#231815;border-style:solid}#css-sans .font .L.focus{border-color:#69e1ff}#css-sans .font .M{position:relative;top:12.5px;left:10px;width:80px;height:125px;border-width:0 15px;border-color:#231815;border-style:solid}#css-sans .font .M:before{-webkit-transform:skew(20deg,0);-moz-transform:skew(20deg,0);-ms-transform:skew(20deg,0);-o-transform:skew(20deg,0);transform:skew(20deg,0);position:absolute;content:'';top:0;left:14px;width:12px;height:110px;background-color:#231815}#css-sans .font .M:after{-webkit-transform:skew(-20deg,0);-moz-transform:skew(-20deg,0);-ms-transform:skew(-20deg,0);-o-transform:skew(-20deg,0);transform:skew(-20deg,0);position:absolute;content:'';top:0;right:14px;width:12px;height:110px;background-color:#231815}#css-sans .font .M.focus{border-color:#69e1ff}#css-sans .font .M.focusBefore:before{background-color:#69e1ff}#css-sans .font .M.focusAfter:after{background-color:#69e1ff}#css-sans .font .N{position:relative;top:12.5px;left:10px;width:63px;height:125px;border-width:0 15px;border-color:#231815;border-style:solid}#css-sans .font .N:before{-webkit-transform:skew(30deg,0);-moz-transform:skew(30deg,0);-ms-transform:skew(30deg,0);-o-transform:skew(30deg,0);transform:skew(30deg,0);position:absolute;content:'';top:0;left:24px;width:15px;height:125px;background-color:#231815}#css-sans .font .N.focus{border-color:#69e1ff}#css-sans .font .N.focusBefore:before{background-color:#69e1ff}#css-sans .font .O{position:relative;top:12.5px;left:10px;width:70px;height:97px;border-width:14px 16px;border-color:#231815;border-style:solid;-webkit-border-radius:55%/52%;-moz-border-radius:55%/52%;-ms-border-radius:55%/52%;-o-border-radius:55%/52%;border-radius:55%/52%}#css-sans .font .O.focus{border-color:#69e1ff}#css-sans .font .P{position:relative;top:12.5px;left:10px;width:60px;height:125px;border-left:solid 16px #231815}#css-sans .font .P:before{position:absolute;content:'';width:56px;height:50px;border-width:13px 15px 13px 0;border-color:#231815;border-style:solid;-webkit-border-radius:0 220% 220% 0/0 180% 180% 0;-moz-border-radius:0 220% 220% 0/0 180% 180% 0;-ms-border-radius:0 220% 220% 0/0 180% 180% 0;-o-border-radius:0 220% 220% 0/0 180% 180% 0;border-radius:0 220% 220% 0/0 180% 180% 0}#css-sans .font .P.focus{border-color:#69e1ff}#css-sans .font .P.focusBefore:before{border-color:#69e1ff}#css-sans .font .Q{z-index:-1;position:relative;top:12.5px;left:10px;width:70px;height:97px;border-width:14px 16px;border-color:#231815;border-style:solid;-webkit-border-radius:55%/52%;-moz-border-radius:55%/52%;-ms-border-radius:55%/52%;-o-border-radius:55%/52%;border-radius:55%/52%}#css-sans .font .Q:before{-webkit-transform:rotate(-84deg);-moz-transform:rotate(-84deg);-ms-transform:rotate(-84deg);-o-transform:rotate(-84deg);transform:rotate(-84deg);position:absolute;content:'';top:82px;left:49px;width:16px;height:48px;border-width:16px 0 13px 13px;border-color:#231815;border-style:solid;-webkit-border-radius:200% 0 0 200%/100% 0 0 100%;-moz-border-radius:200% 0 0 200%/100% 0 0 100%;-ms-border-radius:200% 0 0 200%/100% 0 0 100%;-o-border-radius:200% 0 0 200%/100% 0 0 100%;border-radius:200% 0 0 200%/100% 0 0 100%}#css-sans .font .Q:after{-webkit-transform:rotate(-18deg);-moz-transform:rotate(-18deg);-ms-transform:rotate(-18deg);-o-transform:rotate(-18deg);transform:rotate(-18deg);position:absolute;content:'';bottom:-35px;right:-44px;width:30px;height:30px;background-color:#fff}#css-sans .font .Q.focus{border-color:#69e1ff}#css-sans .font .Q.focusBefore:before{border-color:#69e1ff}#css-sans .font .Q.focusBefore:after{background-color:transparent}#css-sans .font .Q.focusAfter:after{background-color:#69e1ff;opacity:.75;filter:alpha(opacity=75)}#css-sans .font .R{position:relative;top:12.5px;left:10px;width:60px;height:125px;border-left:solid 16px #231815}#css-sans .font .R:before{position:absolute;content:'';width:52px;height:44px;border-width:13px 15px 13px 0;border-color:#231815;border-style:solid;-webkit-border-radius:0 220% 220% 0/0 180% 180% 0;-moz-border-radius:0 220% 220% 0/0 180% 180% 0;-ms-border-radius:0 220% 220% 0/0 180% 180% 0;-o-border-radius:0 220% 220% 0/0 180% 180% 0;border-radius:0 220% 220% 0/0 180% 180% 0}#css-sans .font .R:after{-webkit-transform:skew(32deg,0);-moz-transform:skew(32deg,0);-ms-transform:skew(32deg,0);-o-transform:skew(32deg,0);transform:skew(32deg,0);position:absolute;content:'';bottom:0;left:38px;width:18px;height:58px;background-color:#231815}#css-sans .font .R.focus{border-color:#69e1ff}#css-sans .font .R.focusBefore:before{border-color:#69e1ff}#css-sans .font .R.focusAfter:after{background-color:#69e1ff}#css-sans .font .S{-webkit-transform:rotate(14deg);-moz-transform:rotate(14deg);-ms-transform:rotate(14deg);-o-transform:rotate(14deg);transform:rotate(14deg);position:relative;width:105px;height:150px;top:10px;left:10px}#css-sans .font .S:before{-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg);position:absolute;content:'';width:44px;height:40px;border-width:14px 0 15px 15.5px;border-color:#231815;border-style:solid;-webkit-border-radius:220% 0 0 150%/150% 0 0 100%;-moz-border-radius:220% 0 0 150%/150% 0 0 100%;-ms-border-radius:220% 0 0 150%/150% 0 0 100%;-o-border-radius:220% 0 0 150%/150% 0 0 100%;border-radius:220% 0 0 150%/150% 0 0 100%}#css-sans .font .S:after{-webkit-transform:rotate(198deg);-moz-transform:rotate(198deg);-ms-transform:rotate(198deg);-o-transform:rotate(198deg);transform:rotate(198deg);position:absolute;content:'';top:65px;left:21px;width:52px;height:44px;border-width:14px 0 15px 15px;border-color:#231815;border-style:solid;-webkit-border-radius:240% 0 0 110%/140% 0 0 100%;-moz-border-radius:240% 0 0 110%/140% 0 0 100%;-ms-border-radius:240% 0 0 110%/140% 0 0 100%;-o-border-radius:240% 0 0 110%/140% 0 0 100%;border-radius:240% 0 0 110%/140% 0 0 100%}#css-sans .font .S.focus{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}#css-sans .font .S.focusBefore:before{border-color:#69e1ff}#css-sans .font .S.focusAfter:after{border-color:#69e1ff}#css-sans .font .T{position:relative;top:12.5px;left:10px;width:100px;height:125px;border-top:solid 15px #231815}#css-sans .font .T:before{position:absolute;content:'';top:0;left:42px;width:16px;height:110px;background-color:#231815}#css-sans .font .T.focus{border-color:#69e1ff}#css-sans .font .T.focusBefore:before{background-color:#69e1ff}#css-sans .font .U{position:relative;top:12.5px;left:10px;width:60px;height:80px;border-width:0 16px;border-color:#231815;border-style:solid}#css-sans .font .U:before{position:absolute;content:'';top:65px;left:-16px;width:60px;height:45px;border-width:0 16px 15px;border-color:#231815;border-style:solid;-webkit-border-radius:0 0 200% 200%/0 0 300% 300%;-moz-border-radius:0 0 200% 200%/0 0 300% 300%;-ms-border-radius:0 0 200% 200%/0 0 300% 300%;-o-border-radius:0 0 200% 200%/0 0 300% 300%;border-radius:0 0 200% 200%/0 0 300% 300%}#css-sans .font .U.focus{border-color:#69e1ff}#css-sans .font .U.focusBefore:before{border-color:#69e1ff}#css-sans .font .V{position:relative;top:12.5px;left:30px;width:59px}#css-sans .font .V:before{-webkit-transform:skew(18deg,0);-moz-transform:skew(18deg,0);-ms-transform:skew(18deg,0);-o-transform:skew(18deg,0);transform:skew(18deg,0);position:absolute;content:'';top:0;left:0;height:125px;border-left:solid 16px #231815}#css-sans .font .V:after{-webkit-transform:skew(-18deg,0);-moz-transform:skew(-18deg,0);-ms-transform:skew(-18deg,0);-o-transform:skew(-18deg,0);transform:skew(-18deg,0);position:absolute;content:'';top:0;right:0;height:125px;border-left:solid 16px #231815}#css-sans .font .V.focus{width:0}#css-sans .font .V.focusBefore:before{border-color:#69e1ff;z-index:99}#css-sans .font .V.focusAfter:after{border-color:#69e1ff;z-index:99}#css-sans .font .W{position:relative;top:12.5px;left:25px;width:100px}#css-sans .font .W:before{-webkit-transform:skew(11deg,0);-moz-transform:skew(11deg,0);-ms-transform:skew(11deg,0);-o-transform:skew(11deg,0);transform:skew(11deg,0);position:absolute;content:'';top:0;left:0;width:42px;height:125px;border-width:0 13px 0 15px;border-color:#231815;border-style:solid}#css-sans .font .W:after{-webkit-transform:skew(-11deg,0);-moz-transform:skew(-11deg,0);-ms-transform:skew(-11deg,0);-o-transform:skew(-11deg,0);transform:skew(-11deg,0);position:absolute;content:'';top:0;right:0;width:42px;height:125px;border-width:0 15px 0 13px;border-color:#231815;border-style:solid}#css-sans .font .W.focus{width:0}#css-sans .font .W.focusBefore:before{border-color:#69e1ff}#css-sans .font .W.focusAfter:after{border-color:#69e1ff}#css-sans .font .X{position:relative;top:12.5px;left:50px;width:16px;height:125px}#css-sans .font .X:before{-webkit-transform:skew(32deg,0);-moz-transform:skew(32deg,0);-ms-transform:skew(32deg,0);-o-transform:skew(32deg,0);transform:skew(32deg,0);position:absolute;content:'';top:0;left:0;width:16px;height:125px;background-color:#231815}#css-sans .font .X:after{-webkit-transform:skew(-32deg,0);-moz-transform:skew(-32deg,0);-ms-transform:skew(-32deg,0);-o-transform:skew(-32deg,0);transform:skew(-32deg,0);position:absolute;content:'';top:0;right:0;width:16px;height:125px;background-color:#231815}#css-sans .font .X.focus{width:0}#css-sans .font .X.focusBefore:before{background-color:#69e1ff;z-index:99}#css-sans .font .X.focusAfter:after{background-color:#69e1ff;z-index:99}#css-sans .font .Y{position:relative;top:92.5px;left:52px;width:16px;height:50px;background-color:#231815}#css-sans .font .Y:before{-webkit-transform:skew(28deg,0);-moz-transform:skew(28deg,0);-ms-transform:skew(28deg,0);-o-transform:skew(28deg,0);transform:skew(28deg,0);position:absolute;content:'';top:-80px;left:-21px;width:16px;height:80px;background-color:#231815}#css-sans .font .Y:after{-webkit-transform:skew(-28deg,0);-moz-transform:skew(-28deg,0);-ms-transform:skew(-28deg,0);-o-transform:skew(-28deg,0);transform:skew(-28deg,0);position:absolute;content:'';top:-80px;right:-21px;width:16px;height:80px;background-color:#231815}#css-sans .font .Y.focus{background-color:#69e1ff}#css-sans .font .Y.focusBefore:before{background-color:#69e1ff;z-index:99}#css-sans .font .Y.focusAfter:after{background-color:#69e1ff;z-index:99}#css-sans .font .Z{position:relative;top:12.5px;left:10px;width:90px;height:95px;border-width:15px 0;border-color:#231815;border-style:solid}#css-sans .font .Z:before{-webkit-transform:skew(-37deg,0);-moz-transform:skew(-37deg,0);-ms-transform:skew(-37deg,0);-o-transform:skew(-37deg,0);transform:skew(-37deg,0);position:absolute;content:'';top:0;left:36px;width:18px;height:95px;background-color:#231815}#css-sans .font .Z.focus{border-color:#69e1ff}#css-sans .font .Z.focusBefore:before{background-color:#69e1ff;z-index:99}