{"version":3,"names":[],"mappings":"","sources":["code-previewer/style/index.pcss"],"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"],"file":"index.pcss"}