{"version":3,"sources":["demoSrc/demo.scss"],"names":[],"mappings":"AAEA,0EAAA,CAA2E,yGAAyG,QAAQ,CAAC,SAAS,CAAC,kBAAkB,cAAc,CAAC,eAAkB,CAAC,GAAG,eAAe,CAAC,6BAA6B,QAAQ,CAAC,KAAK,qBAAqB,CAAC,iBAAqB,kBAAkB,CAAC,UAAU,WAAW,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,MAAM,wBAAwB,CAAC,gBAAgB,CAAC,MAAM,SAAS,CAAC,gCAAgC,eAAe,CAC3hB,UAEI,QAAS,CACT,SAAU,CACV,YAAa,CACb,cAAe,CAEf,qBAAsB,CACtB,gBAAiB,CACjB,WAAY,CACZ,kBAAmB,CACnB,wBAAuC,CACvC,sBAAuB,CACvB,0DAAoC,CAGxC,KACI,eAAgB,CAChB,aApBa,CAqBb,eAAgB,CAChB,iBAAkB,CAClB,aAAc,CALlB,SAOQ,aAAc,CAItB,EACI,UAAW,CAGf,OAEQ,eAAgB,CAChB,aApCS,CAqCT,WAAY,CACZ,iBAAkB,CAI1B,OACI,YAAa,CACb,kBAAmB,CACnB,wBAAyB,CACzB,UAAW,CAGf,OACI,iCAAqC,CACrC,aAAc,CACd,aApDa,CAiDjB,SAKQ,aAA6B,CAC7B,oBAAqB,CAI7B,MACI,YAAa,CACb,qBAAsB,CACtB,UAAW,CACX,MAAO,CACP,sBAAuB,CACvB,kBAAmB,CAOvB,oBACI,iBAAkB,CAGtB,eACI,sBAAuB,CACvB,cAAe,CAGnB,QACI,iBAAkB,CAClB,SAAU,CAEd,KAEI,oBAAqB,CACrB,sBAAuB,CACvB,kBAAmB,CACnB,UAAW,CACX,YAAkB,CAClB,cAAe,CACf,WAAY,CACZ,oBAAqB,CACrB,yBAA0B,CAC1B,kBAAmB,CACnB,iBAAkB,CAClB,qCAAuC,CAb3C,sBAgBQ,kBAAgC,CAhBxC,gBAoBQ,SAAa,CACb,eAAgB,CArBxB,mBAwBQ,kBAAmB,CAI3B,OACI,UAAW,CACX,iCAAqC,CACrC,cAAe,CAEf,iBAAkB,CAClB,WAAY,CAGhB,WACI,cAAe,CACf,UAAW,CAFf,kBAIQ,sBACJ,CAKJ,OACI,YAAa,CACb,iBAAkB,CAClB,QAAS,CACT,WAAY,CAGhB,oCAEI,OACI,cAAe,CAClB,CAGL,IACI,eAAgB,CAChB,WAAY,CAGhB,KACI,kBAAmB,CACnB,UAAW,CACX,qBAAsB,CACtB,YAAa,CACb,YAAa,CACb,sBAAuB,CACvB,oBAAqB,CACrB,kBAAmB,CACnB,aAA2B,CAT/B,WAYQ,kBAAgC","file":"demo.7ac3dcef.css","sourceRoot":"..","sourcesContent":["// For Demo\r\n$body-bg: #845ec2;\r\n/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}\r\nhtml,\r\nbody {\r\n    margin: 0;\r\n    padding: 0;\r\n    display: flex;\r\n    flex-wrap: wrap; // justify-content: center;\r\n    // align-items: center;\r\n    flex-direction: column;\r\n    min-height: 100vh;\r\n    width: 100vw;\r\n    align-items: center;\r\n    background-color: darken($body-bg, 20%);\r\n    font-family: sans-serif;\r\n    background-image: url('pattern.png');\r\n}\r\n\r\ncode {\r\n    background: #fff;\r\n    color: $body-bg;\r\n    padding: 2px 6px;\r\n    border-radius: 2px;\r\n    display: block;\r\n    pre {\r\n        overflow: auto;\r\n    }\r\n}\r\n\r\na {\r\n    color: #fff;\r\n}\r\n\r\np {\r\n    span {\r\n        background: #fff;\r\n        color: $body-bg;\r\n        padding: 2px;\r\n        border-radius: 2px;\r\n    }\r\n}\r\n\r\nheader {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    width: 100%;\r\n}\r\n\r\nfooter {\r\n    font-family: \"Reenie Beanie\", cursive;\r\n    font-size: 2em;\r\n    color: $body-bg;\r\n    a {\r\n        color: lighten($body-bg, 10%);\r\n        text-decoration: none;\r\n    }\r\n}\r\n\r\n.main {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n    flex: 1;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.modals {\r\n    text-align: center;\r\n}\r\n\r\n.modal-type {\r\n    text-align: center;\r\n}\r\n\r\n.modal-content {\r\n    font-family: sans-serif;\r\n    font-size: 16px;\r\n}\r\n\r\n.center{\r\n    text-align: center;\r\n    width: 50%;\r\n}\r\n.btn {\r\n\r\n    text-decoration: none;\r\n    font-family: sans-serif;\r\n    background: #845ec2;\r\n    color: #fff;\r\n    padding: 15px 15px;\r\n    font-size: 14px;\r\n    margin: 10px;\r\n    display: inline-block;\r\n    text-transform: capitalize;\r\n    letter-spacing: 1px;\r\n    border-radius: 2px;\r\n    transition: background 0.2s ease-in-out;\r\n    &:hover,\r\n    &:focus {\r\n        background: darken(#845ec2, 10%);\r\n    }\r\n\r\n    &.for-github {\r\n        fill: #ffffff;\r\n        background: none;\r\n    }\r\n    &.btn-secondary{\r\n        background: #ff2c72;\r\n    }\r\n}\r\n\r\n.title {\r\n    color: #fff;\r\n    font-family: \"Reenie Beanie\", cursive;\r\n    font-size: 48px; // position: absolute;\r\n    // top: 20px;\r\n    text-align: center;\r\n    margin: 20px;\r\n}\r\n\r\n.sub-title {\r\n    font-size: 14px;\r\n    color: #fff;\r\n    &:before {\r\n        content: 'Animation : '\r\n    }\r\n}\r\n\r\n\r\n\r\nselect {\r\n    padding: 10px;\r\n    border-radius: 4px;\r\n    border: 0;\r\n    height: 40px;\r\n}\r\n\r\n@media screen and (max-width:480px) {\r\n\r\n    .title {\r\n        font-size: 22px;\r\n    }\r\n}\r\n\r\n.ga {\r\n    margin-top: 30px;\r\n    width: 400px;\r\n}\r\n\r\n.bar {\r\n    background: #FF9671;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n    transition: all .2s;\r\n    color: darken(#845ec2, 20%);\r\n\r\n    &:hover {\r\n        background: lighten(#ff9671, 5%);\r\n    }\r\n}"]}