.hills[data-v-b9f5f16c]{background-image:url(../img/hills.a29e49df.jpg)}.demo[data-v-036d9ca4]{background-color:rgba(0,0,0,.4);transition:-webkit-backdrop-filter .7s ease-out;transition:backdrop-filter .7s ease-out;transition:backdrop-filter .7s ease-out,-webkit-backdrop-filter .7s ease-out;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.demo[data-v-036d9ca4]:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.demo[data-v-c3266c68]{transition:background-color .7s ease-out}.demo[data-v-c3266c68]:hover{background-color:orange}.demo[data-v-835a28f8]{transition:background-position .7s ease-out;background-position:50% 50%}.x[data-v-835a28f8]:hover{background-position:640px 0}.y[data-v-835a28f8]:hover{background-position:0 -640px}.demo[data-v-7aef2772]{transition:background-size .7s ease-out}.expand[data-v-7aef2772]{background-position:50%;background-size:100%}.expand[data-v-7aef2772]:hover{background-size:200%}.contract[data-v-7aef2772]{background-position:50%;background-size:100%}.contract[data-v-7aef2772]:hover{background-size:20%}.demo[data-v-83176b6c]{transition:block-size .7s ease-out;block-size:40px}.demo[data-v-83176b6c]:hover{block-size:120px}.demo[data-v-f9791930]{transition:border-block-end-color .7s ease-out;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;border-block-end-width:30px}.demo[data-v-f9791930]:hover{border-block-end-color:orange}.demo[data-v-1d3658d8]{transition:border-block-end-width .7s ease-out;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.demo[data-v-1d3658d8]:hover{border-block-end-width:30px}.demo[data-v-4179b87e]{transition:border-block-start-color .7s ease-out;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;border-block-start-width:30px}.demo[data-v-4179b87e]:hover{border-block-start-color:orange}.demo[data-v-47400daa]{transition:border-block-start-width .7s ease-out;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.demo[data-v-47400daa]:hover{border-block-start-width:30px}.demo[data-v-0a69f6fe]{transition:border-bottom-color .7s ease-out;border-bottom-width:30px}.demo[data-v-0a69f6fe]:hover{border-bottom-color:orange}.demo[data-v-3e16039e]{transition:border-bottom-left-radius .7s ease-out;border-style:inset}.demo[data-v-3e16039e]:hover{border-bottom-left-radius:64px}.demo[data-v-5c51fd95]{transition:border-bottom-right-radius .7s ease-out;border-style:double}.demo[data-v-5c51fd95]:hover{border-bottom-right-radius:64px}.demo[data-v-0089d9d6]{transition:border-color .7s ease-out}.demo[data-v-0089d9d6]:hover{border-color:orange}.demo[data-v-7df882b1]{transition:border-image-outset .7s ease-out;border-width:48px;-o-border-image:url(../img/hills.a29e49df.jpg);border-image:url(../img/hills.a29e49df.jpg);border-image-outset:0}.demo[data-v-7df882b1]:hover{border-image-outset:24px}.demo[data-v-390d2232]{transition:border-radius .7s ease-out;border-style:dotted}.demo[data-v-390d2232]:hover{border-radius:64px}.demo[data-v-7ae8763a]{transition:border-width .7s ease-out}.minor[data-v-7ae8763a]:hover{border-width:20px}.over[data-v-7ae8763a]:hover{border-width:200px}.example:hover .demo[data-v-3f9d24fb]{bottom:50%}.demo[data-v-3f9d24fb]{transition:bottom .7s ease-out;bottom:0}.demo[data-v-251bb6a9]{transition:box-shadow .7s ease-out;box-shadow:0 0 0 rgba(0,0,0,.1)}.demo[data-v-251bb6a9]:hover{box-shadow:0 5px 20px rgba(0,0,0,.4)}.demo[data-v-55699426]{position:absolute;transition:clip .7s ease-out;clip:rect(0,200px,100px,0)}.demo[data-v-55699426]:hover{clip:rect(50px,300px,200px,50px)}.demo[data-v-5f6ec2cc]{transition:-webkit-clip-path .7s ease-out;transition:clip-path .7s ease-out;transition:clip-path .7s ease-out,-webkit-clip-path .7s ease-out}.diamond[data-v-5f6ec2cc]{-webkit-clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.diamond[data-v-5f6ec2cc]:hover{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.circle[data-v-5f6ec2cc]{-webkit-clip-path:circle(100%);clip-path:circle(100%)}.circle[data-v-5f6ec2cc]:hover{-webkit-clip-path:circle(0);clip-path:circle(0)}.demo[data-v-69439bae]{transition:color .7s ease-out}.demo[data-v-69439bae]:hover{color:orange}.demo[data-v-f2509fe6]{transition:column-count .7s ease-out;transition:column-count .7s ease-out,-moz-column-count .7s ease-out;-moz-column-count:4;column-count:4}.demo[data-v-f2509fe6]:hover{-moz-column-count:1;column-count:1}.demo[data-v-d2f9fa28]{transition:column-gap .7s ease-out;transition:column-gap .7s ease-out,-moz-column-gap .7s ease-out;-moz-column-count:2;column-count:2;-moz-column-gap:8px;column-gap:8px}.demo[data-v-d2f9fa28]:hover{-moz-column-gap:80px;column-gap:80px}.demo[data-v-32a1b78e]{transition:column-rule-color .7s ease-out;transition:column-rule-color .7s ease-out,-moz-column-rule-color .7s ease-out;-moz-column-count:4;column-count:4;-moz-column-rule-style:dotted;column-rule-style:dotted;-moz-column-rule-color:grey;column-rule-color:grey;-moz-column-rule-width:2px;column-rule-width:2px}.demo[data-v-32a1b78e]:hover{-moz-column-rule-color:orange;column-rule-color:orange}.demo[data-v-078456dd]{transition:column-rule-width .7s ease-out;transition:column-rule-width .7s ease-out,-moz-column-rule-width .7s ease-out;-moz-column-count:4;column-count:4;-moz-column-rule-style:dotted;column-rule-style:dotted;-moz-column-rule-color:grey;column-rule-color:grey;-moz-column-rule-width:2px;column-rule-width:2px}.demo[data-v-078456dd]:hover{-moz-column-rule-width:16px;column-rule-width:16px}.demo[data-v-ad570f34]{transition:column-width .7s ease-out;transition:column-width .7s ease-out,-moz-column-width .7s ease-out;-moz-column-width:80px;column-width:80px}.demo[data-v-ad570f34]:hover{-moz-column-width:160px;column-width:160px}.demo[data-v-21f1d4d3]{transition:filter .7s ease-out}.blur[data-v-21f1d4d3]{filter:blur(0)}.blur[data-v-21f1d4d3]:hover{filter:blur(2px)}.brightness[data-v-21f1d4d3]{filter:brightness(1)}.brightness[data-v-21f1d4d3]:hover{filter:brightness(1.5)}.contrast[data-v-21f1d4d3]{filter:contrast(100%)}.contrast[data-v-21f1d4d3]:hover{filter:contrast(200%)}.drop-shadow[data-v-21f1d4d3]{filter:drop-shadow(0 0 0 transparent)}.drop-shadow[data-v-21f1d4d3]:hover{filter:drop-shadow(0 5px 20px gold)}.grayscale[data-v-21f1d4d3]{filter:grayscale(0)}.grayscale[data-v-21f1d4d3]:hover{filter:grayscale(100%)}.hue-rotate[data-v-21f1d4d3]{filter:hue-rotate(0deg)}.hue-rotate[data-v-21f1d4d3]:hover{filter:hue-rotate(90deg)}.invert[data-v-21f1d4d3]{filter:invert(0)}.invert[data-v-21f1d4d3]:hover{filter:invert(100%)}.opacity[data-v-21f1d4d3]{filter:opacity(100%)}.opacity[data-v-21f1d4d3]:hover{filter:opacity(25%)}.saturate[data-v-21f1d4d3]{filter:saturate(100%)}.saturate[data-v-21f1d4d3]:hover{filter:saturate(200%)}.sepia[data-v-21f1d4d3]{filter:sepia(0)}.sepia[data-v-21f1d4d3]:hover{filter:sepia(100%)}.example[data-v-44a4f76f]{height:40px;flex:1 1 auto}.demo[data-v-44a4f76f]{transition:flex-basis .7s ease-out;flex-basis:50%}.demo[data-v-44a4f76f]:hover{flex-basis:100%}.example[data-v-2b525144]{height:40px;flex:1 1 auto}.demo[data-v-2b525144]{transition:flex-grow .7s ease-out;flex-grow:1}.demo[data-v-2b525144]:hover{flex-grow:3}.example[data-v-03ba361f]{height:40px;flex:1 1 100%}.demo[data-v-03ba361f]{transition:flex-shrink .7s ease-out;flex-shrink:0;flex-basis:100%}.demo[data-v-03ba361f]:hover{flex-shrink:1}.demo[data-v-3b3746d0]{transition:font-size .7s ease-out}.demo[data-v-3b3746d0]:hover{font-size:16px}.demo[data-v-b130cab0]{transition:font-weight .7s ease-out}.demo[data-v-b130cab0]:hover{font-weight:900}.demo[data-v-7bd64a3b]{transition:gap .7s ease-out;gap:0}.demo[data-v-7bd64a3b]:hover{gap:16px 60px}.example[data-v-7bd64a3b]{flex:0 1 auto}.demo[data-v-00467db4]{transition:grid-template-columns .7s ease-out;transition:grid-template-columns .7s ease-out,-ms-grid-columns .7s ease-out;grid-template-columns:80px 1fr}.demo[data-v-00467db4]:hover{grid-template-columns:1fr 2fr}.demo[data-v-0e3e0e82]{transition:grid-template-rows .7s ease-out;transition:grid-template-rows .7s ease-out,-ms-grid-rows .7s ease-out;grid-template-rows:1fr}.demo[data-v-0e3e0e82]:hover{grid-template-rows:1fr 3fr 1fr 6fr}.demo[data-v-3b42e91f]{transition:height .7s ease-out;height:32px}.demo[data-v-3b42e91f]:hover{height:80px}.demo[data-v-38a9cbe9]{transition:inline-size .7s ease-out;inline-size:100%}.demo[data-v-38a9cbe9]:hover{inline-size:50%}.demo[data-v-9337967e]{transition:inset .7s ease-out;inset:0}.demo[data-v-9337967e]:hover{inset:24px 40px}.example:hover .demo[data-v-560950b5]{left:50%}.demo[data-v-560950b5]{transition:left .7s ease-out;left:0}.demo[data-v-16b227e1]{transition:letter-spacing .7s ease-out}.text[data-v-16b227e1]:hover{letter-spacing:2px}.title[data-v-16b227e1]:hover{letter-spacing:8px}.negative[data-v-16b227e1]{letter-spacing:-24px}.negative[data-v-16b227e1]:hover{letter-spacing:8px}.demo[data-v-466448a8]{transition:line-height .7s ease-out;line-height:0}.demo[data-v-466448a8]:hover{line-height:1.5}.demo[data-v-6c5a9f0c]{transition:margin-left .7s ease-out;margin-left:0}.demo[data-v-6c5a9f0c]:hover{margin-left:48px}.demo[data-v-45b07354]{transition:max-height .7s ease-out;max-height:80px;overflow:hidden}.demo[data-v-45b07354]:hover{max-height:160px}.demo[data-v-4a65587e]{transition:max-width .7s ease-out;max-width:100%}.demo[data-v-4a65587e]:hover{max-width:50%}pre[data-v-18611d10]{white-space:pre-wrap;word-wrap:break-word}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}a{transition:color .2s ease-out;color:#42b983;text-decoration:underline}a:hover{color:#238d5d}.aspect-3-2:before{content:"";width:1px;margin-left:-1px;float:left;height:0;padding-top:66.6666666667%}.aspect-3-2:after{content:"";display:table;clear:both}