.pic-app-picaro{font-weight:200}.pic-app-picaro h3{color:var(--dominant-text-5)}.pic-app-picaro h1,.pic-app-picaro h2{color:var(--dominant-1);border-bottom:solid calc(var(--xs) / 2) var(--dominant-3);display:inline-block}.pic-app-picaro a,.pic-app-picaro a:hover,.pic-app-picaro a:visited{color:var(--color-0-sub-2);font-weight:700;text-decoration:none}.pic-app-picaro .pic-section{font-family:var(--font-title);margin-bottom:0;margin-top:var(--l);color:var(--dominant);border-bottom:none}.pic-app-picaro .pic-filter-categories{margin:var(--xs) 0}.pic-app-picaro .pic-module-container{padding:var(--xl)}.pic-app-picaro .pic-module-filterlayoutselect,.pic-app-picaro .pic-module-filtermodel{text-transform:capitalize;cursor:pointer;width:100%;font-family:var(--font-alt);color:var(--dominant-text-5);font-size:var(--m);padding:var(--l);background-image:url(/images/inspiration-geometry.png);align-items:center;display:flex}.pic-app-picaro .pic-module-filterlayoutselect .pic-layout-select,.pic-app-picaro .pic-module-filtermodel .pic-layout-select{border-bottom:var(--xs) solid var(--dominant-4);margin-left:var(--m)}.pic-app-picaro .pic-module-filterlayoutselect .pic-layout-select.selected,.pic-app-picaro .pic-module-filtermodel .pic-layout-select.selected{border-bottom:var(--xs) solid var(--dominant)}.pic-app-picaro .pic-module-filterlayoutselect,.pic-app-picaro .pic-module-filtermodel{border-bottom:1px solid var(--dominant-4)}.pic-app-picaro .pic-module-filtermodel{padding:var(--m);background-image:none}.pic-app-picaro .pic-module-filtermodel .pic-layout-select{border-bottom:.25rem solid var(--color-1-sub-4);margin-left:var(--m)}.pic-app-picaro .pic-module-filtermodel .pic-layout-select.selected{border-bottom:.25rem solid var(--color-0-sub-2)}.pic-app-picaro .pic-module-list img,.pic-app-picaro .pic-module-preview img{max-width:100%}.pic-app-picaro .pic-module-list{max-width:1200px;margin:0 auto}.pic-app-picaro .pic-module-filtersingle{padding:1rem 1.5rem!important}.pic-app-picaro .pic-module-filtersingle a{cursor:pointer;border-bottom:1px solid #aaa;font-size:.8rem;display:inline-block}.pic-app-picaro .pic-module-filtersingle{border-right:2px solid #aaa}.pic-app-picaro .pic-module-filtercategories{border-right:var(--dominant-4) solid 1px;min-height:100vh;padding:var(--xl) var(--l)}.pic-app-picaro .pic-module-filtercategories a{cursor:pointer;display:inline-block}.pic-app-picaro .pic-module-filtercategories .pic-filter-categories-container{top:var(--l);position:sticky}.pic-app-picaro .pic-module-filtercategories .pic-filter-categories-all a{color:var(--color-1-sub-2);font-weight:700}.pic-app-picaro .pic-module-singleimage{border-bottom:var(--color2) solid 2px;padding:var(--m);border-bottom:1px solid var(--dominant-4)}.pic-app-picaro .pic-module-singleimage img{max-width:200px}.pic-app-picaro .pic-module-singleimage span{justify-content:flex-start;align-items:center;height:100%;display:flex}.pic-app-picaro .pic-list-preview:not(.full) .pic-display-list-item{flex-direction:row-reverse;justify-content:flex-end;display:flex}.pic-app-picaro .pic-list-preview:not(.full) .pic-display-list-item img{width:350px;margin-right:var(--ratiop)}.pic-app-picaro .pic-layout-container .v-row{margin:0}.pic-app-picaro code{background:var(--color-0-sub-1);color:var(--dominant-text-0);padding:var(--xs);margin:var(--m);display:inline-block}.pic-app-picaro .pic-display-list-item .video{max-width:50%}.pic-app-picaro .split-image-text img{float:right;max-width:250px;margin:0 0 var(--l) var(--l)}.pic-app-picaro .split-image-text p{clear:both;overflow:hidden}.pic-app-picaro .pic-is-mobile h1{line-height:3rlh!important}.pic-app-picaro .pic-is-mobile .pic-module-List,.pic-app-picaro .pic-is-mobile .pic-module-Preview{padding-top:0}.pic-app-picaro .pic-is-mobile .pic-module-Preview .pic-display-list-item{display:block}.pic-app-picaro .pic-is-mobile .pic-module-Preview img{max-width:100%;display:block}.pic-app-picaro .pic-is-mobile .pic-list-preview .pic-display-list-item{display:block}.pic-app-picaro .pic-is-mobile .pic-list-preview .pic-display-list-item h1{margin-bottom:1rlh;line-height:2.5rlh!important}.pic-app-picaro .picaro-contact{flex-direction:column;align-items:center;display:flex}.pic-app-picaro .picaro-contact .pic-display-multiline{margin:var(--l) auto}.pic-app-demoapp h2{color:#fdfffd;background:#7fad86}.pic-app-demoapp{background:#7fad86}.pic-app-demoapp .pic-layout-container{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.pic-app-demoapp .pic-display-list-item{background:#e7e5e4;border-radius:10px;max-width:80%;padding-bottom:4rem}.pic-app-demoapp img{vertical-align:middle;background:#fdfffd;border-radius:20px;max-width:21.4%;margin:1rem;padding:1rem;box-shadow:5px 5px 5px #3b2b36}.pic-app-demoapp img:first-of-type{margin-left:2rem}.pic-app-demoapp img:last-of-type{margin-right:2rem}.pic-app-demoapp2 .nameperson{color:#006a7a;padding-top:2rem;font-size:4rem}.pic-app-demoapp2 .age:before{content:"🍼 "}.pic-app-demoapp2 .contact:before{content:"🕿 "}.pic-app-demoapp2 .contact{border-bottom:3px solid #eee;padding-bottom:2rem;display:block}.pic-app-demoapp2{background:#97a9a9;flex-direction:column;justify-content:center;align-items:center;display:flex}.pic-app-demoapp2 .start:after{content:"➠";padding:1rem}.pic-app-demoapp2 .age{display:block}.pic-app-demoapp2 .start,.pic-app-demoapp2 .end{color:#3d6c6c;font-weight:700}.pic-app-demoapp2 h3{color:#3d6c6c;font-size:3rem}.pic-app-demoapp2 h3:before{content:"⬖";vertical-align:middle;padding-right:1rem;font-size:1rem}.pic-app-demoapp2 .pic-module-List{width:80vw}.pic-app-demoapp2 .pic-display-list-item:first-of-type{padding-top:0}.pic-app-demoapp2 .pic-display-list-item{background:#fffffffa;border-left:6px solid #3d6c6c;border-right:6px solid #3d6c6c;padding:2rem 3rem 3rem}.pic-app-demoapp2 p{border-left:3px solid #c9d9d9;margin-top:1rem;padding:1rem;font-style:italic}.pic-app-magazine [data-element-id="1Rohuq"] a{font-family:var(--font-alt);display:inline-block}.pic-app-magazine .pic-module-HHW6 .pic-display-list-item{margin-top:var(--m)}.pic-app-magazine .pic-module-HHW6 a{padding-right:var(--l);border:none}.pic-app-magazine .mobile-menu{z-index:9999}.pic-app-magazine a,.pic-app-magazine a:visited{border-bottom:1px solid var(--color-0-sub-3);text-decoration:none}.pic-app-magazine [data-element-id=YrPJjd] a{padding:0 var(--m);font-family:var(--font-alt)}.pic-app-magazine .article a[target=_blank]:before{content:"("}.pic-app-magazine .article a[target=_blank]:after{content:")"}.pic-app-magazine .article a,.pic-app-magazine .article a:visited{color:var(--color-1-sub-3)}.pic-app-magazine h1{margin-top:0}.pic-app-magazine p{font-weight:200}.pic-app-magazine .article,.pic-app-magazine .pic-module-list{max-width:900px;margin:auto}.pic-app-magazine .pic-style-module-filterlayoutselect{font-family:var(--font-alt)}.pic-app-magazine .pic-style-module-filterlayoutselect>div{padding:0}.pic-app-magazine .pic-style-module-filterlayoutselect .pic-layout-select{margin-right:var(--l);padding:var(--m);display:inline-block}.pic-app-magazine .pic-module-singleimage>span{align-items:center;display:flex}.pic-app-magazine .single-image{vertical-align:center;width:auto;height:auto;max-height:60px;margin-left:var(--m)}.pic-app-magazine .font-alt{font-family:var(--font-alt)}@media (width<=680px){.pic-app-magazine .pic-module-container>div{padding:1rlh}.pic-app-magazine h1{font-size:10vw!important;line-height:12vw!important}.pic-app-magazine .mobile-menu-container img{max-height:40px}.pic-app-magazine .mobile-menu-container{z-index:99999;background:url(/images/glitchywater.jpg);max-height:40px;top:0;right:0}.pic-app-magazine .mobile-menu{font-family:var(--font-alt)}.pic-app-magazine .mobile-menu .pic-layout-select{padding:var(--xs) 0}}a[data-v-e926dd6a]{cursor:pointer}.pic-filter-categories-link.selected[data-v-e926dd6a]{text-decoration:underline}.pic-section[data-v-e926dd6a]{margin:var(--l) 0;border-bottom:1px solid}img[data-v-b93571f7]{object-fit:cover}.container[data-v-0ff28c7b]{justify-content:center;display:flex}iframe[data-v-0ff28c7b]{aspect-ratio:16/9;width:100%!important}.pic-style-field-email>span{display:none}.pic-multiline{border-left:2px solid var(--secondaryLight);padding-left:var(--l)}.pic-multiline .v-input{margin-bottom:var(--l)}.pic-content-form-meta[data-v-5ee2977c]{border:2px solid var(--greyMedium);padding:var(--m) var(--l);margin-bottom:var(--l);border-radius:10px}.pic-display-edit .pic-display-list-item{cursor:pointer;position:relative}.pic-display-edit .pic-display-list-item.admin{border:1px solid #ddd;border-radius:5px;margin:4px 0;padding:24px}.pic-display-edit .pic-display-list-item:before{opacity:0;content:"edit";color:#fff;background:#f8a722;padding:5px;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.pic-display-edit .pic-display-list-item:hover:before{opacity:1}.pic-display-edit .pic-display-list-item .pic-display-textline,.pic-display-edit .pic-display-list-item .pic-display-multiline,.pic-display-edit .pic-display-list-item .pic-display-number{margin:1rem 0;display:block}[data-v-4303f32a]:not(.full) .pic-display-list-item,a[data-v-b4d75b40]{cursor:pointer}.pic-section[data-v-b4d75b40]{font-family:var(--font-alt);border-bottom:1px solid;margin:1rem 0}.single-image[data-v-163a45e9]{max-width:100%}.is-link[data-v-163a45e9]{cursor:pointer}img[data-v-82123a04]{max-width:100%}[data-v-e608cebc]{transition:all 1.5s}#city-svg[data-v-e608cebc]{transform:rotate(180deg)}.back rect[data-v-e608cebc],#medium rect[data-v-e608cebc],.hidden-default[data-v-e608cebc]{opacity:0}#medium rect[data-v-e608cebc]{transform:translate(-20%)}#back1 rect[data-v-e608cebc]{transform:translate(-10%)}#back2 rect[data-v-e608cebc]{transform:translate(15%)}#back3 rect[data-v-e608cebc]{transform:translate(10%)}.roof[data-v-e608cebc]{opacity:1}.front rect[data-v-e608cebc]{height:36%;transform:translateY(23%)}.step1 .roof[data-v-e608cebc],.step2 .roof[data-v-e608cebc]{opacity:0}.step1 .roof path[data-v-e608cebc],.step2 .roof path[data-v-e608cebc]{transform:translateY(-20%)}.step1 #medium rect[data-v-e608cebc],.step2 #medium rect[data-v-e608cebc]{opacity:1;transform:translate(0)}.step1 .front rect[data-v-e608cebc],.step2 .front rect[data-v-e608cebc]{height:60%;transform:translateY(0)}.step2 #back1 rect[data-v-e608cebc],.step2 #back2 rect[data-v-e608cebc],.step2 #back3 rect[data-v-e608cebc]{opacity:1;transform:translate(0)}rect[data-v-e608cebc],path[data-v-e608cebc]{stroke-width:.2rem;cursor:pointer;shape-rendering:crispedges;stroke:url(#MyGradient);filter:drop-shadow(0 0 5px #e631ff)}.container[data-v-e608cebc]{display:inline-block;position:relative}#backdrop[data-v-e608cebc]{mix-blend-mode:overlay;background:url(images/glitchy.jpg);animation:10s infinite alternate moveBackground-e608cebc;position:absolute;inset:0}@keyframes moveBackground-e608cebc{0%{background-position-x:0}to{background-position-x:200px}}.graph[data-v-ca40dd90]{text-align:center;width:32%;display:inline-block}.graph span[data-v-ca40dd90]{white-space:break-spaces}.map[data-v-ca40dd90]{width:30%;display:inline-block;position:relative}.map .svg-container[data-v-ca40dd90]:not(#france){position:absolute;top:0;left:0}.v-enter-active[data-v-ca40dd90],.v-leave-active[data-v-ca40dd90]{transition:all 1.5s}.v-enter-from[data-v-ca40dd90]{opacity:0;transform:translateY(10%)}.v-leave-to[data-v-ca40dd90]{opacity:0;transform:translateY(-10%)}[data-v-ca40dd90] .map-title{font-family:var(--font-alt);position:absolute}@media (width<=680px){.map[data-v-ca40dd90]{width:100%;position:relative}.graph[data-v-ca40dd90]{width:50%}}.water-bucket-container[data-v-06bc440f]{display:inline-block;position:relative;overflow:hidden;transform:rotate(180deg)}.water-bucket[data-v-06bc440f]{z-index:-1;background:#4388a6 url(/images/wavy.png);height:100%;animation:2s linear infinite moveWaves-06bc440f;position:absolute;top:0;left:0;right:0}.water rect[data-v-06bc440f]{filter:none;fill:#fff1!important}#shadows rect[data-v-06bc440f]{filter:drop-shadow(0 7px 9px #fff)}.cooling-tower-container[data-v-06bc440f]{width:33%;display:inline-block;position:relative}.cooling-tower-fog[data-v-06bc440f]{mix-blend-mode:multiply;background:url(/images/glitchywater.jpg);animation:40s linear infinite reverse moveBackground-06bc440f;position:absolute;inset:0}.cooling-tower .link path[data-v-06bc440f]{stroke:#fff}.water-bucket-container[data-v-06bc440f]{width:20%;display:inline-block}.cooling-tower-container[data-v-06bc440f]{width:60%;display:inline-block}@keyframes moveWaves-06bc440f{0%{background-position-x:0}to{background-position-x:-50px}}@keyframes moveBackground-06bc440f{0%{background-position:0 0}to{background-position:200px 400px}}.rotating[data-v-da1bce45]{animation:1s linear infinite reverse rotate-da1bce45}.rotating-bad[data-v-da1bce45]{animation:1s linear infinite reverse rotateErratic-da1bce45}.vibration[data-v-da1bce45]{animation:.1s linear infinite reverse vibration-da1bce45}.vibration2[data-v-da1bce45]{animation:.15s linear infinite vibration-da1bce45}.vibration3[data-v-da1bce45]{animation:.15s linear infinite vibration3-da1bce45}@keyframes rotateErratic-da1bce45{0%{transform:rotate(0)translate(0)}50%{transform:rotate(180deg)translate(5px,-10px)}70%{transform:rotate(240deg)translate(-5px,5px)}to{transform:rotate(360deg)translate(0)}}@keyframes vibration-da1bce45{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}@keyframes vibration3-da1bce45{0%{transform:translate(2px,-5px)}to{transform:translate(-5px,-8px)}}@keyframes rotate-da1bce45{0%{transform:rotate(0)}to{transform:rotate(360deg)}}img[data-v-14b4ab93]{max-width:100%}.flex[data-v-14b4ab93]{font-family:var(--font-alt);align-items:center}.flex svg[data-v-14b4ab93]{width:100%;padding-right:var(--l)}.flex[data-v-14b4ab93]{display:flex}[data-v-8b3093dd] .article img{opacity:0;max-width:100%;transition:all .9s;transform:translate(20px)}[data-v-8b3093dd] .article p,[data-v-8b3093dd] .article h2{opacity:0;transition:opacity .8s,transform 1.2s;transform:translate(20px)}[data-v-8b3093dd] .article h2{transition:all 1.5s;transform:translate(30px)}[data-v-8b3093dd] .article.into-view p,[data-v-8b3093dd] .article.into-view img,[data-v-8b3093dd] .article.into-view h2{opacity:1;transform:translate(0)}[data-v-8b3093dd] .alt-font{font-family:var(--font-alt)}[data-v-8b3093dd] [target=_blank]{position:relative}[data-v-8b3093dd] .link-tooltip{opacity:0;transition:opacity .2s;position:absolute;left:-9999px}[data-v-8b3093dd] [target=_blank]:hover .link-tooltip{opacity:1;font-family:var(--font-alt);background:var(--color-1-sub-3);color:var(--color-1-subText-3);border:4px solid var(--color-1-sub-3);border-radius:.5rem;padding:.5rem;display:inline-block;top:-100%;left:1rem}#datacenter[data-v-8b3093dd]{color:#fff;background:#000;width:100vw}[data-v-8b3093dd] rect,[data-v-8b3093dd] path,[data-v-8b3093dd] circle{stroke-width:.2rem;cursor:pointer;shape-rendering:crispedges;stroke:url(#MyGradient);filter:drop-shadow(0 0 5px #e631ff)}[data-v-8b3093dd] .svg-graph{transform:rotate(180deg)}[data-v-8b3093dd] h1{color:#000;text-shadow:-1px 3px 0px #fff, 2px -1px 0px #fff, -2px -2px 7px var(--color-0-sub-1);position:relative}[data-v-8b3093dd] h2,[data-v-8b3093dd] h3{text-shadow:3px 3px #0e5548;font-family:var(--font-alt)!important}[data-v-8b3093dd] .bg{mix-blend-mode:color-dodge;background:url(/images/glitchy3.jpg);animation:40s linear infinite reverse moveBackground-8b3093dd;position:absolute;inset:0}input[type=range][data-v-8b3093dd]{width:100%;display:block}.generator-input[data-v-8b3093dd]{width:90%!important}.generator-input-container[data-v-8b3093dd]{z-index:100;background:#000;max-width:900px;margin:auto;padding:5% 10%;transition:all .5s;position:sticky;top:0}.generator-input[data-v-8b3093dd]{-webkit-appearance:none;cursor:pointer;background:0 0}.generator-input[data-v-8b3093dd]::-webkit-slider-runnable-track{background:#0ff;border:2px solid #000;border-radius:0;height:10px;box-shadow:0 2px #0000001a}.generator-input[data-v-8b3093dd]::-webkit-slider-thumb{-webkit-appearance:none;background:#f0f;border:2px solid #fff;border-radius:0;width:20px;height:20px;margin-top:-7px;box-shadow:0 4px 15px #f0fc}.generator-input[data-v-8b3093dd]::-moz-range-track{background:#0ff;border:2px solid #000;border-radius:0;height:10px;box-shadow:0 2px #0000001a}.generator-input[data-v-8b3093dd]::-moz-range-thumb{background:#f0f;border:2px solid #fff;border-radius:0;width:20px;height:20px;box-shadow:0 4px 15px #f0fc}[data-v-8b3093dd] .svg-illustration{padding-bottom:var(--l)}@media (width<=680px){[data-v-8b3093dd] h1{text-shadow:-1px 3px #fff,-1px 0 #0a090a}}@keyframes moveBackground-8b3093dd{0%{background-position-y:0}to{background-position-y:400px}}.mobile-menu-container[data-v-4a2d04c1]{position:fixed;top:.1rem;right:.1rem}.mobile-menu[data-v-4a2d04c1]{opacity:1;background:#fff;border:1px solid #ccc;width:90%;padding:1rem;transition:opacity .3s;position:fixed;top:2.5rem;right:.5rem;box-shadow:-5px 5px 10px #333}.mobile-menu.hidden[data-v-4a2d04c1]{opacity:0;transition:none}.mobile-menu[data-v-4a2d04c1]>div{margin-bottom:.25rlh}.menu[data-v-4a2d04c1]{cursor:pointer}.color-panel--sample[data-v-6a4e927c] .v-card,.color-panel--sample .sample-container[data-v-6a4e927c]{display:inline-block}.selected[data-v-6a4e927c]{border:2px solid red}*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.m-range-large{--m-range-h:2rem;height:2rem}.m-range-medium{--m-range-h:1rem;height:1rem}.m-range-small{--m-range-h:.5rem;height:.5rem}.m-range-theme{--c-primary:#409eff;--c-fill:#e4e7ed;--c-fill-stop:#f5f5f5;--c-fill-thumb:#fff;--c-drop:var(--c-primary)}.dark .dark\:m-range-theme-dark{--c-primary:#3070ed;--c-fill:#444;--c-fill-stop:#555;--c-fill-thumb:#333;--c-drop:var(--c-primary)}.m-range-thumb-large{--m-range-thumb-h:.5rem;top:-.5rem;bottom:-.5rem}.m-range-thumb-medium{--m-range-thumb-h:.25rem;top:-.25rem;bottom:-.25rem}.m-range-thumb-small{--m-range-thumb-h:0rem;top:0;bottom:0}.m-range-v-large{--m-range-w:2rem;width:2rem}.m-range-v-medium{--m-range-w:1rem;width:1rem}.m-range-v-small{--m-range-w:.5rem;width:.5rem}.m-range-v-thumb-large{--m-range-thumb-w:.5rem;left:-.5rem;right:-.5rem}.m-range-v-thumb-medium{--m-range-thumb-w:.25rem;left:-.25rem;right:-.25rem}.m-range-v-thumb-small{--m-range-thumb-w:0rem;left:0;right:0}.m-range-highlight,.m-range-progress{background-color:var(--c-primary);height:100%;position:absolute}.m-range-highlight-container,.m-range-points-area,.m-range-progress-container{border-radius:inherit;width:100%;height:100%;position:absolute;overflow:hidden}.m-range-mark-item{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));position:absolute;top:0}.m-range-marks{--un-translate-y:calc(var(--m-range-h) + var(--m-range-thumb-h));width:100%;height:100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));position:absolute;top:0;left:0}.m-range-points-container{justify-content:space-between;align-items:center;height:100%;display:flex;position:absolute;left:-3px;right:-3px}.m-range-thumb{transform-origin:50%;--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));touch-action:none;border-width:2px;border-color:var(--c-primary);background-color:var(--c-fill-thumb);border-style:solid;transition-property:opacity,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}.m-range-thumb-bottom-container{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-translate-y:calc(100% + 4px);position:absolute;bottom:0;left:50%}.m-range-thumb-top-container{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-translate-y:calc(-100% - 4px);position:absolute;top:0;left:50%}.m-range-track{-webkit-user-select:none;user-select:none;background-color:var(--c-fill);border-radius:9999px;height:100%;position:relative}.m-range-transition-container{width:0;height:100%;position:absolute;left:50%}.m-range-v-highlight,.m-range-v-progress{background-color:var(--c-primary);width:100%;position:absolute}.m-range-v-mark-item{--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));position:absolute;left:0}.m-range-v-marks{--un-translate-x:calc(var(--m-range-w) + var(--m-range-thumb-w));width:100%;height:100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));position:absolute;top:0;left:0}.m-range-v-points-container{flex-direction:column;justify-content:space-between;align-items:center;width:100%;display:flex;position:absolute;top:-3px;bottom:-3px}.m-range-v-thumb{transform-origin:50%;--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));touch-action:none;border-width:2px;border-color:var(--c-primary);background-color:var(--c-fill-thumb);border-style:solid;transition-property:opacity,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}.m-range-v-thumb-bottom-container{--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-translate-x:calc(100% + 4px);position:absolute;top:50%;right:0}.m-range-v-thumb-top-container{--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-translate-x:calc(-100% - 4px);position:absolute;top:50%;left:0}.m-range-v-track{-webkit-user-select:none;user-select:none;background-color:var(--c-fill);border-radius:9999px;width:100%;height:100%;position:relative}.m-range-v-transition-container{width:100%;height:0;position:absolute;top:50%}.m-range-thumb-active{z-index:1;--un-drop-shadow:drop-shadow(.1rem .15rem .25rem var(--c-drop));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.m-range{box-sizing:content-box;min-width:.25rem;min-height:.25rem}.m-range-points{background-color:var(--c-fill-stop);border-radius:3px;width:6px;height:6px}.m-range-thumb-circle{width:calc(var(--m-range-h) + var(--m-range-thumb-h) * 2);border-radius:9999px}.m-range-thumb-rect{border-radius:9999px;width:.75rem}.m-range-thumb-square{width:calc(var(--m-range-h) + var(--m-range-thumb-h) * 2)}.m-range-v-thumb-circle{height:calc(var(--m-range-w) + var(--m-range-thumb-w) * 2);border-radius:9999px}.m-range-v-thumb-rect{border-radius:9999px;height:.75rem}.m-range-v-thumb-square{height:calc(var(--m-range-w) + var(--m-range-thumb-w) * 2)}[bottom~="2"]{bottom:.5rem}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-default{cursor:default}.cursor-copy{cursor:copy}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-ew-resize{cursor:ew-resize}.cursor-ns-resize{cursor:ns-resize}[b=""]{border-width:1px}.op-20{opacity:.2}.fade-enter-active[data-v-18478bd2]{animation:.3s fade-18478bd2}.fade-leave-active[data-v-18478bd2]{animation:.3s reverse fade-18478bd2}@keyframes fade-18478bd2{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.color-panel--sample[data-v-ba547c06] .v-card,.color-panel--sample>div[data-v-ba547c06]{display:inline-block}.__main[data-v-ba547c06]{vertical-align:super}.pic-color-control--container[data-v-ba547c06]:nth-of-type(2n){background:#dfdfdf}.v-row[data-v-ba547c06]{margin:0}[data-v-ba547c06] .v-btn.v-btn--density-compact{height:auto;padding:.5rem 0}[data-v-ba547c06] .v-btn__content{white-space:normal;width:auto}.pic-font-title{font-family:var(--font-title), sans}.pic-font-main{font-family:var(--font-main), sans}.pic-font-alt{font-family:var(--font-alt), sans}.pic-ratio--text-example[data-v-a474cbdf]>*{display:inline-block}.pic-ratio--text-example[data-v-a474cbdf]{position:relative}.pic-ratio--text-example[data-v-a474cbdf]:before{content:"";background:var(--secondary);position:absolute;inset:0 100% 0 -1rlh}.pic-ratio--text-example[data-v-a474cbdf]:nth-of-type(odd):before{background:var(--main)}.pic-ratio-text-container[data-v-a474cbdf]{z-index:1;position:sticky;top:95px}.pic-demo-box[data-v-a474cbdf]{margin-top:var(--xl);padding:var(--l);border-radius:var(--s);border:1px solid #000}.pic-demo-box-button[data-v-a474cbdf]{border-radius:var(--s);margin-top:var(--l);padding:var(--s) var(--m);border:1px solid #000;display:inline-block}.remove-overflow[data-v-630dbeea]{overflow:inherit!important}#style-drawer[data-v-bde53f22]{background:#fff;width:25%;height:100%;position:absolute;right:0}.selector-type-button.selected[data-v-bde53f22]{text-decoration:underline}[data-v-bde53f22] .v-chip.selected{color:#fff;background:#dd4e27}#edit-buttons[data-v-0f88565c]{opacity:0;background:#f8a722;padding:.5rem;transition:opacity .5s;position:fixed;bottom:0;right:0}#edit-buttons[data-v-0f88565c]:hover{opacity:1}[data-v-0f88565c] .pic-row{display:flex}.pic-module-width-0[data-v-0f88565c],.pic-module-width-auto[data-v-0f88565c]{flex:auto}.pic-module-width-1[data-v-0f88565c]{flex:0 0 8.33%}.pic-module-width-2[data-v-0f88565c]{flex:0 0 16.66%}.pic-module-width-3[data-v-0f88565c]{flex:0 0 25%}.pic-module-width-4[data-v-0f88565c]{flex:0 0 33.33%}.pic-module-width-5[data-v-0f88565c]{flex:0 0 41.66%}.pic-module-width-6[data-v-0f88565c]{flex:0 0 50%}.pic-module-width-7[data-v-0f88565c]{flex:0 0 58.33%}.pic-module-width-8[data-v-0f88565c]{flex:0 0 66.66%}.pic-module-width-9[data-v-0f88565c]{flex:0 0 75%}.pic-module-width-10[data-v-0f88565c]{flex:0 0 84.33%}.pic-module-width-11[data-v-0f88565c]{flex:0 0 92.66%}.pic-module-width-12[data-v-0f88565c]{flex:0 0 100%}.pic-is-mobile.pic-module-mobile-width-1[data-v-0f88565c]{flex:0 0 8.33%}.pic-is-mobile.pic-module-mobile-width-2[data-v-0f88565c]{flex:0 0 16.66%}.pic-is-mobile.pic-module-mobile-width-3[data-v-0f88565c]{flex:0 0 25%}.pic-is-mobile.pic-module-mobile-width-4[data-v-0f88565c]{flex:0 0 33.33%}.pic-is-mobile.pic-module-mobile-width-5[data-v-0f88565c]{flex:0 0 41.66%}.pic-is-mobile.pic-module-mobile-width-6[data-v-0f88565c]{flex:0 0 50%}.pic-is-mobile.pic-module-mobile-width-7[data-v-0f88565c]{flex:0 0 58.33%}.pic-is-mobile.pic-module-mobile-width-8[data-v-0f88565c]{flex:0 0 66.66%}.pic-is-mobile.pic-module-mobile-width-9[data-v-0f88565c]{flex:0 0 75%}.pic-is-mobile.pic-module-mobile-width-10[data-v-0f88565c]{flex:0 0 84.33%}.pic-is-mobile.pic-module-mobile-width-11[data-v-0f88565c]{flex:0 0 92.66%}.pic-is-mobile.pic-module-mobile-width-12[data-v-0f88565c]{flex:0 0 100%}.icons[data-v-93357dc8]{justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;right:10px}.icon[data-v-93357dc8]{background-color:#0000;border:none}.icon>svg[data-v-93357dc8]{cursor:pointer;color:#fff;height:36px;transition:transform .3s,color .3s}.icon:hover:not(.icon--disabled)>svg[data-v-93357dc8]{color:#babfb7;transform:translateY(2px)}.icon--disabled>svg[data-v-93357dc8]{cursor:not-allowed;color:#a3a8a2}.fullscreen-image[data-v-93357dc8]{z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.backdrop[data-v-93357dc8]{background-color:var(--08ac7e39);z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.image-container[data-v-93357dc8]{max-height:var(--06c3e192);flex-wrap:nowrap;justify-content:center;align-items:center;gap:16px;max-width:80vw;display:flex;overflow:hidden}img[data-v-93357dc8]{object-fit:contain;max-width:inherit;max-height:inherit}.fade-enter-from[data-v-93357dc8],.fade-leave-to[data-v-93357dc8]{opacity:0}.fade-enter-active[data-v-93357dc8],.fade-leave-active[data-v-93357dc8]{transition:opacity .5s}.fade-enter[data-v-93357dc8]{opacity:1}.blur-enter-from[data-v-93357dc8],.blur-leave-to[data-v-93357dc8]{filter:blur(5px);opacity:0}.blur-enter-active[data-v-93357dc8],.blur-leave-active[data-v-93357dc8]{transition:filter .5s,opacity .5s}.blur-enter[data-v-93357dc8]{filter:blur();opacity:1}.list-leave-active[data-v-93357dc8]{transition:all .5s;position:absolute}.list-move[data-v-93357dc8],.list-enter-active[data-v-93357dc8]{transition:all .5s}.list-enter-from[data-v-93357dc8]{opacity:0;transform:translate(-30px)}.list-leave-to[data-v-93357dc8]{opacity:0;transform:translate(30px)}