@import url(../../styles/index.pcss);.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.code-preview-container{background:#fff;width:100%;height:100%;font-size:1rem;margin-bottom:1rem}.code-preview-container .cp-component .component-content{border:.3rem solid #f8f9fa;padding:34px 24px 42px}.code-preview-container .cp-component .component-footer{padding:0 24px 12px}.code-preview-container .cp-code{background:#f8f9fa;padding:1.1rem 1.5rem;position:relative;z-index:1}.code-preview-container .cp-code .code-header .icon-code{cursor:pointer;font-size:18px}.code-preview-container .cp-code .code-header .code-wrapper{position:absolute;top:.3rem;right:4rem;cursor:pointer;background-color:transparent;z-index:10;padding:0}.code-preview-container .cp-code .code-header .copy-wrapper{border:none;position:absolute;top:.3rem;right:1rem;cursor:pointer;background-color:transparent;z-index:10;padding:0}.code-preview-container .cp-code .code-header .copy-wrapper .copy{border-radius:.25rem;color:#818a91;font-size:75%;padding:.25rem .5rem}.code-preview-container .cp-code .code-content{overflow:auto;height:auto;-webkit-transition:height .8s ease-in-out 0s;transition:height .8s ease-in-out 0s}.code-preview-container .cp-code .hide-code-content{height:0;-webkit-transition:height .8s ease-in-out 0s;transition:height .8s ease-in-out 0s}pre{background:0 0!important;font-size:14px!important}
/*# sourceMappingURL=index.css.map */