@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/gothic_a1/gothic_a1.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_gothic/nanum_gothic.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_myeongjo/nanum_myeongjo.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_barungothic/nanum_barungothic.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_square/nanum_square.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_squareround/nanum_squareround.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_barunpen/nanum_barunpen.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_brush/nanum_brush.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/gugi/gugi.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/jua/jua.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/black_han_sans/black_han_sans.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nixgon/nixgon.css);@import url(//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/notosans_kr/notosans_kr_ver2.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#header{background-color:#fff;padding:37px 0;position:relative;transition:background-color .2s ease-in;width:100%}#header.sticky{background-color:#1da1f2;position:fixed;top:0;z-index:9}#header.sticky .header-logo a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAZCAYAAABjNDOYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU2QzFEQjgxNERFMTFFQTk0M0RCNkI4MzExMjAxMkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU2QzFEQjcxNERFMTFFQTk0M0RCNkI4MzExMjAxMkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NUUwMjg0MDE0QjMxMUVBOEQ0ODlBRTZCQzMyMUJFNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NUUwMjg0MTE0QjMxMUVBOEQ0ODlBRTZCQzMyMUJFNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrlKc5MAAANvSURBVHja3JldaBNBEMdzbTR+REprFSymbaz4RRHFPgiiRvx66INF1CdLKwq+CIqaat9UUBBBUMEWxAd9UFGwgqCCSlEjKGptaYtfQYvB4ke0MaiNNRr/CxM4jp273N2qqQM/cuzN7d3Ozs7sTrRMJuP5z+UcmAPGgzSIgmYQsXpQI+NMAeUuPuAh+JKnxkmAIkPbe1AGfpo+CePszbiXsDBynpJgvrnC6tkC2GeLgtlZOgyXm2al4AUlCl40mmkPgHlgIigEcfAMdAunzXfrCePEaBBupEd3LYywAWwF1Yy+eOdxcAQM5q1rYW3twG+9od0PqiT6KZr5rIiA1gWayCsmgDawIMf3vwCrwBObXioyzwD46jAgCwmCPquALCPEBLFOkwDmB90OgvkHEDTptwCsAedB3PBsElwB9WCEzYBcaRWQVRqn1UW2iwBN0ucM0JFjH09BjQvjaLJspUIqwSbm3iPQCNaCS4yOWIa1hra54B795iLTwW2wxOEYMn9qWe0ymc0xhtm5yOie1umNA30OvfATKFOxrFR5ziKm/Sj4ZpidA4zuct31dlDB6PWCU+RVMikG+5SMSpHn9DD6shjgBUOMvo8CcD9zv4XuZ/tqZvRSOo/9555TxLTHJW1pgzfpRaTo2WCS5F4ShMEvXdtB2g4YxQdCLsfkU2Ucbr/hZ9pHMu2fwTTmXkRyuBWGus7oV7scU0CVcd7a+MAq5riRIiOXMn29sdle6nJMUa8i44h0vVjSvpHqKXppZPp4rPMGmRTaPEBand3m0xaEkzuqjHOBMoxRltEZaj/FjPVgN9NHm0mc8pjUm8ptxDu9nLW4v1rlDrndxQ55ABRTP7MYnUFQIsl8MUa/jnTeOfymFlUxR8hm8g4nso0Okh46hL6W6IwCJ+g3u5zEnmmyRHcItNP1S9XZ6oeDzp7TESBh87km2tTpY8Ux1tU9nlfgKqXwMKN3hjKfkMMOjdOrMQX2ADN7XVSsNk2B4BBYZ1Ft6wQ7wU3GSzrATAeDSlKWjOnaaik55FLYE2WYB2CPZvLvQystFbvGyYooYK8ENZRWRfD/SB52g4xjJlPBLeonV/kO6sA1VcUuq9N2UFfijP7lfxlEPDkJVuSgK4pwDeC+ykrgcCiGL6RlGqLJGkubxn5wF1ymrUBa5Ut/CzAA9qdt35J8AroAAAAASUVORK5CYII=) 50%/cover no-repeat}#header.sticky path{stroke:#fff}#headSvg{left:80px;position:absolute;top:28px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.header-logo a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAZCAYAAABjNDOYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODVFMDI4NDAxNEIzMTFFQThENDg5QUU2QkMzMjFCRTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODVFMDI4NDExNEIzMTFFQThENDg5QUU2QkMzMjFCRTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NUUwMjgzRTE0QjMxMUVBOEQ0ODlBRTZCQzMyMUJFNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NUUwMjgzRjE0QjMxMUVBOEQ0ODlBRTZCQzMyMUJFNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgtwvrkAAAPrSURBVHja3FlrSFRBFN6bklo+yCxKtDKjFyJKEkZl9qb8UQjZH0N7gARBESnVj15QEUZggQjVDwtSsDDoR0FFLyN7K6VRSZZbEWH4qMyytO/gsa63OXd3796VtQMfc5l75tyZb2fOY1Zz/OcSW9pejiYJGAn8BBqAHc6c8CqzcT3TUx0aG5iIZpwXc3iAj33xU3Ja0UQYuj8C0ZjzLzNyAjF4L553eTmHAqBwEG2o0UAM8MZMaQiwyYaPLRyEJ04z2zUkgUCkDR8KEbZ0LJoZ/EsFAM3Ac+AJtnSPv7NH5DhpHV7aeaojhEhYC2wGEgR9J/SK0RaBpG/+TE4RsMbQHwrEK/Q7+ZfvE3JotcBuJmYUmkpgtis/CRwE1mHMChD0zAMHG8KRpwXjvg74ucME0tFcU7yqxYSShDFE6B2T3SIJHbWZsNso2CW/mAlkAQuYmD75DFBILgPKYaPLzWhFEgf91ypfo3fIdslhC8SQRAGnsQhNsbCplCYAFcAqAzEkYcAy4BT5MeinWJ08iNFU0cqOXGICmg3C64dALi/uvKBDxzDDYDMZTTWQ7OY0pgA3MW6+VX58Qg5kNUcjo5B/SsP2LQXO8vGoFGxk6YgJY70IC1HzHMZH27Eou8hJE/qPgpSOPyGqN3wfEHQX6563AuMFvTqglHeVSkYA+/yJHGkh9xR9NUCXon8MfvEgdsB5gr0SIBEk5wKz8LxT0MuGnWEeRab6ap+RE2ESifonODnhVPx1CPrkcBOBsYp37UA+xnfr+g4BLxW6QUC6l2sKsoscKd8IFfqHCv1twGThXZWxuGWiLgv6CV6uKdYucj64O0Fs93ih3OjkpC5KsPXOw/4oj5O+/kerIdAmcihcz1P0r6fkzNCXK9h4zG238D7AwwLSVe2WyilIP9Hd29yyi5wKjjBGWcQ11H72GdnAdsFGpeSn/p23W/3NLuZc5uJ9pi3HCseB9uN14fVG4C2TU8z1nFEoxT/Bz/WCnTkgOtJwRMnWckG/z1F/t7isJXaWD3lMgBXZAoJb+JmK0CaFTjBwHIQEMzEa50wxCt0futrwld3RqsvC7nnBJUCrh0MLKIM2JIrHpK0ONIKYi7wz8gW9M7DTxs9HLJJTp5lcUjV5UpUbxhZyOaCZqFIyuA32rips0O54BEyzsCjavQmw69TZy+Dg4M7FHl3D3Af2aCaLLFFkqi7J0Y2n+mYpkMJhlfzDJ4B22BXYqXExfhKaG4AndRL5l5Wwfcln9zmGajvO8feKs2Eg/2XA98mfnCTn6IY6Fbk5mN9dn152+ZuApLl8TNP5xxru6L2VfA/cBi5QKsCliW3yW4ABAFNELj3r7e1ZAAAAAElFTkSuQmCC) 50%/cover no-repeat;display:block;height:27px;margin:0 auto;position:relative;text-indent:-9999px;width:77px}.header-logo a:after{animation:rotate 3s linear infinite both;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABGBJREFUeNq8WE1ME0EUfoVSqyBWxCDyV4MGqybAxcgNjPFgTASPHlQ8mxCOeFEuepQDZ0EPHgEvHIwRPBiMHloTFUls+CkIRCwVEUoB9b3Z1+nM7nbbCvFLHktnZ2e/efPNe2/WBbuAP6fO+fDyEM2PFkN7hjbq+vRmKtsxXLtEpA8vN21uhdAeI6GeHRHBFzTjpQFtyDw79kID/xzJ8J4WfH7UqYPbwdUjyovuYlsLu70DrZWXIVvQhHIjYkOCkGzzyZYiNhWrbFbEclqaNCRAe3kArcqGhEomgjaukSKttDmJ10xkkN1uRT0boSAfoLQQ4MBevc9aAmDpl3EFJvMeLSG9QloJZUNkWXM/wYN2Ea0EbR/+qCsDqD7o7Of5FYCJRYAf64ZXSB1RZzJ5pt+jaUnQy5tPZCZBKC82+p4sM5YwOYYxyT6WgKNHGjRRXlZINFbJfpNbMQhuLIpr7HdctHldbjjm9kGTt0JcJWbQycGI4ZHncpn60abZQ/3ooZidWCcFkaQmaHZnUzt1eC0MYxuzjg4hIteKTgtyArRMnxcNzbyzDXot5qVpFSQ8vDtIlIonBn5NZCSR9Nijn+8h/mfLaCBdkb4CtruNVqHVTKRD/K1lfdSWGmRoveLTEEwsWGdffFaYRa/bq/B09WOqgciAsvNMe9JtG7KrubHKECbp4OW6HgIaD7fBJf8d8Lr3y7aR2V54GenVPEMmNEM6+/AVx9y2jbx5JhcZIPIUI8idFA42l7SnAiUX4OrxBxoJkVAqbwtyKsbic/pu8sgdpC2PSsRQZLLTvgJ5YzzxXXvqkr8rrT6ayq+Db0+F5hUJnhh4rM/l0ZbliNqndTJHTTXxKC+yw0HlvhSsijJrLnJbktn/B4mv020hwWlChOc0iG3MOXpleSOlCxlLVETlf90YzO7ZhfhUp7XNlDg9h7Quw1MP0pIYm38iiKrBTUuKhE0bjbBrdCyyR/jBQEGpdns8+gIGvnRBfOun1k7bd3jqvi5eb4WeDAkL1tzm5h96vTnDgoosi0Dky/PC+b1+LZYEvw0KSwazyZW3tqFeeoRyzibGkLCS6JTykTzyyjJCmLUSXjIephjhrYFGzxFrOEcCdiTK84tEvpGgfJMcG2Ti05ZmyFLKJbioIRKUORlXC+ugaU9lxm1AXri1v15PerTMEW1ZHlvKAIwjfmV5auT/u1kG0OQGlF2JI6oFkitNFT8iKm9zYXTmqEyCWSGZ/hNci0S1u3REaXM8TlChS3rEAfxigIsiOhj1aK6loj0JMMcvl8PhipLgoMhBHk7fgRyLZ9LEa205VPSgRzqzPen5mEyzPE7U83HCk+ahBBMIa8I0g8rD9pzOvkimlcnoIN0UKtk6yhFzIaNyLCScNAK2dYo5FUR59lYM8ReBkCmptiOJ/n/6GsBaCWbo1s0vjdkdtvkwH6JqfUefJXAgypA30hy86TtIy05rgZy+j7B3aHZX+DrEqTy0UyJ/BRgAJD+hLVFYpJAAAAAASUVORK5CYII=) 50%/cover no-repeat;content:"";display:block;height:34px;position:absolute;right:-32px;top:-10px;width:34px}.header-logo.white a{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAiCAYAAACp43wlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACfhJREFUeNrsWwtwVNUZ/m+ymyVZ8iAGeQSU+ABDoiWEl5Uqj1Zbcai1rX2rnWqdts600ymMTDt9jbbjqJ2xTtVRWwcdH1WQ1kKHGUsLAjU8lERigAjkBSEhS15uSLK72e333/vv7t3de/aVjQPT/Wf+3N1zzv333POd/3luNMpSxigwf1kBLi+CvwTuBm8F/x28Q2uqG0lGRk52GTNKD4K/LOs6A3yfgOICWBuSEaBl1zCpnV+My/XgVuz0o6b2XFwqwdcKAD8GXxZH1DLcvy/eb9myy50QjKW4bANfIt8fwuV18ANimqamIG4ReF9WQ9IH4yZc3gIXxR3oFGZD5QN/DB61HLkKGvKfLCDpgbFK7H++5YAy8FzwLPAki/4BcBv4I/BQqLUR/BWAciwLSOrR0mlwSUznZPASAYLJbicqBjolUCIbXMqoh6i3D1oC9vvBGMNep160Bw4e/HmA8l4WkOQBqcHl/ZiOcvCNDAIbsSnwCPOICs+r3XMnLg1NRJ4RQ2P+LeaM6Bx4MUBpyQKSfFTVFWGMOHZij2KDo6hdgJjKl6Q0aE19P8wX1p6x2w526x0NAor3/wqQQCDwGi4LJEriVTwO3qBp2p4EoHwbl5f0L1AGuhWch8VdDXuVbzgFPwXoiMdFjd4e6hpzky8QoHzNRrNsRbQwbzquhWGBrbBdDY2GprBnGtNbXxVvw2bsCYDj0mTSVySInxPRQTyg+wIFBNuTiqOaz4JnYs5jcQD5Ai7/1LfsGnApawjAKDES7jMAYNPQUTo7NqT87aq8qbS24Goq0OxGQwPsVSs0pYlXLGb4B+CFNkz4N/jwy3E+93rwoxeR4lwqbrktzph1+t8KAaN8dgiMVt8Avej+gLwBf9wf+dDTQ2d8bvp+UQ05GZRPYV90wgpeAzlHIqIvpus4ccyRBGe8tPoitGZaHO1g971C/8J5eA6G1s7Uv54PeOmvQ00xYOTl5FOJoxxDcyPae/3D9OZQMLnHPYuqjXxlnuVPL7cJ/uOlfIW5wLaiWtmRuWIrOQY/DHMRuIDB+qwOWKF4nlJMXxvWO3YNt5Pb7wnnhPZSWlPxC6oqvUUHYxQmbG/nC7Tr9NPkDxgWsdnbS8e852ieHcKmwo3ZsOxzfFZx3A0MSAd49jgfoNEEAi/8d6WuU60Y34FxT+mOTJMnvbBoif53mnyrYOvmRUTgp0OernBgm5NHd1c+TzOc80NtjlwnrZr9ABXYS2hby0NhJzt6xgCEtYQB9nUa2X2k2fo0K88TEoKZ+YRioiNR4xjjF8C/EjC4rrML/FwcMEg2wO9ZBu6pTNFJ54NngZ0TCMgV+t9gKFDmMCIB7P7hQDjcva7stggwzLR0+rdgwmaGvrf5BkweTIxSccxtU2zYoY/jw+NRD83206rmcgzjFygWarKkPtUpPPjV4Hdw7xLIbVHI5U1zB/hOrgUFi3zSx2nWHgkfX4MM7zjzj7W4/FzMbDgLsRumZ8AfWaC6rHBhHAel6f39o536dwZyBDwJYTE5RbAj5ratmTwPeSxFMMxVoZewuJoFGNdIgPgG+KtmMITYynN4yodChzF+0TjA4BL6m2KuDM+cwMtFO/AYmVECtOg4Itx9SqLU72QEECzEHFzuVXRzzeYeWdC/KcbcING+WSaXL+rANUlOY55o28o0H2NlCAizgWbyGM3FOZFVxJMDdUph7NDbBsPlKs5FHEEA3SI4rHCPISlcDx7MlIZ8LeZhxMRx9QemZCN4k5ieLQoZd5rAKJRxxWlEe5tx/8w0nuFUTEvQ7LuMBZwGhx1K8jiTc22lU+4GS2F7O/9Cg6YAoMJuqlN2uyLlI7UJaV2GALlR0f5HABGqvkmo+zvF2M+ZPv8UfLkq3wJvFO2xIi50/DaNZ/hvTEtwPU92SFVKo1rH9Agt2Nh0L71/djN5/QZoboS329seobfb/xAZtjlmhGtb/T1Eg2TUtgyqi5scxXHqDVZOHeM57K2yGL8Y4w9GjbXJVOwW4yfp8aWxW2dY9D8D/hFk+kXWBgXAbAxKeTMoSif6pkV/a5QfORGKsILEHmoalmnNUmzf8zQKEJ4cPBDj4HPhrO1IDkfGPrYsoXw9GI114bH3vWcUSur1lnqYqppMa4jKtLhiog9N80XsjUi6REoIVmDwnloXBEPoETKOgKLJEcq0U6PdMS1HdFUg2t9uCIYf+IazKuwPhMY4irIAg83cFwvmhrXjUKNxRhI+ono5IlDIECCqCttkRXueop2t6lxF357oAqaA87ZifDoR359EQynCuvO26kb46jKmXW4rpPsR0pabq7kWxBXf+wpr9AqwEd6cQ4Awahjd4dDzPm++J1MvOXQpqjPV5ixezMyVilLLCBZ4CP1lit84nWJ7WcrFraa6AzBbnIPcDu6TIGSlnuncBn4XefCKxQi2h2lqboEOyglvn15+75byO2vObFsR1eRNo0tzTblrsweGGFrWK3XdcBzH5/X9mQaE47ubLNq/xwlbVNs9ChmHwhU4S8pNsUiYqFa2TMJ1lenaTVXXb9MrEoPId3ZyWoqp7dwPo3qtHnLwD19ln6KzmuAz9ncTnTllnBZy6hwu+nNx5mHOPzINyBsSGcUU6aRm9bD4AD70eVAhY4vK7wQT4xTbXQnm/GqC/jugMVugMd8kfvuwE+adjeMK4FyPLd4Mc1VbidDBo9hDMG9tsH6Nh4l8HmM2Oy29Z0XGTRZMTR0WfqfCkf5AOB71m2xpk2LMcvwGR069URHbrYrxH1F0+pUa3cybBKBsBSh36dWAboDyDzLerpqD7b57v/FigxM5RhEsTw4++wBCPx5neNAIBnxitBuVur9jIpw60/2iBenQT7DQfaa4pl0REj8HECYJGJqEvLMsxnpMYfvJNOfkMPmWlwWgHn2Hv0PG21o80z7YnwE4644WaMRxeLQ2JCPw1WcDhiHfLD7DGoy3xHok1BBvGlrSjEXi8gfvoZIUbl3Pmbw5eQQ9SdYnkOxkW9BfL4XJKxUyX4GcYB7MGdrraQDyYZTD3wFNeRcf14Z0+oAwB1/mF+XcEX5CRa+A74LcsYQOUQ6W2pNNDC3ufVRKIfFeouBF/Rnk7bCQwVrApf3KNBaStbQacjtM8tZIgJHMYdyYLPOvIWMkKnE8SqqzPuug4qD4qk0CwHLpexb8w2gw4kUo/BDPiBlKCRDT/VxPukUsbploI7+P1Az+F+TUJ7j/KjLOVlKpS7G/uB2yt9MEEACxWhMz/VkitHZ9rZrqek338lpz9XoI7e2UYshoruJWUPj49fgn+XYJH0TJQ96cxHDOfe/G/PZN2HyM97WeJuNfDqKTW071Lsdi94wrQKKLgADMZ8QErpAN4pSkik9/9orf2iJlmYmfz/xlk0X72Z+sliRyHcAYt2b+T4ABAJh1cArC1qs2AAAAAElFTkSuQmCC) 50%/cover no-repeat;height:34px;width:100px}.header-logo.white a:after{display:none}svg{cursor:pointer;height:40px;transform:translateZ(0);width:54px}path{fill:none;stroke-width:25px;stroke-linecap:round;stroke:#1da1f2;stroke-dashoffset:0px;transition:stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25)}path#gnbBtnBottom,path#gnbBtnTop{stroke-dasharray:240px 950px}path#gnbBtnMiddle{stroke-dasharray:240px 240px}.cross path#gnbBtnBottom,.cross path#gnbBtnTop{stroke-dashoffset:-650px}.cross path#gnbBtnMiddle{stroke-dashoffset:-115px;stroke-dasharray:1px 220px}#footer{background-color:#05304a;color:#fff;font-size:12px;font-weight:300;line-height:2;padding:29px 0;text-align:center;width:100%}.service-list{align-items:center;display:flex;flex-wrap:wrap;margin:0 -10px}.service-list li{align-self:stretch;flex-basis:25%;margin-top:30px;padding:0 10px}.service-list li a:hover .service-box{padding:25px}.service-list li a:hover .service-box:after{opacity:.1}.service-box{border-radius:10px;height:100%;padding:20px;position:relative;transition:padding .4s cubic-bezier(.23,1,.32,1)}.service-box:after{background-color:#000;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.service-title{border:2px dashed #fff;border-radius:10px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:29px 10px;position:relative;text-align:center;z-index:1}.service-title span{color:#fff9;display:block;font-size:16px;font-weight:300;letter-spacing:-.64px}.service-title .service-category{margin-bottom:5px}.service-title h3{font-size:30px;font-weight:500;letter-spacing:-1.2px}.service-title .service-wait{margin-top:7px}.design .service-box{background-color:#e91422}.design .service-title{background-color:#ff2a38;box-shadow:6.3px 7.8px 10px 0 #c409163d}.image .service-box{background-color:#ee6a12}.image .service-title{background-color:#ff7c24;box-shadow:6.3px 7.8px 10px 0 #c409163d}.html .service-box{background-color:#f8c534}.html .service-title{background-color:#ffd04a;box-shadow:6.3px 7.8px 10px 0 #e0a70c3d}.font .service-box{background-color:#0f4c81}.font .service-title{background-color:#48689a;box-shadow:6.3px 7.8px 10px 0 #0f4c813d}.css .service-box{background-color:#f8c534}.css .service-title{background-color:#ffd04a;box-shadow:6.3px 7.8px 10px 0 #e0a70c3d}.em-table{margin:0 auto;max-width:570px;width:100%}.em-table table{background-color:#fff;border-radius:10px;width:100%}.em-table table th{color:#1da1f2;font-size:16px;padding:9px 0}.em-table table td{border-top:1px solid #d2ecfc;color:#333;font-size:14px;padding:10px 0}.em-table table .default{background-color:#d2ecfc}.em-table caption{color:#333;font-size:18px;font-weight:500;margin-bottom:37px}.picker-box{padding-left:70px}.picker-box .chrome-picker{width:100%!important}.content-wrap .flex-box .picker-info{padding-left:50px;text-align:left}.picker-info-text{border-bottom:1px solid #ddd;color:#333;font-size:16px;line-height:1.4;margin-bottom:20px;padding-bottom:16px}.picker-info-text b{color:#1da1f2}.result-css{background-color:#fff;border-radius:10px;padding:25px 40px}.result-css label{color:#333;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.result-css input{background-color:#f5f5f5;border:none;border-radius:10px;height:36px;padding:0 20px;width:100%}.result-css-title{color:#1da1f2;display:block;font-size:20px;font-weight:500;text-align:center}.result-box{margin-top:8px}.noto_sans_kr *{font-family:Noto Sans KR,sans-serif}.gothic_a1 *{font-family:Gothic A1,sans-serif}.nanum_gothic *{font-family:Nanum Gothic,sans-serif}.nanum_myeongjo *{font-family:Nanum Myeongjo,sans-serif}.nanum_barungothic *{font-family:Nanum Barun Gothic,sans-serif}.nanum_square *{font-family:Nanum Square,sans-serif}.nanum_squareround *{font-family:Nanum Square Round,sans-serif}.nanum_barunpen *{font-family:Nanum Barun Pen,sans-serif}.nanum_brush *{font-family:Nanum Brush,sans-serif}.gugi *{font-family:Gugi,sans-serif}.jua *{font-family:Jua,sans-serif}.black_han_sans *{font-family:Black Han Sans,sans-serif}.nixgon *{font-family:Nixgon,sans-serif}.font_style-list li{border-bottom:1px solid #ddd;padding:20px 80px 20px 10px;position:relative;text-align:left;width:100%}.font_style-list li:last-child{border-bottom:none}.weight_100{font-weight:100}.weight_200{font-weight:200}.weight_300{font-weight:300}.weight_400{font-weight:400}.weight_500{font-weight:500}.weight_600{font-weight:600}.weight_700{font-weight:700}.weight_800{font-weight:800}.weight_900{font-weight:900}.font_style-category{font-size:14px}.font_style-preview{font-size:30px;line-height:1.5;margin-top:15px;min-height:45px}.font_style_select-btn{background-color:#0000;border:none;color:#0f4c81;font-size:14px;padding:8px;position:absolute;right:0;top:40px;transition:background-color .3s,color .3s}.font_style_select-btn:hover{background-color:#0f4c81;color:#fff}.font_embed-list li{line-height:1.5;margin-top:30px;text-align:left;word-break:break-all}.font_embed-title{color:#1da1f2;font-size:20px;margin-bottom:15px}.font_embed-link{background-color:#f5f5f5;border-radius:20px;color:#333;font-size:16px;font-weight:100;padding:20px}.dashed-wrap.dashed-wrap--embed{padding:60px 50px}.font-search .input-wrap .input-text{margin-left:20px;width:80%}.licence_link{color:#1da1f2;display:inline-block;margin-top:20px;text-decoration:underline}*{box-sizing:inherit}html{box-sizing:border-box}a,article,b,body,caption,dd,div,dl,dt,em,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,legend,li,menu,nav,ol,p,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul,video{border:0;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6,li{line-height:1}img{max-width:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer}button:focus{outline:none}a{color:inherit;text-decoration:none}textarea{resize:none}button,html,input,textarea{font-family:S-CoreDream,sans-serif;font-size:16px}@font-face{font-family:S-CoreDream;font-style:normal;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff) format("woff")}@font-face{font-family:S-CoreDream;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff) format("woff")}@font-face{font-family:S-CoreDream;font-style:normal;font-weight:500;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff) format("woff")}@font-face{font-family:S-CoreDream;font-style:normal;font-weight:600;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff) format("woff")}::selection{background-color:#1da1f2;color:#fff}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#fff;border-radius:10px}::-webkit-scrollbar-thumb{background:#1da1f2;border-radius:8px;height:50px;width:50px}.sz-wrap{margin:0 auto;max-width:1300px;width:100%}.blind{font-size:0;height:0;line-height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:"";display:block}#navigation{display:none;position:fixed;z-index:10}#navigation,.nav-layer{height:100%;left:0;top:0;width:100%}.nav-layer{background-color:#00000080;position:absolute}.nav-container{background-color:#fff;height:100%;left:-500px;position:fixed;top:0;transition:left 1.2s cubic-bezier(.215,.61,.355,1) .5s;width:500px;z-index:1}.nav-header{background-color:#1da1f2;padding:33px 0;position:relative;width:100%}#navSvg{left:66px;position:absolute;top:7px}#navSvg svg{height:80px;width:80px}#navSvg path{stroke:#fff}#nav{padding:80px}#navigation.active .nav-container{left:0}.tool-category{margin-bottom:36px}.category-name{border-bottom:1px solid #acacac;color:#acacac;font-size:16px;padding-bottom:10px}.category-name,.tool-list li{font-weight:300;margin-bottom:20px}.tool-list li{color:#333;font-size:20px;text-indent:20px}.tool-list li a{color:inherit}.tool-list li a:hover{color:#1da1f2;font-weight:500}.tool-list li a:hover:before{animation:rotate 3s linear infinite both;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkJJREFUeNqEU0lrU1EU/t7LC7VgM7UqDkWbpBqjxtbYVtw4QBFBkeJCXBXci0iXguBCl+rOn+BWqAXBhRYFY1sbh1Ybn21VHErThBgDmoFev3vf4GspeuF7990z3XO+c66G/yyRPPSIWy/xkLilvc2MevWGx3CDNCC+Ek+Js8Ru21muM8Q+IuYNoNnOrdweE3uVNEzEiZBtUSLmiCX1d5xZZFdnMOg6p4m+IHAgwQDCCvBDBybfAxPFEMa0UV54xAniZBDlZqIbOk5HIfavR7a6ALNRBEMgaoSQbtoM30wNGM4Bz7VZCHGPqjtOBtsRoHNfi3K+W5nGu/qSW+d0LY8pYjCRgm8hAnwoxljOEFXbdJcgmUNqF17XFpVze0sXLnbdx6XuB4gFD2O+UcJ49RtL6/TSeFRn+pLZfrBstPlh1otKc6rjKjY2x9G2bgcG4teVTOkCy1C21mo27JYFLDYUI3/b40jE8loj8lneI0v4pY6yQYU6Ov0RdRz5eAOF359QYtrDc9eULC51ZR+7oo5j7MQbw+7/Oczz+yqHVH+HImymPIHb2RPude1GAD3sBDKmNRPshzMHV4gvjHoS4z+T2qYKzqf24EX1O3J12UaBmD+M3qYtMHINzkIByFsZrCiVZCagaxkcFEH0cBTTO0mWsDipMO1J03J+RpFFyRBLuKmtejhJbk/Qioga5bBtXLZHedE1nZItZICCtsbrm5XD5xG9JKRshOB8Yytxmc75Fa/Rsy5IAzUbFtPH/vXc/wgwAHNXwLGNcPcwAAAAAElFTkSuQmCC) 50%/cover no-repeat;content:"";display:inline-block;height:16px;margin-right:7px;vertical-align:0;width:16px}.tool-list li .wait{color:#acacac;font-size:14px}.default-btn{background-color:#0000;border:1px solid #1da1f2;border-radius:20px;color:#333;font-family:S-CoreDream;font-size:16px;letter-spacing:-.64px;padding:7px 25px;transition:background-color .3s;vertical-align:middle}.default-btn:focus,.default-btn:hover{background-color:#1da1f2;color:#fff}#container{min-height:calc(100vh - 175px)}.content-wrap{padding-bottom:100px;padding-top:40px}.top-title{background-color:#1da1f2;color:#fff;padding:70px 0;text-align:center}.top-title h2{font-size:32px;font-weight:500;margin-bottom:7px}.top-title p{font-size:20px;font-weight:300;line-height:1.3}.top-title.design{background-color:#ff2a38}.top-title.font{background-color:#0f4c81}.top-title.css{background-color:#f8c534}.gray-wrap{background-color:#f1f1f1;border-radius:20px;padding:40px;text-align:center}.gray-wrap.top{margin-bottom:40px}.gray-wrap .gray-title{color:#333;font-size:24px;font-weight:500;margin-bottom:40px}.sub-title{color:#333;font-size:20px;font-weight:500;margin-bottom:28px}.sub-text{color:#333;font-size:16px;font-weight:300;line-height:1.5;margin-top:30px}.input-wrap{background-color:#d2ecfc;border-radius:40px;padding:22px 40px}.input-wrap label{color:#333;display:inline-block;font-size:20px;font-weight:500;margin-right:15px;vertical-align:middle}.input-wrap .input-box{display:inline-block;position:relative}.input-wrap input{border:1px solid #0000;border-radius:18px;color:#333;height:36px;padding:0 45px 0 30px;width:248px}.input-wrap input:focus{border:1px solid #1da1f2;outline:none}.input-wrap .input-text{height:40px;width:100%}.input-wrap .input-tail{color:#999;font-size:16px;position:absolute;right:18px;top:4px}.input-wrap.full,.input-wrap.full .input-box{width:100%}.input-wrap.white{background-color:#fff;display:inline-block}.input-wrap.white label{font-size:18px;font-weight:400}.input-wrap.white input{border:1px solid #acacac}.input-wrap.white input:focus{border:1px solid #1da1f2;outline:none}.input-wrap.white .default-btn{margin-left:15px}.flex-box{display:flex;margin-left:-20px}.flex-box .flex-item{align-self:stretch;flex:1 1;padding-left:20px}.right_sidebar{margin-bottom:40px}.right_sidebar .flex-item:first-child{flex-basis:70%}.right_sidebar .flex-item:last-child{flex-basis:30%}.dashed-wrap{border:2px dashed #acacac;border-radius:60px;height:100%;padding:60px;text-align:center}.dashed-wrap.left{text-align:left}.content-title{color:#333;font-size:30px;font-weight:500;letter-spacing:-1.2px;margin-bottom:30px}.deco-text:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkJJREFUeNqEU0lrU1EU/t7LC7VgM7UqDkWbpBqjxtbYVtw4QBFBkeJCXBXci0iXguBCl+rOn+BWqAXBhRYFY1sbh1Ybn21VHErThBgDmoFev3vf4GspeuF7990z3XO+c66G/yyRPPSIWy/xkLilvc2MevWGx3CDNCC+Ek+Js8Ru21muM8Q+IuYNoNnOrdweE3uVNEzEiZBtUSLmiCX1d5xZZFdnMOg6p4m+IHAgwQDCCvBDBybfAxPFEMa0UV54xAniZBDlZqIbOk5HIfavR7a6ALNRBEMgaoSQbtoM30wNGM4Bz7VZCHGPqjtOBtsRoHNfi3K+W5nGu/qSW+d0LY8pYjCRgm8hAnwoxljOEFXbdJcgmUNqF17XFpVze0sXLnbdx6XuB4gFD2O+UcJ49RtL6/TSeFRn+pLZfrBstPlh1otKc6rjKjY2x9G2bgcG4teVTOkCy1C21mo27JYFLDYUI3/b40jE8loj8lneI0v4pY6yQYU6Ov0RdRz5eAOF359QYtrDc9eULC51ZR+7oo5j7MQbw+7/Oczz+yqHVH+HImymPIHb2RPude1GAD3sBDKmNRPshzMHV4gvjHoS4z+T2qYKzqf24EX1O3J12UaBmD+M3qYtMHINzkIByFsZrCiVZCagaxkcFEH0cBTTO0mWsDipMO1J03J+RpFFyRBLuKmtejhJbk/Qioga5bBtXLZHedE1nZItZICCtsbrm5XD5xG9JKRshOB8Yytxmc75Fa/Rsy5IAzUbFtPH/vXc/wgwAHNXwLGNcPcwAAAAAElFTkSuQmCC) 50%/cover no-repeat;content:"";display:inline-block;height:16px;margin-right:7px;vertical-align:-2px;width:16px}.info-wrap{margin-top:40px}.info-title{color:#1da1f2;font-size:20px;font-weight:500;margin-bottom:17px}.info-list{display:inline-block}.info-list li{color:#333;font-size:16px;font-weight:300;line-height:1.5;text-align:left}.result-wrap{background-color:#d2ecfc;border-radius:40px;color:#333;font-size:20px;font-weight:500;margin:0 auto 40px;max-width:1180px;padding:20px 10px;text-align:center;width:100%}.result-wrap .result{display:inline-block;font-size:30px;margin-left:25px;vertical-align:-3px}form .default-btn{display:block;margin:40px auto;max-width:1180px;width:100%}.link-list{margin-left:-20px}.link-list:after{clear:both;content:"";display:block}.link-list li{float:left;height:300px;margin-top:30px;padding-left:20px;width:33.33%}.link-list li .dashed-wrap{padding:30px 40px;transition:box-shadow .3s}.link-list li .content-title{border-bottom:1px solid #acacac;margin-bottom:15px;padding-bottom:25px;text-align:left}.link-list li .content-title:after{clear:both;content:"";display:block}.link-list li .font-title{color:#1da1f2;font-size:24px;font-weight:500}.link-list li .font-company{display:block;font-size:16px;font-weight:400;margin-bottom:10px}.link-list li .font-text{font-size:40px;height:120px;line-height:1.5;overflow:auto;text-align:left;word-break:break-all}.link-list li:hover .dashed-wrap{box-shadow:6.3px 7.8px 10px 0 #0000001a}.menu-wrap{align-items:center;background-color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:1}.menu-type.css{margin:30px 0 15px}.menu-type.css.category{margin:0 0 30px;top:65px}.menu-type.css.category li{font-size:.8rem}.menu-type.css ul{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:0 20px}.menu-type.css ul li{cursor:pointer;padding:.2rem .3rem}.menu-type.css ul li:hover{transition:.3s}.menu-type.css ul li.checked,.menu-type.css ul li:hover{background-color:red;color:#fff}.Hello{height:1000vh}.css-reference-content{overflow:hidden;padding:0 3rem 3rem}.css-reference-content .button-toggle{background:#23d160;border:none;border-radius:3px;box-shadow:0 2px 2px #0003;color:#fff;cursor:pointer;display:inline-block;font-size:.8rem;font-weight:700;line-height:1.6;margin-top:1rem;padding:.6em 1em;text-align:center;transition-duration:.3s;transition-property:background,box-shadow,color,transform;will-change:box-shadow}.css-reference-content .button-toggle.positioning:before{content:"Enable position fixed"}.css-reference-content .button-toggle.play-ani:before{content:"▶ Play animations"}.css-reference-content .button-toggle.play-ani.off{background:#ff4538}.css-reference-content .button-toggle.play-ani.off:before{content:"￭ Stop"}.css-reference-content .button-toggle:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.css-reference-content .name{background-color:#d2ecfc;border-radius:40px;font-size:1.25rem;font-weight:700;padding:1.25rem 0;text-align:center}.css-reference-content .define{font-size:1.2rem;margin-top:.5rem;text-align:center}.css-reference-content .contents-tab{align-items:flex-start;display:flex;gap:2rem;padding:2rem 0 0}.css-reference-content .contents-tab .property-name{background:#ffdd57;border-radius:2px;color:#000000b3;cursor:pointer;display:inline-block;padding:.3rem;position:relative;vertical-align:top}.css-reference-content .contents-tab .property-name:hover:before{opacity:1;visibility:visible}.css-reference-content .contents-tab .property-name:before{background-color:#333;border-radius:2px;bottom:100%;color:#fff;content:"Click to copy";font-size:.6rem;font-weight:400;left:50%;line-height:1.2;opacity:0;padding:.5em .6em;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-4px);visibility:hidden;white-space:nowrap}.css-reference-content .contents-tab .property-name.copied:before{background:#23d160;content:"Copied!"}.css-reference-content .contents-tab .property-name-wrap{align-items:center;display:flex;justify-content:space-between}.css-reference-content .contents-tab .property-name-default{border-radius:2px;box-shadow:inset 0 0 0 1px #ff4538;color:#ff4538;cursor:pointer;display:inline-block;padding:.1em .5em .15em;position:relative;vertical-align:top}.css-reference-content .contents-tab .property-name-default.style2{box-shadow:inset 0 0 0 1px #23d160;color:#23d160}.css-reference-content .contents-tab .property-name-default-hover{background-color:#333;border-radius:3px;color:#fff;display:block;font-size:.7rem;left:50%;opacity:0;padding:.3rem;position:absolute;text-align:center;top:-30px;transform:translateX(-50%);transition:.2s;width:200px}.css-reference-content .contents-tab .property-name-default:hover .property-name-default-hover{opacity:1}.css-reference-content .contents-tab .property-define{margin-top:.5em}.css-reference-content .contents-tab .property-define ul{margin-left:1.5rem}.css-reference-content .contents-tab .property-define ul li{line-height:1.5;list-style:disc}.css-reference-content .contents-tab .contents-title{width:60%}.css-reference-content .contents-tab .contents-example{width:40%}.css-reference-content .contents-tab .contents-output .example-background-output{padding:.8rem 1rem}.css-reference-content .contents-tab .contents-output .example-background-output strong{font-weight:700}.css-reference-content .contents-tab .contents-output .example-background-output.p-basic{padding:0}.css-reference-content .contents-tab .contents-output .example-background-output.attachment{background:url(/static/media/ex-bg-img.fe50826b0fefd65720a0.png) 50%/cover no-repeat;height:200px}.css-reference-content .contents-tab .contents-output .example-background-output.attachment p{background-color:#fff;padding:.5rem}.css-reference-content .contents-tab .contents-output .example-background-output.attachment.scroll{background-attachment:scroll}.css-reference-content .contents-tab .contents-output .example-background-output.attachment.fixed{background-attachment:fixed}.css-reference-content .contents-tab .contents-output .example-background-output.clip{background:#05ffb0;border:4px dashed;padding:2em}.css-reference-content .contents-tab .contents-output .example-background-output.clip.border-box{background-clip:initial}.css-reference-content .contents-tab .contents-output .example-background-output.clip.padding-box{background-clip:padding-box}.css-reference-content .contents-tab .contents-output .example-background-output.clip.content-box{background-clip:content-box}.css-reference-content .contents-tab .contents-output .example-background-output.color.transparent{background-color:#0000}.css-reference-content .contents-tab .contents-output .example-background-output.color.red{background-color:red}.css-reference-content .contents-tab .contents-output .example-background-output.color.select{background-color:#05ffb0}.css-reference-content .contents-tab .contents-output .example-background-output.color.rgb{background-color:#3273dc}.css-reference-content .contents-tab .contents-output .example-background-output.color.rgba{background-color:#3273dc4d}.css-reference-content .contents-tab .contents-output .example-background-output.color.hsl{background-color:#ff470f}.css-reference-content .contents-tab .contents-output .example-background-output.color.hsla{background-color:#ff470f99}.css-reference-content .contents-tab .contents-output .example-background-output.image{height:200px}.css-reference-content .contents-tab .contents-output .example-background-output.image.none,.css-reference-content .contents-tab .contents-output .example-background-output.image.url{background-image:none}.css-reference-content .contents-tab .contents-output .example-background-output.image.gradient1{background-image:linear-gradient(red,blue)}.css-reference-content .contents-tab .contents-output .example-background-output.image.gradient2{background-image:linear-gradient(45deg,red,blue)}.css-reference-content .contents-tab .contents-output .example-background-output.image.r-gradient1{background-image:radial-gradient(green,purple)}.css-reference-content .contents-tab .contents-output .example-background-output.image.r-gradient2{background-image:radial-gradient(circle,green,purple)}.css-reference-content .contents-tab .contents-output .example-background-output.image.r-gradient3{background-image:radial-gradient(circle,green 0,purple 20%,orange 100%)}.css-reference-content .contents-tab .contents-output .example-background-output.image.r-gradient4{background-image:radial-gradient(circle closest-side,green 0,purple 20%,orange 100%)}.css-reference-content .contents-tab .contents-output .example-background-output.image.r-gradient5{background-image:radial-gradient(circle closest-side at 45px 45px,green 0,purple 20%,orange 100%)}.css-reference-content .contents-tab .contents-output .example-background-output.origin{background-image:url(/static/media/ex-bg-img.fe50826b0fefd65720a0.png);background-repeat:no-repeat;background-size:64px 64px;border:4px dashed;padding:2em}.css-reference-content .contents-tab .contents-output .example-background-output.origin p{background-color:#05ffb080;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output.origin.padding-box{background-origin:initial}.css-reference-content .contents-tab .contents-output .example-background-output.origin.border-box{background-origin:border-box}.css-reference-content .contents-tab .contents-output .example-background-output.origin.content-box{background-origin:content-box}.css-reference-content .contents-tab .contents-output .example-background-output.position{background-image:url(/static/media/ex-bg-img.fe50826b0fefd65720a0.png);background-repeat:no-repeat;background-size:64px 64px;height:150px}.css-reference-content .contents-tab .contents-output .example-background-output.position.type1{background-position:0 0}.css-reference-content .contents-tab .contents-output .example-background-output.position.type2{background-position:100% 100%}.css-reference-content .contents-tab .contents-output .example-background-output.position.type3{background-position:50%}.css-reference-content .contents-tab .contents-output .example-background-output.repeat{background-image:url(/static/media/ex-bg-img.fe50826b0fefd65720a0.png);background-size:64px 64px;height:150px}.css-reference-content .contents-tab .contents-output .example-background-output.repeat.repeat{background-repeat:repeat}.css-reference-content .contents-tab .contents-output .example-background-output.repeat.repeat-x{background-repeat:repeat-x}.css-reference-content .contents-tab .contents-output .example-background-output.repeat.repeat-y{background-repeat:repeat-y}.css-reference-content .contents-tab .contents-output .example-background-output.repeat.no-repeat{background-repeat:no-repeat}.css-reference-content .contents-tab .contents-output .example-background-output.size{background-image:url(/static/media/ex-bg-img.fe50826b0fefd65720a0.png);background-size:64px 64px;height:150px}.css-reference-content .contents-tab .contents-output .example-background-output.size.auto{background-size:initial}.css-reference-content .contents-tab .contents-output .example-background-output.size.pixel{background-size:120px 80px}.css-reference-content .contents-tab .contents-output .example-background-output.size.percentage{background-size:100% 50%}.css-reference-content .contents-tab .contents-output .example-background-output.size.contain{background-size:contain}.css-reference-content .contents-tab .contents-output .example-background-output.size.cover{background-size:cover}.css-reference-content .contents-tab .contents-output .example-background-output .border{border-style:solid;padding:.8em 1em}.css-reference-content .contents-tab .contents-output .example-background-output .border.bottom-width.type1{border-bottom-width:0}.css-reference-content .contents-tab .contents-output .example-background-output .border.bottom-width.type2{border-bottom-width:4px}.css-reference-content .contents-tab .contents-output .example-background-output .border.left-width.type1{border-left-width:0}.css-reference-content .contents-tab .contents-output .example-background-output .border.left-width.type2{border-left-width:4px}.css-reference-content .contents-tab .contents-output .example-background-output .border.right-width.type1{border-right-width:0}.css-reference-content .contents-tab .contents-output .example-background-output .border.right-width.type2{border-right-width:4px}.css-reference-content .contents-tab .contents-output .example-background-output .border.top-width.type1{border-top-width:0}.css-reference-content .contents-tab .contents-output .example-background-output .border.top-width.type2{border-top-width:4px}.css-reference-content .contents-tab .contents-output .example-background-output .box-sizing{padding:.8em 1em;position:relative}.css-reference-content .contents-tab .contents-output .example-background-output .box-sizing.type1{box-sizing:initial}.css-reference-content .contents-tab .contents-output .example-background-output .box-sizing.type2,.css-reference-content .contents-tab .contents-output .example-background-output .box-sizing.type2 .actual{box-sizing:border-box}.css-reference-content .contents-tab .contents-output .example-background-output .box-sizing.type2 .actual .box-red{height:33px;left:-12px;top:30px}.css-reference-content .contents-tab .contents-output .example-background-output .box-sizing .actual{background:#05ffb0;border:12px solid #310736;box-sizing:initial;color:#310736;display:block;padding:30px;position:relative;text-align:center;width:200px}.css-reference-content .contents-tab .contents-output .example-background-output .box-sizing .actual span{background:#ffdd57;display:block;padding:5px 0}.css-reference-content .contents-tab .contents-output .example-background-output .box-sizing .actual .box-red{border:2px solid #ff4538;border-radius:3px;height:30px;left:30px;position:absolute;text-align:left;top:30px;width:196px}.css-reference-content .contents-tab .contents-output .example-background-output .box-sizing .actual .box-red:before{background:#ff4538;border-radius:1px 0 2px 0;color:#fff;content:"200px";display:inline-block;font-size:.8em;padding:0 6px 2px 4px;vertical-align:top}.css-reference-content .contents-tab .contents-output .example-background-output.height{max-height:400px}.css-reference-content .contents-tab .contents-output .example-background-output.height .height{background:#05ffb0;border-radius:3px;color:#310736;display:block;line-height:1.2;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output.height .height.type1{height:auto}.css-reference-content .contents-tab .contents-output .example-background-output.height .height.type2{height:100px}.css-reference-content .contents-tab .contents-output .example-background-output .line-height{background:#05ffb0;border-radius:3px;color:#310736;display:block;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output .line-height.type1{line-height:normal}.css-reference-content .contents-tab .contents-output .example-background-output .line-height.type2{line-height:1.6}.css-reference-content .contents-tab .contents-output .example-background-output .line-height.type3{line-height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .line-height.type4{line-height:.8em}.css-reference-content .contents-tab .contents-output .example-background-output .margin{background:#ccc;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output .margin .block{border-radius:0;padding:0}.css-reference-content .contents-tab .contents-output .example-background-output .margin .block.block{background:#f2f2f2;color:#4d4d4d;display:block;line-height:1.2;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output .margin .block.block-pink{background:#ff3860;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output .margin .block.block-alpha{background:#05ffb0;color:#310736;position:relative}.css-reference-content .contents-tab .contents-output .example-background-output .margin .block.block-yellow{background:#ffdd57;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output .margin .target{border:2px solid #4d4d4d;border-radius:3px;bottom:0;left:0;position:absolute;right:0;transform:translateY(100%)}.css-reference-content .contents-tab .contents-output .example-background-output .margin .target.block-plum{border-color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output .margin .target:before{background-color:#310736;border-radius:1px 0 2px 0;color:#fff;content:"test";display:inline-block;font-size:.8em;padding:0 6px 2px 4px;vertical-align:top}.css-reference-content .contents-tab .contents-output .example-background-output .margin.bottom.type1 .block .target{display:none}.css-reference-content .contents-tab .contents-output .example-background-output .margin.bottom.type2 .block.block-alpha{margin-bottom:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.bottom.type2 .block .target{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.bottom.type2 .block .target:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.bottom.type3 .block.block-alpha{margin-bottom:2em}.css-reference-content .contents-tab .contents-output .example-background-output .margin.bottom.type3 .block .target{height:2em}.css-reference-content .contents-tab .contents-output .example-background-output .margin.bottom.type3 .block .target:before{content:"2em"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.bottom.type4 .block.block-alpha{margin-bottom:10%}.css-reference-content .contents-tab .contents-output .example-background-output .margin.bottom.type4 .block .target{bottom:auto;height:100px;top:100%;transform:rotate(-90deg) translateX(-100%);transform-origin:top left;width:10%}.css-reference-content .contents-tab .contents-output .example-background-output .margin.bottom.type4 .block .target:before{content:"10%"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.bottom.type4 .block .target.block-plum{border-color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left .target{bottom:0;left:0;position:absolute;top:0;transform:translateX(-100%)}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type1 .target{display:none}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type2 .block.block-alpha{margin-left:50px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type2 .block .target{width:50px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type2 .block .target:before{content:"50px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type3 .block.block-alpha{margin-left:7em}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type3 .block .target{width:7em}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type3 .block .target:before{content:"7em"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type4 .m-position{position:relative}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type4 .block.block-alpha{margin-left:30%}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type4 .target{height:2.4em;left:0;top:3.2em;transform:none;width:30%}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type4 .target:before{content:"30%"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type5 .m-position{position:relative}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type5 .block.block-alpha{margin-left:auto;width:200px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type5 .target{height:2.4em;left:0;right:200px;top:3.2em;transform:none;width:auto}.css-reference-content .contents-tab .contents-output .example-background-output .margin.left.type5 .target:before{content:"auto"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right .target{bottom:0;left:auto;position:absolute;right:0;top:0;transform:translateX(100%)}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type1 .target{display:none}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type2 .block.block-alpha{margin-right:50px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type2 .block .target{width:50px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type2 .block .target:before{content:"50px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type3 .block.block-alpha{margin-right:7em}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type3 .block .target{width:7em}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type3 .block .target:before{content:"7em"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type4 .m-position{position:relative}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type4 .block.block-alpha{margin-right:30%}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type4 .target{height:2.4em;right:0;top:3.2em;transform:none;width:30%}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type4 .target:before{content:"30%"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type5 .m-position{position:relative}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type5 .block.block-alpha{margin-right:auto;width:200px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type5 .target{height:2.4em;left:200px;right:0;top:3.2em;transform:none;width:auto}.css-reference-content .contents-tab .contents-output .example-background-output .margin.right.type5 .target:before{content:"auto"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top .target{left:0;position:absolute;right:0;top:0;transform:translateY(-100%)}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top.type1 .block .target{display:none}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top.type2 .block.block-alpha{margin-top:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top.type2 .block .target{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top.type2 .block .target:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top.type3 .block.block-alpha{margin-top:2em}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top.type3 .block .target{height:2em}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top.type3 .block .target:before{content:"2em"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top.type4 .block.block-alpha{margin-top:10%}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top.type4 .block .target{height:100%;transform:rotate(-90deg);transform-origin:top left;width:10%}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top.type4 .block .target:before{content:"10%"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.top.type4 .block .target.block-plum{border-color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .container{align-items:stretch;display:flex;margin-left:auto;margin-right:auto;max-width:700px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .block.block-alpha{flex-grow:1;flex-shrink:1}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .square{align-items:center;background:#e6e6e6;border-radius:0;color:#4d4d4d;display:flex;height:auto;justify-content:center;line-height:1.2;padding:0;text-align:center;width:auto}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .square.square{font-size:.8em}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .square.square-top{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .square.square-top:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .square.square-left{width:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .square.square-left:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .square.square-right{width:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .square.square-right:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .square.square-bottom{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic .square.square-bottom:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type3 .square.square-top{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type3 .square.square-top:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type3 .square.square-left{width:60px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type3 .square.square-left:before{content:"60px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type3 .square.square-right{width:60px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type3 .square.square-right:before{content:"60px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type3 .square.square-bottom{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type3 .square.square-bottom:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type4 .square.square-top{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type4 .square.square-top:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type4 .square.square-left{width:60px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type4 .square.square-left:before{content:"60px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type4 .square.square-right{width:60px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type4 .square.square-right:before{content:"60px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type4 .square.square-bottom{height:45px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type4 .square.square-bottom:before{content:"45px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type5 .square.square-top{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type5 .square.square-top:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type5 .square.square-left{width:85px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type5 .square.square-left:before{content:"85px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type5 .square.square-right{width:60px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type5 .square.square-right:before{content:"60px"}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type5 .square.square-bottom{height:45px}.css-reference-content .contents-tab .contents-output .example-background-output .margin.basic.type5 .square.square-bottom:before{content:"45px"}.css-reference-content .contents-tab .contents-output .example-background-output .max-height{background:#05ffb0;border-radius:3px;color:#310736;display:block;line-height:1.2;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output .max-height.type1{max-height:none}.css-reference-content .contents-tab .contents-output .example-background-output .max-height.type2{max-height:2000px}.css-reference-content .contents-tab .contents-output .example-background-output .max-height.type3{max-height:100px}.css-reference-content .contents-tab .contents-output .example-background-output .max-width{background:#05ffb0;border-radius:3px;color:#310736;display:block;line-height:1.2;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output .max-width.type1{max-width:none}.css-reference-content .contents-tab .contents-output .example-background-output .max-width.type2{max-width:2000px}.css-reference-content .contents-tab .contents-output .example-background-output .max-width.type3{max-width:150px}.css-reference-content .contents-tab .contents-output .example-background-output .min-height{background:#05ffb0;border-radius:3px;color:#310736;display:block;line-height:1.2;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output .min-height.type1{min-height:0}.css-reference-content .contents-tab .contents-output .example-background-output .min-height.type2{min-height:250px}.css-reference-content .contents-tab .contents-output .example-background-output .min-height.type3{min-height:5px}.css-reference-content .contents-tab .contents-output .example-background-output .min-width{background:#05ffb0;border-radius:3px;color:#310736;display:block;line-height:1.2;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output .min-width.type1{display:inline-block;min-width:0}.css-reference-content .contents-tab .contents-output .example-background-output .min-width.type2{display:inline-block;min-width:300px}.css-reference-content .contents-tab .contents-output .example-background-output .min-width.type3{display:inline-block;min-width:5px}.css-reference-content .contents-tab .contents-output .example-background-output .padding{background:#ccc;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output .padding .block{border-radius:0;padding:0}.css-reference-content .contents-tab .contents-output .example-background-output .padding .block.block{background:#f2f2f2;color:#4d4d4d;display:block;line-height:1.2}.css-reference-content .contents-tab .contents-output .example-background-output .padding .block.block-pink{background:#ff3860;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output .padding .block.block-alpha{background:#05ffb0;color:#310736;position:relative}.css-reference-content .contents-tab .contents-output .example-background-output .padding .block.block-yellow{background:#ffdd57;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output .padding .target{border:2px solid #4d4d4d;border-radius:3px;bottom:0;left:0;position:absolute;right:0}.css-reference-content .contents-tab .contents-output .example-background-output .padding .target.block-plum{border-color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output .padding .target:before{background-color:#310736;border-radius:1px 0 2px 0;color:#fff;content:"test";display:inline-block;font-size:.8em;padding:0 6px 2px 4px;vertical-align:top}.css-reference-content .contents-tab .contents-output .example-background-output .padding.bottom.type1 .block .target{display:none}.css-reference-content .contents-tab .contents-output .example-background-output .padding.bottom.type2 .block.block-alpha{padding-bottom:50px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.bottom.type2 .block .target{height:50px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.bottom.type2 .block .target:before{content:"50px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.bottom.type3 .block.block-alpha{padding-bottom:7em}.css-reference-content .contents-tab .contents-output .example-background-output .padding.bottom.type3 .block .target{height:7em}.css-reference-content .contents-tab .contents-output .example-background-output .padding.bottom.type3 .block .target:before{content:"7em"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.bottom.type4 .block.block-alpha{padding-bottom:30%}.css-reference-content .contents-tab .contents-output .example-background-output .padding.bottom.type4 .block .target{height:30%}.css-reference-content .contents-tab .contents-output .example-background-output .padding.bottom.type4 .block .target:before{content:"30%"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.bottom.type4 .block .target.block-plum{bottom:0;height:60px;transform:rotate(-90deg) translateY(60px);transform-origin:bottom left;width:30%}.css-reference-content .contents-tab .contents-output .example-background-output .padding.left .block{padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output .padding.left.type1 .target{display:none}.css-reference-content .contents-tab .contents-output .example-background-output .padding.left.type2 .block.block-alpha{padding-left:50px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.left.type2 .block .target{height:100%;width:50px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.left.type2 .block .target:before{content:"50px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.left.type3 .block.block-alpha{padding-left:7em}.css-reference-content .contents-tab .contents-output .example-background-output .padding.left.type3 .block .target{height:100%;width:7em}.css-reference-content .contents-tab .contents-output .example-background-output .padding.left.type3 .block .target:before{content:"7em"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.left.type4 .block.block-alpha{padding-left:30%}.css-reference-content .contents-tab .contents-output .example-background-output .padding.left.type4 .block .target{height:100%;width:30%}.css-reference-content .contents-tab .contents-output .example-background-output .padding.left.type4 .block .target:before{content:"30%"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right .block{padding:1em;text-align:right}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right .block .target{bottom:0;left:auto;position:absolute;right:0;top:0}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right.type1 .target{display:none}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right.type2 .block.block-alpha{padding-right:50px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right.type2 .block .target{height:100%;width:50px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right.type2 .block .target:before{content:"50px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right.type3 .block.block-alpha{padding-right:7em}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right.type3 .block .target{height:100%;width:7em}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right.type3 .block .target:before{content:"7em"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right.type4 .block.block-alpha{padding-right:30%}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right.type4 .block .target{height:100%;width:30%}.css-reference-content .contents-tab .contents-output .example-background-output .padding.right.type4 .block .target:before{content:"30%"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top .block .target{bottom:auto;top:0}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type1 .block .target{display:none}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type2 .block.block-alpha{padding-top:50px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type2 .block .target{height:50px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type2 .block .target:before{content:"50px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type3 .block.block-alpha{padding-top:7em}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type3 .block .target{height:7em}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type3 .block .target:before{content:"7em"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type4 .block.block-alpha{padding-top:30%}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type4 .block .target{height:30%}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type4 .block .target.block-plum{bottom:auto;top:60px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type4 .block .target:before{content:"30%"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.top.type4 .block .target.block-plum{height:60px;top:0;transform:rotate(-90deg) translateX(-100%);transform-origin:top left;width:30%}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;padding:0}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .container{align-items:stretch;display:flex;margin-left:auto;margin-right:auto;max-width:700px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .block.block-alpha{flex-grow:1;flex-shrink:1}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .square{align-items:center;background:#03b27b;border-radius:0;color:#4d4d4d;display:flex;height:auto;justify-content:center;line-height:1.2;padding:0;text-align:center;width:auto}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .square.square{font-size:.8em}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .square.square-top{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .square.square-top:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .square.square-left{width:30px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .square.square-left:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .square.square-right{width:30px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .square.square-right:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .square.square-bottom{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic .square.square-bottom:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type3 .square.square-top{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type3 .square.square-top:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type3 .square.square-left{width:60px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type3 .square.square-left:before{content:"60px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type3 .square.square-right{width:60px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type3 .square.square-right:before{content:"60px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type3 .square.square-bottom{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type3 .square.square-bottom:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type4 .square.square-top{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type4 .square.square-top:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type4 .square.square-left{width:60px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type4 .square.square-left:before{content:"60px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type4 .square.square-right{width:60px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type4 .square.square-right:before{content:"60px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type4 .square.square-bottom{height:45px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type4 .square.square-bottom:before{content:"45px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type5 .square.square-top{height:30px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type5 .square.square-top:before{content:"30px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type5 .square.square-left{width:85px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type5 .square.square-left:before{content:"85px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type5 .square.square-right{width:60px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type5 .square.square-right:before{content:"60px"}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type5 .square.square-bottom{height:45px}.css-reference-content .contents-tab .contents-output .example-background-output .padding.basic.type5 .square.square-bottom:before{content:"45px"}.css-reference-content .contents-tab .contents-output .example-background-output .width{background:#05ffb0;border-radius:3px;color:#310736;display:block;line-height:1.2;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output .width.type1{width:auto}.css-reference-content .contents-tab .contents-output .example-background-output .width.type2{width:240px}.css-reference-content .contents-tab .contents-output .example-background-output .width.type3{width:50%}.css-reference-content .contents-tab .contents-output .example-background-output.align{background:#f2f2f2;display:flex;flex-wrap:wrap;height:300px;padding:0;position:relative}.css-reference-content .contents-tab .contents-output .example-background-output.align .square{align-items:center;border-radius:3px;display:flex;height:46px;justify-content:center;line-height:1.2;margin:2px;padding:0;text-align:center;width:30%}.css-reference-content .contents-tab .contents-output .example-background-output.align .square:nth-child(2){height:96px}.css-reference-content .contents-tab .contents-output .example-background-output.align .square.square-plum{background:#310736;color:#fff}.css-reference-content .contents-tab .contents-output .example-background-output.align .box{border:2px solid #4d4d4d;border-radius:3px;height:150px;left:0;position:absolute;right:0;top:0}.css-reference-content .contents-tab .contents-output .example-background-output.align .box:before{background:#4d4d4d;border-radius:1px 0 2px 0;color:#fff;content:"";display:inline-block;font-size:.8em;padding:0 6px 2px 4px;vertical-align:top}.css-reference-content .contents-tab .contents-output .example-background-output.align .box.box-red{border-color:#ff4538;height:175px}.css-reference-content .contents-tab .contents-output .example-background-output.align .box.box-red:before{background:#ff4538;content:"First line"}.css-reference-content .contents-tab .contents-output .example-background-output.align .box.box-green{border-color:#23d160;height:125px;top:175px}.css-reference-content .contents-tab .contents-output .example-background-output.align .box.box-green:before{background:#23d160;content:"Second line"}.css-reference-content .contents-tab .contents-output .example-background-output.align .line{height:1px;left:2px;position:absolute;right:2px;top:0}.css-reference-content .contents-tab .contents-output .example-background-output.align .line.line-red{background:#ff4538}.css-reference-content .contents-tab .contents-output .example-background-output.align .line.line-red:before{background:#ff4538;border-radius:2px;color:#fff;content:"Line";display:inline-block;font-size:10px;height:15px;line-height:15px;margin-top:-6px;padding:0 4px;vertical-align:top}.css-reference-content .contents-tab .contents-output .example-background-output.align .line.line-default{background:#4d4d4d}.css-reference-content .contents-tab .contents-output .example-background-output.align .line.line-default:before{background:#4d4d4d;border-radius:2px;color:#fff;content:"Items";display:inline-block;font-size:10px;height:15px;line-height:15px;margin-top:-6px;padding:0 4px;vertical-align:top}.css-reference-content .contents-tab .contents-output .example-background-output.align.content{align-content:stretch}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type2{align-content:flex-start}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type2 .box.box-red{height:100px}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type2 .box.box-green{height:50px;top:100px}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type3{align-content:flex-end}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type3 .box.box-red{height:100px;top:150px}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type3 .box.box-green{height:50px;top:250px}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type4{align-content:center}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type4 .box.box-red{height:100px;top:75px}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type4 .box.box-green{height:50px;top:175px}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type5{align-content:space-between}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type5 .box.box-red{height:100px;top:0}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type5 .box.box-green{height:50px;top:250px}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type6{align-content:space-around}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type6 .box.box-red{height:100px;top:38px}.css-reference-content .contents-tab .contents-output .example-background-output.align.content.type6 .box.box-green{height:50px;top:213px}.css-reference-content .contents-tab .contents-output .example-background-output.align.items{align-items:flex-start}.css-reference-content .contents-tab .contents-output .example-background-output.align.items .square{height:50px;margin:0 2px;width:calc(20% - 4px)}.css-reference-content .contents-tab .contents-output .example-background-output.align.items .square:nth-child(2){height:100px}.css-reference-content .contents-tab .contents-output .example-background-output.align.items .square:nth-child(4){height:75px}.css-reference-content .contents-tab .contents-output .example-background-output.align.items.flex-end{align-items:flex-end}.css-reference-content .contents-tab .contents-output .example-background-output.align.items.flex-end .line{bottom:0;top:auto}.css-reference-content .contents-tab .contents-output .example-background-output.align.items.center{align-items:center}.css-reference-content .contents-tab .contents-output .example-background-output.align.items.center .line{top:50%;transform:translateY(-50%)}.css-reference-content .contents-tab .contents-output .example-background-output.align.items.baseline{align-items:baseline}.css-reference-content .contents-tab .contents-output .example-background-output.align.items.baseline .line{top:55px}.css-reference-content .contents-tab .contents-output .example-background-output.align.items.stretch{align-items:stretch}.css-reference-content .contents-tab .contents-output .example-background-output.align.items.stretch .square{height:auto}.css-reference-content .contents-tab .contents-output .example-background-output.align.items.stretch .line{display:none}.css-reference-content .contents-tab .contents-output .example-background-output.align.self{align-items:center;align-self:auto;background:#f2f2f2;display:flex;height:200px;justify-content:center;padding:0}.css-reference-content .contents-tab .contents-output .example-background-output.align.self .square{height:50px;margin:0 2px;width:calc(20% - 4px)}.css-reference-content .contents-tab .contents-output .example-background-output.align.self .square.target{align-self:auto;background:#05ffb0;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.align.self .square:nth-child(4){height:75px}.css-reference-content .contents-tab .contents-output .example-background-output.align.self .line.line-default,.css-reference-content .contents-tab .contents-output .example-background-output.align.self .line.line-red{top:50%}.css-reference-content .contents-tab .contents-output .example-background-output.align.self .line.line-red:before{content:"Self"}.css-reference-content .contents-tab .contents-output .example-background-output.align.self.flex-start .square.target{align-self:flex-start}.css-reference-content .contents-tab .contents-output .example-background-output.align.self.flex-end .square.target{align-self:flex-end}.css-reference-content .contents-tab .contents-output .example-background-output.align.self.flex-end .line.line-red{bottom:0;top:auto}.css-reference-content .contents-tab .contents-output .example-background-output.align.self.center{align-items:flex-start}.css-reference-content .contents-tab .contents-output .example-background-output.align.self.center .square.target{align-self:center}.css-reference-content .contents-tab .contents-output .example-background-output.align.self.center .line.line-default{top:0}.css-reference-content .contents-tab .contents-output .example-background-output.align.self.center .line.line-red{top:50%}.css-reference-content .contents-tab .contents-output .example-background-output.align.self.baseline .square.target{align-self:baseline}.css-reference-content .contents-tab .contents-output .example-background-output.align.self.baseline .line.line-red{top:30px}.css-reference-content .contents-tab .contents-output .example-background-output.align.self.stretch .square.target{align-self:stretch;height:auto}.css-reference-content .contents-tab .contents-output .example-background-output.align.self.stretch .line.line-red{display:none}.css-reference-content .contents-tab .contents-output .example-background-output.flex{background:#f2f2f2;display:flex;padding:1em;word-break:break-all}.css-reference-content .contents-tab .contents-output .example-background-output.flex .block{background:#f2f2f2;border-radius:3px;color:#4d4d4d;display:block;flex-basis:auto;font-size:.9em;line-height:1.2;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output.flex .block.block-alpha{background:#05ffb0;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.flex .block.block-beta{background:#00e7eb;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.flex .block.block-pink{background:#ff3860;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.flex .block.block-yellow{background:#ffdd57;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.flex .block.block-orange{background:#ff470f;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.flex .block.block-purple{background:#b86bff;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.flex.basis.type2 .block{flex-basis:80px}.css-reference-content .contents-tab .contents-output .example-background-output.flex.direction .block.block-beta{background:#00e7eb;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.flex.direction .block.block-pink{background:#ff3860;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.flex.direction .block.block-yellow{background:#ffdd57;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.flex.direction.row{flex-direction:row}.css-reference-content .contents-tab .contents-output .example-background-output.flex.direction.row-reverse{flex-direction:row-reverse}.css-reference-content .contents-tab .contents-output .example-background-output.flex.direction.column{flex-direction:column}.css-reference-content .contents-tab .contents-output .example-background-output.flex.direction.column-reverse{flex-direction:column-reverse}.css-reference-content .contents-tab .contents-output .example-background-output.flex.grow{background:#310736;border-radius:3px;display:flex;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output.flex.grow.type2 .block.block-alpha,.css-reference-content .contents-tab .contents-output .example-background-output.flex.grow.type3 .block.block-alpha{flex-grow:1}.css-reference-content .contents-tab .contents-output .example-background-output.flex.grow.type3 .block.block-pink{flex-grow:2}.css-reference-content .contents-tab .contents-output .example-background-output.flex.shrink{background:#310736;border-radius:3px;display:flex;padding:1em;width:300px;word-break:inherit}.css-reference-content .contents-tab .contents-output .example-background-output.flex.shrink .block,.css-reference-content .contents-tab .contents-output .example-background-output.flex.shrink .block.block-alpha{flex-shrink:1}.css-reference-content .contents-tab .contents-output .example-background-output.flex.shrink.type2 .block.block-alpha{flex-shrink:0}.css-reference-content .contents-tab .contents-output .example-background-output.flex.shrink.type3 .block.block-alpha{flex-grow:1;width:100%}.css-reference-content .contents-tab .contents-output .example-background-output.flex.shrink.type3 .block.block-pink{flex-shrink:3;word-break:break-all}.css-reference-content .contents-tab .contents-output .example-background-output.flex.shrink.type3 .block.block-yellow{flex-shrink:1;word-break:break-all}.css-reference-content .contents-tab .contents-output .example-background-output.flex.wrap{background:#310736;display:flex;font-size:.9em;max-width:320px}.css-reference-content .contents-tab .contents-output .example-background-output.flex.wrap .block{display:block;flex-basis:auto}.css-reference-content .contents-tab .contents-output .example-background-output.flex.wrap.nowrap{flex-wrap:nowrap}.css-reference-content .contents-tab .contents-output .example-background-output.flex.wrap.onwrap{flex-wrap:wrap}.css-reference-content .contents-tab .contents-output .example-background-output.flex.wrap.wrap-reverse{flex-wrap:wrap-reverse}.css-reference-content .contents-tab .contents-output .example-background-output.flex.justify-content{background:#310736;padding:0}.css-reference-content .contents-tab .contents-output .example-background-output.flex.justify-content.type1{justify-content:flex-start}.css-reference-content .contents-tab .contents-output .example-background-output.flex.justify-content.type2{justify-content:flex-end}.css-reference-content .contents-tab .contents-output .example-background-output.flex.justify-content.type3{justify-content:center}.css-reference-content .contents-tab .contents-output .example-background-output.flex.justify-content.type4{justify-content:space-between}.css-reference-content .contents-tab .contents-output .example-background-output.flex.justify-content.type5{justify-content:space-around}.css-reference-content .contents-tab .contents-output .example-background-output.flex.order{background-color:initial}.css-reference-content .contents-tab .contents-output .example-background-output.flex.order .block{flex-grow:1;flex-shrink:1}.css-reference-content .contents-tab .contents-output .example-background-output.flex.order.type2 .block-pink{order:1}.css-reference-content .contents-tab .contents-output .example-background-output.flex.order.type3 .block-pink{order:-1}.css-reference-content .contents-tab .contents-output .example-background-output.flex.order.type4 .block-alpha{order:13}.css-reference-content .contents-tab .contents-output .example-background-output.flex.order.type4 .block-beta{order:-7}.css-reference-content .contents-tab .contents-output .example-background-output.flex.order.type4 .block-yellow{order:5}.css-reference-content .contents-tab .contents-output .example-background-output.flex.order.type4 .block-pink{order:9}.css-reference-content .contents-tab .contents-output .example-background-output.typo.color{font-size:1.5em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.color.type1{color:#0000}.css-reference-content .contents-tab .contents-output .example-background-output.typo.color.type2{color:red}.css-reference-content .contents-tab .contents-output .example-background-output.typo.color.type3{color:#05ffb0}.css-reference-content .contents-tab .contents-output .example-background-output.typo.color.type4{color:#3273dc}.css-reference-content .contents-tab .contents-output .example-background-output.typo.color.type5{background:#05ffb0;color:#00000080}.css-reference-content .contents-tab .contents-output .example-background-output.typo.color.type6{color:#ff470f}.css-reference-content .contents-tab .contents-output .example-background-output.typo.color.type7{color:#ff470f99}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-family{font-size:1.5em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-family.type1{font-family:Source Sans Pro,Arial,sans-serif}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-family.type2{font-family:serif}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-family.type3{font-family:sans-serif}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-family.type4{font-family:monospace}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-family.type5{font-family:cursive}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-family .type6{font-family:fantasy}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size .parent{font-size:18px}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size .block{background:#f2f2f2;border-radius:3px;color:#4d4d4d;display:block;font-size:1.2em;line-height:1.2;margin-top:.25rem;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size .block-alpha{background:#05ffb0;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size .block-pink{background:#ff3860;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size .block-yellow{background:#ffdd57;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size.type1{font-size:medium}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size.type2{font-size:20px}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size.type3{font-size:1.2em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size.type4,.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size.type4 .block{font-size:1.2rem}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size.type5,.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size.type5 .block{font-size:90%}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size.type6,.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size.type6 .block{font-size:smaller}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size.type7,.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-size.type7 .block{font-size:x-large}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-style.type1{font-style:normal}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-style.type2{font-style:italic}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-style.type3{font-style:oblique}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-variant.type1{font-feature-settings:normal;font-variant:normal}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-variant.type2{font-feature-settings:"smcp";font-variant:small-caps}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-weight.type1{font-weight:400}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-weight.type2{font-weight:700}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-weight.type3{font-weight:600}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-weight.type4{font-weight:lighter}.css-reference-content .contents-tab .contents-output .example-background-output.typo.letter-spacing.type1{letter-spacing:normal}.css-reference-content .contents-tab .contents-output .example-background-output.typo.letter-spacing.type2{letter-spacing:2px}.css-reference-content .contents-tab .contents-output .example-background-output.typo.letter-spacing.type3{letter-spacing:.1em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.line-height{font-size:.8em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.line-height .block{background:#f2f2f2;border-radius:3px;color:#4d4d4d;display:block;margin-top:.25rem;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.line-height .block-alpha{background:#05ffb0;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.typo.line-height.type1{line-height:normal}.css-reference-content .contents-tab .contents-output .example-background-output.typo.line-height.type2{line-height:1.6}.css-reference-content .contents-tab .contents-output .example-background-output.typo.line-height.type3{line-height:30px}.css-reference-content .contents-tab .contents-output .example-background-output.typo.line-height.type4{line-height:.8em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-align{font-size:.8em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-align .block{background:#f2f2f2;border-radius:3px;color:#4d4d4d;display:block;margin-top:.25rem;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-align .block-alpha{background:#05ffb0;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-align.type1{text-align:left}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-align.type2{text-align:right}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-align.type3{text-align:center}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-align.type4{text-align:justify}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-decoration.type1{text-decoration:none}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-decoration.type2{text-decoration:underline}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-indent{font-size:.8em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-indent .block{background:#f2f2f2;border-radius:3px;color:#4d4d4d;display:block;margin-top:.25rem;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-indent .block-alpha{background:#05ffb0;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-indent.type1{text-indent:0}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-indent.type2{text-indent:40px}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-indent.type3{text-indent:-2em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-overflow{font-size:.8em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-overflow .block{background:#f2f2f2;border-radius:3px;color:#4d4d4d;display:block;margin-top:.25rem;overflow:hidden;padding:1em;white-space:nowrap;width:5em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-overflow .block-alpha{background:#05ffb0;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-overflow.type1 .block{text-overflow:clip}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-overflow.type2 .block{text-overflow:ellipsis}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-shadow{font-size:.8em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-shadow.type1{text-shadow:none}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-shadow.type2{text-shadow:2px 6px}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-shadow.type3{text-shadow:2px 6px red}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-shadow.type4{text-shadow:2px 4px 10px red}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-transform{font-size:.8em;line-height:1.6}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-transform.type1{text-transform:none}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-transform.type2{text-transform:capitalize}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-transform.type3{text-transform:uppercase}.css-reference-content .contents-tab .contents-output .example-background-output.typo.text-transform.type4{text-transform:lowercase}.css-reference-content .contents-tab .contents-output .example-background-output.typo.white-space{background:#05ffb0;border-radius:3px;color:#310736;display:block;font-family:Source Code Pro,monospace;font-size:.7rem;line-height:1.2;padding:1em;width:18em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.white-space.type1{white-space:normal}.css-reference-content .contents-tab .contents-output .example-background-output.typo.white-space.type2{white-space:nowrap}.css-reference-content .contents-tab .contents-output .example-background-output.typo.white-space.type3{white-space:pre}.css-reference-content .contents-tab .contents-output .example-background-output.typo.white-space.type4{white-space:pre-wrap}.css-reference-content .contents-tab .contents-output .example-background-output.typo.white-space.type5{white-space:pre-line}.css-reference-content .contents-tab .contents-output .example-background-output.typo.word-break{background:#05ffb0;border-radius:3px;color:#310736;display:block;font-family:Source Code Pro,monospace;line-height:1.2;padding:1em;position:relative;width:18em}.css-reference-content .contents-tab .contents-output .example-background-output.typo.word-break.type1{word-break:normal}.css-reference-content .contents-tab .contents-output .example-background-output.typo.word-break.type2{word-break:break-all}.css-reference-content .contents-tab .contents-output .example-background-output.typo.word-spacing.type1{word-spacing:normal}.css-reference-content .contents-tab .contents-output .example-background-output.typo.word-spacing.type2{word-spacing:5px}.css-reference-content .contents-tab .contents-output .example-background-output.typo.word-spacing.type3{word-spacing:2em}.css-reference-content .contents-tab .contents-output .example-background-output.transition .square{align-items:center;border-radius:3px;display:flex;height:75px;justify-content:center;line-height:1.2;padding:0;text-align:center;width:75px}.css-reference-content .contents-tab .contents-output .example-background-output.transition .square.square-alpha{background:#05ffb0;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.transition:hover .square{background:#ff3860;color:#fff;transform:translateX(200%)}.css-reference-content .contents-tab .contents-output .example-background-output.transition.delay.type1 .square{transition-duration:1s;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.delay.type2 .square{transition-delay:1.2s;transition-duration:1s;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.delay.type3 .square{transition-delay:2.4s;transition-duration:1s;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.delay.type4 .square{transition-delay:-.5s;transition-duration:1s;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.duration.type1 .square{transition-duration:0s;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.duration.type2 .square{transition-duration:1.2s;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.duration.type3 .square{transition-duration:2.4s;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.property.type1 .square{transition-duration:1s;transition-property:all;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.property.type2 .square{transition-duration:1s;transition-property:none;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.property.type3 .square{transition-duration:1s;transition-property:background;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.property.type4 .square{transition-duration:1s;transition-property:color;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.property.type5 .square{transition-duration:1s;transition-property:transform;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.timing.type1 .square{transition-duration:1s;transition-timing-function:ease}.css-reference-content .contents-tab .contents-output .example-background-output.transition.timing.type2 .square{transition-duration:1s;transition-timing-function:ease-in}.css-reference-content .contents-tab .contents-output .example-background-output.transition.timing.type3 .square{transition-duration:1s;transition-timing-function:ease-out}.css-reference-content .contents-tab .contents-output .example-background-output.transition.timing.type4 .square{transition-duration:1s;transition-timing-function:ease-in-out}.css-reference-content .contents-tab .contents-output .example-background-output.transition.timing.type5 .square{transition-duration:1s;transition-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.timing.type6 .square{transition-duration:1s;transition-timing-function:step-start}.css-reference-content .contents-tab .contents-output .example-background-output.transition.timing.type7 .square{transition-duration:1s;transition-timing-function:step-end}.css-reference-content .contents-tab .contents-output .example-background-output.transition.timing.type8 .square{transition-duration:1s;transition-timing-function:steps(4)}.css-reference-content .contents-tab .contents-output .example-background-output.transition.basic.type1 .square{transition:1s}.css-reference-content .contents-tab .contents-output .example-background-output.transition.basic.type2 .square{transition:1s linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.basic.type3 .square{transition:background 1s linear}.css-reference-content .contents-tab .contents-output .example-background-output.transition.basic.type4 .square{transition:background 1s linear .5s}.css-reference-content .contents-tab .contents-output .example-background-output.transition.basic.type5 .square{transition:background 4s,transform 1s}.css-reference-content .contents-tab .contents-output .example-background-output.positioning{background:#310736;font-size:.8em;height:200px;position:relative}.css-reference-content .contents-tab .contents-output .example-background-output.positioning .block{border-radius:3px;display:block;line-height:1.2;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output.positioning .block-alpha{background:#05ffb0;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.positioning .block-pink{background:#ff3860;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.positioning .block-beta{background:#00e7eb;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.positioning .block-yellow{background:#ffdd57;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.positioning p{color:#fff}.css-reference-content .contents-tab .contents-output .example-background-output.positioning .natural{border:2px dotted #ff4538;color:#ff4538}.css-reference-content .contents-tab .contents-output .example-background-output.positioning .actual,.css-reference-content .contents-tab .contents-output .example-background-output.positioning .natural{align-items:center;border-radius:3px;display:flex;justify-content:center;line-height:1.2;padding:.8em 1em}.css-reference-content .contents-tab .contents-output .example-background-output.positioning .actual{align-items:center;background:#05ffb0;border:2px solid #05ffb0;color:#310736;display:flex;justify-content:center;text-align:center}.css-reference-content .contents-tab .contents-output .example-background-output.positioning .natural{width:200px}.css-reference-content .contents-tab .contents-output .example-background-output.positioning .actual{animation-direction:alternate;animation-duration:2s;animation-iteration-count:infinite;animation-name:fadeIn;position:absolute;transform:translateY(-100%);width:200px}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.bottom.type2 .actual{bottom:20px;position:relative}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.bottom.type3 .actual{animation-name:none;bottom:0;transform:none}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.left.type1 .actual{left:auto}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.left.type2 .actual{left:80px}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.left.type3 .actual{left:-20px}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.basic .block-pink{position:absolute;right:5px;top:5px}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.basic .block-alpha{margin-top:1em}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.basic.type2 .block-alpha{position:relative}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.basic.type3 .block-alpha{left:0;margin-top:0;position:absolute;top:0;width:280px}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.basic.type4 .block-alpha{left:auto;margin-top:0;position:absolute;right:0;top:0;width:280px}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.basic.type4 .block-alpha.clicked{position:fixed;z-index:1}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.right.type1 .actual{right:auto}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.right.type2 .actual{position:relative;right:80px;transform:translateY(-100%)}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.right.type3{position:relative}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.right.type3 .actual{right:-20px;transform:translateY(-100%)}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.top.type2 .actual{position:relative;top:20px}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.top.type3 .actual{animation-name:none;top:0;transform:none}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.z-index{background-color:initial;height:100px;padding:0}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.z-index .block{height:100%;left:0;position:absolute;width:25%}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.z-index .block.block-alpha{height:50%;width:100%}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.z-index .block.block-pink{height:60%;left:20%;top:20%;width:60%}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.z-index .block.block-beta{height:60%;left:40%;top:40%;width:60%}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.z-index .block.block-yellow{left:70%;width:20%}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.z-index.type2 .block-pink{z-index:1}.css-reference-content .contents-tab .contents-output .example-background-output.positioning.z-index.type3 .block-pink{z-index:-1}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid{display:grid;font-size:.8em;padding:0}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid .block{border-radius:3px;display:block;line-height:1.2;padding:1em}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid .block-alpha{background:#05ffb0;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid .block-pink{background:#ff3860;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid .block-beta{background:#00e7eb;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid .block-yellow{background:#ffdd57;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid .block-purple{background:#b86bff;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid .block-orange{background:#ff470f;color:#310736}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.area{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.area.type1{grid-area:auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.area.type2{grid-template-areas:"header header header" "sidebar main main" "sidebar main main" "sidebar footer footer";grid-template-columns:3fr 70fr;grid-template-rows:50px 200px 50px}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.area.type2 .block-alpha{grid-area:header}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.area.type2 .block-beta{grid-area:sidebar}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.area.type2 .block-purple{grid-area:footer}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.area.type2 .block-pink{grid-row:main}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-columns{display:grid;font-size:.8em;padding:0}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-columns.type2{grid-auto-columns:100px;grid-template-areas:"header header header" "sidebar main main";grid-template-columns:50px 200px}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-columns.type2 .block-alpha{grid-area:header}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-columns.type2 .block-beta{grid-area:sidebar}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-columns.type2 .block-pink{grid-area:main}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-flow{grid-auto-flow:row;grid-template-areas:"header header header" "sidebar main main" "footer footer footer";padding:0}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-flow .block-alpha{grid-area:header}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-flow .block-beta{grid-area:sidebar}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-flow .block-pink{grid-area:main}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-flow .block-yellow{grid-area:footer}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-flow.type2{grid-auto-flow:column}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-rows.type1{grid-auto-rows:auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-rows.type2{grid-auto-rows:100px;grid-template-areas:"header header header" "sidebar main main" "footer footer footer";grid-template-rows:50px 200px}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-rows.type2 .block-alpha{grid-area:header}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-rows.type2 .block-beta{grid-area:sidebar}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-rows.type2 .block-pink{grid-area:main}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.auto-rows.type2 .block-yellow{grid-area:footer}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-end{grid-template-columns:1fr 1fr 1fr}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-end.type1{grid-column-end:auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-end.type2,.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-end.type2 .block-pink{grid-column-end:2}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-end.type3,.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-end.type3 .block-pink{grid-column-end:1}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-gap{grid-template-columns:auto auto auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-gap.type1{grid-column-gap:0}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-gap.type2{grid-column-gap:10px}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-gap.type3{grid-column-gap:3rem}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-gap.type4{grid-column-gap:20%}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-start{grid-template-columns:1fr 1fr 1fr}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-start.type1{grid-column-start:auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-start.type2,.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-start.type2 .block-pink{grid-column-start:2}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-start.type3,.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column-start.type3 .block-pink{grid-column-start:4}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column{grid-column: auto auto;grid-template-columns:1fr 1fr 1fr}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type2,.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type2 .block-pink{grid-column:1/3}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type3,.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type3 .block-pink{grid-column:span 3}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type4,.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type4 .block-pink{grid-column:1/span 4}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type5{grid-template-areas:"header header header" "sidebar main main" "sidebar main main" "sidebar footer footer";grid-template-columns:3fr 70fr;grid-template-rows:50px 200px 50px}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type5 .block-alpha{grid-area:header}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type5 .block-beta{grid-area:sidebar}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type5 .block-yellow{grid-area:main}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type5 .block-purple{grid-area:footer}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.column.type5 .block-pink{grid-column:main}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.gap{grid-template-columns:auto auto auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.gap.type1{grid-gap:0 0}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.gap.type2{grid-gap:10px}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.gap.type3{grid-gap:3rem 1rem}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row-end{grid-template-columns:1fr 1fr 1fr}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row-end.type1{grid-row-end:auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row-end.type2 .block-pink{grid-row-end:3}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row-end.type3 .block-pink{grid-row-end:4}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row-gap{grid-template-columns:auto auto auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row-gap.type1{grid-row-gap:0}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row-gap.type2{grid-row-gap:10px}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row-gap.type3{grid-row-gap:3rem}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row-start{grid-template-columns:1fr 1fr 1fr}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row-start.type2 .block-pink{grid-row-start:2}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row-start.type3 .block-pink{grid-row-start:3}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row{grid-template-columns:1fr 1fr 1fr}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row.type2 .block-pink{grid-row:1/3}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row.type3 .block-pink{grid-row:span 3}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row.type4 .block-pink{grid-row:1/span 4}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row.type5{grid-template-areas:"header header header" "sidebar main main" "sidebar main main" "sidebar footer footer";grid-template-columns:3fr 70fr;grid-template-rows:50px 200px 50px}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row.type5 .block-alpha{grid-area:header}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row.type5 .block-beta{grid-area:sidebar}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row.type5 .block-yellow{grid-area:main}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row.type5 .block-purple{grid-area:footer}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.row.type5 .block-pink{grid-row:header}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template-area.type2{grid-template-areas:"header header header" "sidebar main main"}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template-area.type2 .block-alpha{grid-area:header}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template-area.type2 .block-beta{grid-area:sidebar}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template-area.type2 .block-pink{grid-area:main}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template-columns{grid-template-columns:none}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template-columns.type2{grid-template-columns:auto auto auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template-columns.type3{grid-template-columns:80px auto 1rem}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template-columns.type4{grid-template-columns:40px 1fr 2fr}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template-rows{grid-template-columns:auto auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template-rows.type2{grid-template-rows:120px auto 3rem}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template-rows.type3{grid-template-rows:20px 1fr 2fr}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template.type1{grid-template:none}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template.type2{grid-template:200px 1fr/100px auto 3rem}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template.type3{grid-template:"header header header" 50px "sidebar main main" 200px/100px auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template.type3 .block-alpha{grid-area:header}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template.type3 .block-beta{grid-area:sidebar}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.template.type3 .block-pink{grid-area:main}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.grid.type1{grid:"header header header" 50px "sidebar main main" 200px/100px auto}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.grid.type1 .block-alpha{grid-area:header}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.grid.type1 .block-beta{grid-area:sidebar}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.grid.type1 .block-pink{grid-area:main}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.grid.type2{grid:200px 100px/auto-flow 30%}.css-reference-content .contents-tab .contents-output .example-background-output.css-grid.grid.type3{grid:auto-flow 50px/200px 100px}.css-reference-content .contents-tab .contents-output .example-background-output.animations{font-size:.8em;padding:0}@keyframes fadeAndMove{0%{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(200px)}}@keyframes kf-animation-fill-mode{0%{background:#23d160;transform:translateX(0)}to{background:#3273dc;transform:translateX(200px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes moveRight{0%{transform:translateX(0)}to{transform:translateX(200px)}}.css-reference-content .contents-tab .contents-output .example-background-output.animations.ani-on{animation-name:fadeAndMove}.css-reference-content .contents-tab .contents-output .example-background-output.animations.ani-on2{animation-play-state:running!important}.css-reference-content .contents-tab .contents-output .example-background-output.animations.ani-on3{animation-duration:2s}.css-reference-content .contents-tab .contents-output .example-background-output.animations.ani-on4{animation-name:moveRight}.css-reference-content .contents-tab .contents-output .example-background-output.animations.square{align-items:center;background:#310736;border-radius:3px;color:#fff;display:flex;height:75px;justify-content:center;line-height:1.2;padding:0;text-align:center;width:75px}.css-reference-content .contents-tab .contents-output .example-background-output.animations.delay{animation-duration:5s;animation-iteration-count:infinite}.css-reference-content .contents-tab .contents-output .example-background-output.animations.delay.type1{animation-delay:0s}.css-reference-content .contents-tab .contents-output .example-background-output.animations.delay.type2{animation-delay:1.2s}.css-reference-content .contents-tab .contents-output .example-background-output.animations.delay.type3{animation-delay:2.4s}.css-reference-content .contents-tab .contents-output .example-background-output.animations.delay.type4{animation-delay:-.5s}.css-reference-content .contents-tab .contents-output .example-background-output.animations.direction{animation-duration:2s;animation-iteration-count:infinite}.css-reference-content .contents-tab .contents-output .example-background-output.animations.direction.type1{animation-direction:normal}.css-reference-content .contents-tab .contents-output .example-background-output.animations.direction.type2{animation-direction:reverse}.css-reference-content .contents-tab .contents-output .example-background-output.animations.direction.type3{animation-direction:alternate}.css-reference-content .contents-tab .contents-output .example-background-output.animations.direction.type4{animation-direction:alternate-reverse}.css-reference-content .contents-tab .contents-output .example-background-output.animations.duration{animation-iteration-count:infinite}.css-reference-content .contents-tab .contents-output .example-background-output.animations.duration.type1{animation-duration:0s}.css-reference-content .contents-tab .contents-output .example-background-output.animations.duration.type2{animation-duration:1.2s}.css-reference-content .contents-tab .contents-output .example-background-output.animations.duration.type3{animation-duration:2.4s}.css-reference-content .contents-tab .contents-output .example-background-output.animations.fill-mode{animation-delay:1s;animation-duration:2s;animation-iteration-count:1;animation-name:kf-animation-fill-mode;animation-play-state:paused}.css-reference-content .contents-tab .contents-output .example-background-output.animations.fill-mode.square{background:#ff3860}.css-reference-content .contents-tab .contents-output .example-background-output.animations.fill-mode.type1{animation-fill-mode:none}.css-reference-content .contents-tab .contents-output .example-background-output.animations.fill-mode.type2{animation-fill-mode:forwards}.css-reference-content .contents-tab .contents-output .example-background-output.animations.fill-mode.type3{animation-fill-mode:backwards}.css-reference-content .contents-tab .contents-output .example-background-output.animations.fill-mode.type4{animation-fill-mode:both}.css-reference-content .contents-tab .contents-output .example-background-output.animations.iteration-count{animation-duration:2s}.css-reference-content .contents-tab .contents-output .example-background-output.animations.iteration-count.type1{animation-iteration-count:1}.css-reference-content .contents-tab .contents-output .example-background-output.animations.iteration-count.type2{animation-iteration-count:2}.css-reference-content .contents-tab .contents-output .example-background-output.animations.iteration-count.type3,.css-reference-content .contents-tab .contents-output .example-background-output.animations.name{animation-iteration-count:infinite}.css-reference-content .contents-tab .contents-output .example-background-output.animations.name.type1{animation-name:none}.css-reference-content .contents-tab .contents-output .example-background-output.animations.name.type2{animation-name:fadeIn}.css-reference-content .contents-tab .contents-output .example-background-output.animations.name.type3{animation-name:moveRight}.css-reference-content .contents-tab .contents-output .example-background-output.animations.play-state{animation-duration:2s;animation-iteration-count:infinite}.css-reference-content .contents-tab .contents-output .example-background-output.animations.play-state.type1{animation-play-state:running}.css-reference-content .contents-tab .contents-output .example-background-output.animations.play-state.type2{animation-play-state:paused}.css-reference-content .contents-tab .contents-output .example-background-output.animations.timing-function{animation-duration:3s;animation-fill-mode:forwards}.css-reference-content .contents-tab .contents-output .example-background-output.animations.timing-function.type1{animation-timing-function:ease}.css-reference-content .contents-tab .contents-output .example-background-output.animations.timing-function.type2{animation-timing-function:ease-in}.css-reference-content .contents-tab .contents-output .example-background-output.animations.timing-function.type3{animation-timing-function:ease-out}.css-reference-content .contents-tab .contents-output .example-background-output.animations.timing-function.type4{animation-timing-function:ease-in-out}.css-reference-content .contents-tab .contents-output .example-background-output.animations.timing-function.type5{animation-timing-function:linear}.css-reference-content .contents-tab .contents-output .example-background-output.animations.timing-function.type6{animation-timing-function:step-start}.css-reference-content .contents-tab .contents-output .example-background-output.animations.timing-function.type7{animation-timing-function:step-end}.css-reference-content .contents-tab .contents-output .example-background-output.animations.timing-function.type8{animation-timing-function:steps(4)}.css-reference-content .contents-tab .contents-box-top{background-color:#f2f2f2;border:1px solid #e6e6e6;border-bottom:none;border-top-left-radius:3px;border-top-right-radius:3px;height:1rem}.css-reference-content .contents-tab .contents-box-output{background-color:#fff;border:1px solid #e6e6e6;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 2px 3px #0000000d;padding:.5em}@media screen and (max-width:800px){.css-reference-content .contents-tab{flex-direction:column}.css-reference-content .contents-tab .contents-example,.css-reference-content .contents-tab .contents-title{width:100%}.css-reference-content{padding:0 2rem 2rem}.css-reference-content .name{font-size:1rem;padding:1rem 0}.css-reference-content .define{font-size:.9rem}.css-reference-content .contents-tab .property-define,.css-reference-content .contents-tab .property-name,.css-reference-content .contents-tab .property-name-default{font-size:.8rem}.css-reference-content .contents-tab{gap:1rem}.menu-type.css ul{font-size:.8rem;gap:5px;padding:0}.menu-type.css.category li{font-size:.7rem}.menu-type.css{margin:15px 0 10px}.menu-type.css.category{margin:0 0 15px}.css-reference-content .contents-tab .contents-output .example-background-output.typo.font-family{font-size:1em}}
/*# sourceMappingURL=main.6278ad0e.css.map*/