{"version":3,"sources":["code-previewer/style/index.pcss"],"names":[],"mappings":"AAAA,qCAEA,MACE,MAAA,IACA,OAAA,IACA,eAAA,OACA,KAAA,aACA,SAAA,OAGF,wBACE,WAAA,KACA,MAAA,KACA,OAAA,KACA,UAAA,KACA,cAAA,KAGE,yDACE,OAAA,MAAA,MAAA,QACA,QAAA,KAAA,KAAA,KAGF,wDACE,QAAA,EAAA,KAAA,KAIJ,iCACE,WAAA,QACA,QAAA,OAAA,OACA,SAAA,SACA,QAAA,EAKE,yDACE,OAAA,QACA,UAAA,KAGF,4DACE,SAAA,SACA,IAAA,MACA,MAAA,KACA,OAAA,QACA,iBAAA,YACA,QAAA,GACA,QAAA,EAGF,4DACE,OAAA,KACA,SAAA,SACA,IAAA,MACA,MAAA,KACA,OAAA,QACA,iBAAA,YAEA,QAAA,GACA,QAAA,EAEA,kEACE,cAAA,OACA,MAAA,QACA,UAAA,IACA,QAAA,OAAA,MAON,+CACE,SAAA,KACA,OAAA,KAGA,mBAAA,OAAA,IAAA,YAAA,GAAA,WAAA,OAAA,IAAA,YAAA,GAGF,oDACE,OAAA,EACA,mBAAA,OAAA,IAAA,YAAA,GAAA,WAAA,OAAA,IAAA,YAAA,GAKN,IACE,WAAA,cACA,UAAA","file":"index.css","sourcesContent":["@import url('../../styles/index.pcss');\n\n.icon {\n  width: 1em;\n  height: 1em;\n  vertical-align: -0.15em;\n  fill: currentColor;\n  overflow: hidden;\n}\n\n.code-preview-container {\n  background: #fff;\n  width: 100%;\n  height: 100%;\n  font-size: 1rem;\n  margin-bottom: 1rem;\n\n  & .cp-component {\n    & .component-content {\n      border: .3rem solid #f8f9fa;\n      padding: 34px 24px 42px;\n    }\n\n    & .component-footer {\n      padding: 0 24px 12px;\n    }\n  }\n\n  & .cp-code {\n    background: #f8f9fa;\n    padding: 1.1rem 1.5rem;\n    position: relative;\n    z-index: 1;\n\n\n\n    & .code-header {\n      & .icon-code {\n        cursor: pointer;\n        font-size: 18px;\n      }\n\n      & .code-wrapper {\n        position: absolute;\n        top: .3rem;\n        right: 4rem;\n        cursor: pointer;\n        background-color: transparent;\n        z-index: 10;\n        padding: 0;\n      }\n\n      & .copy-wrapper {\n        border: none;\n        position: absolute;\n        top: .3rem;\n        right: 1rem;\n        cursor: pointer;\n        background-color: transparent;\n\n        z-index: 10;\n        padding: 0;\n\n        & .copy {\n          border-radius: .25rem;\n          color: #818a91;\n          font-size: 75%;\n          padding: .25rem .5rem;\n        }\n      }\n    }\n\n    & .code-tabs {}\n\n    & .code-content {\n      overflow: auto;\n      height: auto;\n      /* max-height: 500px;\n      overflow-y: auto; */\n      transition: height 800ms ease-in-out 0ms;\n    }\n\n    & .hide-code-content {\n      height: 0;\n      transition: height 800ms ease-in-out 0ms;\n    }\n  }\n}\n\npre {\n  background: none !important;\n  font-size: 14px !important\n}\n"]}