.b-f-s-c-a-logo{position:relative;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.25rem;min-width:5.625rem;color:#00f}.b-f-s-c-a-logo>span{display:block;position:absolute;text-align:center;left:50%;top:50%;-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%);-webkit-transition:font-weight .2s,-webkit-transform .2s;transition:font-weight .2s,-webkit-transform .2s;transition:transform .2s,font-weight .2s;transition:transform .2s,font-weight .2s,-webkit-transform .2s;font-weight:400}.b-f-s-c-a-logo>span.b{-webkit-transform:translate(-170%,-58%) rotate(-15deg);transform:translate(-170%,-58%) rotate(-15deg)}.b-f-s-c-a-logo>span.f{-webkit-transform:translate(-110%,-45%) rotate(8deg);transform:translate(-110%,-45%) rotate(8deg)}.b-f-s-c-a-logo>span.s{-webkit-transform:translate(-50%,-53%) rotate(0deg);transform:translate(-50%,-53%) rotate(0deg);font-weight:500}.b-f-s-c-a-logo>span.c{-webkit-transform:translate(10%,-46%) rotate(-6deg);transform:translate(10%,-46%) rotate(-6deg)}.b-f-s-c-a-logo>span.a{-webkit-transform:translate(70%,-56%) rotate(12deg);transform:translate(70%,-56%) rotate(12deg)}.b-f-s-c-a-logo:hover .b{-webkit-transform:translate(-170%,-62%) rotate(-20deg);transform:translate(-170%,-62%) rotate(-20deg)}.b-f-s-c-a-logo:hover .f{-webkit-transform:translate(-110%,-42%) rotate(12deg);transform:translate(-110%,-42%) rotate(12deg)}.b-f-s-c-a-logo:hover .s{-webkit-transform:translate(-50%,-55%) rotate(0deg);transform:translate(-50%,-55%) rotate(0deg);font-weight:600}.b-f-s-c-a-logo:hover .c{-webkit-transform:translate(10%,-44%) rotate(-10deg);transform:translate(10%,-44%) rotate(-10deg)}.b-f-s-c-a-logo:hover .a{-webkit-transform:translate(70%,-60%) rotate(18deg);transform:translate(70%,-60%) rotate(18deg)}.b-f-s-c-a-logo:active{color:#860025;font-size:110%}.b-f-s-c-a-logo:active .b{-webkit-transform:translate(-170%,-65%) rotate(-25deg);transform:translate(-170%,-65%) rotate(-25deg)}.b-f-s-c-a-logo:active .f{-webkit-transform:translate(-110%,-40%) rotate(15deg);transform:translate(-110%,-40%) rotate(15deg)}.b-f-s-c-a-logo:active .s{-webkit-transform:translate(-50%,-58%) rotate(0deg);transform:translate(-50%,-58%) rotate(0deg);font-weight:700;font-size:115%}.b-f-s-c-a-logo:active .c{-webkit-transform:translate(10%,-42%) rotate(-15deg);transform:translate(10%,-42%) rotate(-15deg)}.b-f-s-c-a-logo:active .a{-webkit-transform:translate(70%,-62%) rotate(25deg);transform:translate(70%,-62%) rotate(25deg)}#app .b-f-s-c-a-logo.main.text-2xl{line-height:.7;color:#00f}.b-f-s-c-a-logo.text-sm{min-height:1.2rem;min-width:3rem}.b-f-s-c-a-logo.text-sm>span{font-size:.8em}.logo-demo[data-v-724e251e]{max-width:800px;margin:0 auto}.logo-container[data-v-724e251e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:80px;background:#fff}.logo-item h3[data-v-724e251e]{color:#373737;font-weight:500}.usage-info[data-v-724e251e]{border-radius:4px}.usage-info pre[data-v-724e251e]{border-radius:4px;overflow-x:auto}
/*# sourceMappingURL=logo-demo.e82063e8.css.map */