:root{--vc-clr-primary:#000;--vc-clr-secondary:#090f207f;--vc-clr-white:#fff}.carousel,.carousel *{box-sizing:border-box}.carousel{height:var(--vc-carousel-height);overscroll-behavior:none;position:relative;touch-action:pan-x pan-y pinch-zoom;z-index:1}.carousel.is-dragging{touch-action:none}.carousel__track{display:flex;gap:var(--vc-slide-gap);height:100%;list-style:none;margin:0;padding:0;position:relative;transition:transform ease-out;transition-duration:var(--vc-transition-duration);width:100%}.carousel__viewport{height:100%;overflow:hidden;width:100%}.carousel__sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.carousel.is-rtl{direction:rtl}.carousel.is-ttb .carousel__track{flex-direction:column}.carousel.is-btt .carousel__track{flex-direction:column-reverse}.carousel.is-vertical .carousel__slide--clone:first-child{margin-block-start:var(--vc-cloned-offset)}.carousel:not(.is-vertical) .carousel__slide--clone:first-child{margin-inline-start:var(--vc-cloned-offset)}.carousel.is-effect-fade .carousel__track{display:grid;grid-template-columns:100%;grid-template-rows:100%;transition:none}.carousel.is-effect-fade .carousel__slide{grid-area:1/1;height:100%;opacity:0;pointer-events:none;transition:opacity ease-in-out;transition-duration:var(--vc-transition-duration);width:100%}.carousel.is-effect-fade .carousel__slide--active{opacity:1;pointer-events:auto}:root{--vc-icn-width:100%}.carousel__icon{fill:currentColor;height:var(--vc-icn-width);width:var(--vc-icn-width)}:root{--vc-nav-background:transparent;--vc-nav-border-radius:0;--vc-nav-color:var(--vc-clr-primary);--vc-nav-color-hover:var(--vc-clr-secondary);--vc-nav-height:30px;--vc-nav-width:30px}.carousel__next,.carousel__prev{align-items:center;background:var(--vc-nav-background);border:0;border-radius:var(--vc-nav-border-radius);color:var(--vc-nav-color);cursor:pointer;display:flex;font-size:var(--vc-nav-height);height:var(--vc-nav-height);inset-block-start:50%;justify-content:center;padding:0;position:absolute;transform:translateY(-50%);width:var(--vc-nav-width)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__next{inset-inline-end:0}.carousel__prev{inset-inline-start:0}.carousel.is-vertical .carousel__next,.carousel.is-vertical .carousel__prev{inset-block-start:auto;inset-inline:auto 50%;transform:translate(50%)}.carousel.is-vertical.is-ttb .carousel__next{inset-block-end:0}.carousel.is-vertical.is-ttb .carousel__prev,.carousel.is-vertical.is-btt .carousel__next{inset-block-start:0}.carousel.is-vertical.is-btt .carousel__prev{inset-block-end:0}@media(hover:hover){.carousel__next:hover,.carousel__prev:hover{color:var(--vc-nav-color-hover)}}:root{--vc-pgn-active-color:var(--vc-clr-primary);--vc-pgn-background-color:var(--vc-clr-secondary);--vc-pgn-border-radius:0;--vc-pgn-gap:6px;--vc-pgn-height:4px;--vc-png-bottom:10px;--vc-png-left:auto;--vc-png-right:10px;--vc-pgn-width:16px}.carousel__pagination{bottom:var(--vc-png-bottom);display:flex;gap:var(--vc-pgn-gap);justify-content:center;left:50%;list-style:none;margin:0;padding:0;position:absolute;transform:translate(-50%)}.carousel__pagination-button{background-color:var(--vc-pgn-background-color);border:0;border-radius:var(--vc-pgn-border-radius);cursor:pointer;display:block;height:var(--vc-pgn-height);margin:0;padding:0;width:var(--vc-pgn-width)}.carousel__pagination-button--active{background-color:var(--vc-pgn-active-color)}@media(hover:hover){.carousel__pagination-button:hover{background-color:var(--vc-pgn-active-color)}}.carousel.is-vertical .carousel__pagination{bottom:50%;flex-direction:column;left:var(--vc-png-left);right:var(--vc-png-right);transform:translateY(50%)}.carousel.is-vertical .carousel__pagination-button{height:var(--vc-pgn-width);width:var(--vc-pgn-height)}.carousel.is-btt .carousel__pagination{flex-direction:column-reverse}.carousel__slide{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:0;transform:translateZ(0)}@font-face{font-display:block;font-family:Avenir;font-style:normal;font-weight:300;src:url(./AvenirNextLTPro-Light.DQzWV9RE.woff2) format("woff2"),url(./AvenirNextLTPro-Light.CZATBdlt.woff) format("woff")}@font-face{font-display:block;font-family:Avenir;font-style:normal;font-weight:400;src:url(./AvenirNextLTPro-Regular.2e4IN78l.woff2) format("woff2"),url(./AvenirNextLTPro-Regular.CShPl0hd.woff) format("woff")}@font-face{font-display:block;font-family:Avenir;font-style:normal;font-weight:500;src:url(./AvenirNextLTPro-Medium.Cb9fPQp2.woff2) format("woff2"),url(./AvenirNextLTPro-Medium.CkH1c1jq.woff) format("woff")}@font-face{font-display:block;font-family:Avenir;font-style:normal;font-weight:600;src:url(./AvenirNextLTPro-Demi.CuHs5xtA.woff2) format("woff2"),url(./AvenirNextLTPro-Demi.D75gZy1m.woff) format("woff")}@font-face{font-display:block;font-family:Avenir;font-style:normal;font-weight:700;src:url(./AvenirNextLTPro-Bold.D9AKZ6ZN.woff2) format("woff2"),url(./AvenirNextLTPro-Bold.BTqz3mq2.woff) format("woff")}.avenir-light{font-family:Avenir,sans-serif;font-weight:200}.avenir-semibold{font-family:Avenir,sans-serif;font-weight:600}.avenir-bold{font-family:Avenir,sans-serif;font-weight:700}.font-2{font-size:1rem}.font-3{font-size:1.5rem}.font-4{font-size:2rem}.font-5{font-size:2.5rem}.font-6{font-size:3rem}.variant-label{font-size:1.2rem;font-weight:200;text-align:center}.variant-label.active{font-weight:600}.text-black,h1{color:#000}h1{font-size:2.5rem;font-weight:200;letter-spacing:.02em;position:absolute;right:5rem;text-transform:uppercase;top:7rem}@font-face{font-display:block;font-family:farsan;font-style:normal;font-weight:400;src:url(../fonts/Farsan-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:fascinate;font-style:normal;font-weight:400;src:url(../fonts/FascinateInline-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:goldman;font-style:normal;font-weight:400;src:url(../fonts/Goldman-Bold.woff2) format("woff2")}@font-face{font-display:block;font-family:vibes;font-style:normal;font-weight:400;src:url(../fonts/GreatVibes-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:imperial;font-style:normal;font-weight:400;src:url(../fonts/ImperialScript-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:jersey;font-style:normal;font-weight:400;src:url(../fonts/Jersey10-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:typewriter;font-style:normal;font-weight:400;src:url(../fonts/JMHTypewriter-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:lime;font-style:normal;font-weight:400;src:url(../fonts/Limelight-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:nerko;font-style:normal;font-weight:400;src:url(../fonts/NerkoOne-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:oswald;font-style:normal;font-weight:400;src:url(../fonts/Oswald-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:pacifico;font-style:normal;font-weight:400;src:url(../fonts/Pacifico-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:peralta;font-style:normal;font-weight:400;src:url(../fonts/Peralta-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:pixel;font-style:normal;font-weight:400;src:url(../fonts/PixelifySans-Medium.woff2) format("woff2")}@font-face{font-display:block;font-family:ribey;font-style:normal;font-weight:400;src:url(../fonts/RibeyeMarrow-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:righteous;font-style:normal;font-weight:400;src:url(../fonts/Righteous-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:rubik;font-style:normal;font-weight:400;src:url(../fonts/RubikWetPaint-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:two;font-style:normal;font-weight:400;src:url(../fonts/STIXTwoText-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:mellow;font-style:normal;font-weight:400;src:url(../fonts/SuperMellow-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:tektur;font-style:normal;font-weight:400;src:url(../fonts/Tektur-SemiBold.woff2) format("woff2")}@font-face{font-display:block;font-family:titan;font-style:normal;font-weight:400;src:url(../fonts/TitanOne.woff2) format("woff2")}.mt-1{margin-top:.5rem}.mb-1{margin-bottom:.5rem}.ml-1{margin-left:.5rem}.mr-1{margin-right:.5rem}.m-1{margin:.5rem}.pt-1{padding-top:.5rem}.pb-1{padding-bottom:.5rem}.pl-1{padding-left:.5rem}.pr-1{padding-right:.5rem}.p-1{padding:.5rem}.mt-2{margin-top:1rem}.mb-2{margin-bottom:1rem}.ml-2{margin-left:1rem}.mr-2{margin-right:1rem}.m-2{margin:1rem}.pt-2{padding-top:1rem}.pb-2{padding-bottom:1rem}.pl-2{padding-left:1rem}.pr-2{padding-right:1rem}.p-2{padding:1rem}.mt-3{margin-top:1.5rem}.mb-3{margin-bottom:1.5rem}.ml-3{margin-left:1.5rem}.mr-3{margin-right:1.5rem}.m-3{margin:1.5rem}.pt-3{padding-top:1.5rem}.pb-3{padding-bottom:1.5rem}.pl-3{padding-left:1.5rem}.pr-3{padding-right:1.5rem}.p-3{padding:1.5rem}.mt-4{margin-top:2rem}.mb-4{margin-bottom:2rem}.ml-4{margin-left:2rem}.mr-4{margin-right:2rem}.m-4{margin:2rem}.pt-4{padding-top:2rem}.pb-4{padding-bottom:2rem}.pl-4{padding-left:2rem}.pr-4{padding-right:2rem}.p-4{padding:2rem}.mt-5{margin-top:2.5rem}.mb-5{margin-bottom:2.5rem}.ml-5{margin-left:2.5rem}.mr-5{margin-right:2.5rem}.m-5{margin:2.5rem}.pt-5{padding-top:2.5rem}.pb-5{padding-bottom:2.5rem}.pl-5{padding-left:2.5rem}.pr-5{padding-right:2.5rem}.p-5{padding:2.5rem}.mt-6{margin-top:3rem}.mb-6{margin-bottom:3rem}.ml-6{margin-left:3rem}.mr-6{margin-right:3rem}.m-6{margin:3rem}.pt-6{padding-top:3rem}.pb-6{padding-bottom:3rem}.pl-6{padding-left:3rem}.pr-6{padding-right:3rem}.p-6{padding:3rem}.mt-7{margin-top:3.5rem}.mb-7{margin-bottom:3.5rem}.ml-7{margin-left:3.5rem}.mr-7{margin-right:3.5rem}.m-7{margin:3.5rem}.pt-7{padding-top:3.5rem}.pb-7{padding-bottom:3.5rem}.pl-7{padding-left:3.5rem}.pr-7{padding-right:3.5rem}.p-7{padding:3.5rem}.mt-8{margin-top:4rem}.mb-8{margin-bottom:4rem}.ml-8{margin-left:4rem}.mr-8{margin-right:4rem}.m-8{margin:4rem}.pt-8{padding-top:4rem}.pb-8{padding-bottom:4rem}.pl-8{padding-left:4rem}.pr-8{padding-right:4rem}.p-8{padding:4rem}.mt-9{margin-top:4.5rem}.mb-9{margin-bottom:4.5rem}.ml-9{margin-left:4.5rem}.mr-9{margin-right:4.5rem}.m-9{margin:4.5rem}.pt-9{padding-top:4.5rem}.pb-9{padding-bottom:4.5rem}.pl-9{padding-left:4.5rem}.pr-9{padding-right:4.5rem}.p-9{padding:4.5rem}.mt-10{margin-top:5rem}.mb-10{margin-bottom:5rem}.ml-10{margin-left:5rem}.mr-10{margin-right:5rem}.m-10{margin:5rem}.pt-10{padding-top:5rem}.pb-10{padding-bottom:5rem}.pl-10{padding-left:5rem}.pr-10{padding-right:5rem}.p-10{padding:5rem}.navbar{background-color:#000;bottom:0;display:flex;justify-content:space-between;left:0;position:absolute;right:0;width:100%}.navbar,.navbar-button{background:linear-gradient(45deg,#b8b4ab,#e3cdc0);height:6rem}.navbar-button{align-items:center;background-size:auto 6rem;border:none;color:#000;cursor:pointer;display:flex;font-family:Avenir,sans-serif;font-size:2rem;font-weight:600;height:100%;justify-content:center;outline:none;transition:background-color .2s ease-in-out}.navbar-button:disabled{cursor:auto;opacity:.3}.navbar-button-left{background-image:url(../img/ui/skate-reverse.png);background-position:100%;padding:0 10rem 0 5rem}.navbar-button-right{background-image:url(../img/ui/skate.png);background-position:0;padding:0 5rem 0 10rem}.route{color:#fff9;font-size:1.2rem;padding:.2rem 0}.route-current{border-bottom:.2rem solid #fff;color:#fff}@keyframes anim1{to{margin-left:-10rem;margin-top:2rem;transform:rotate(-10deg) scale(1.2)}}@keyframes anim2{to{margin-top:-5rem;transform:rotate(0) scale(1.15)}}@keyframes anim3{to{margin-left:10rem;margin-top:-6rem;transform:rotate(10deg) scale(1.1)}}@keyframes anim4{to{margin-left:20rem;margin-top:-7rem;transform:rotate(20deg) scale(1)}}.page-home .wrapper{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);height:100%;margin:auto 5rem}.page-home .content{display:flex;flex-direction:column;margin:auto 2rem auto 4.4rem;text-align:left;z-index:10}.page-home #home-logo{margin-bottom:1rem;width:17rem}.page-home #home-logo .st0{opacity:.5}.page-home .devices-wrap{margin-bottom:auto;margin-top:auto;position:relative}.page-home .devices{align-items:center;display:flex;justify-content:center;margin:auto;overflow:visible;position:relative}.page-home .devices img{display:block;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5));height:30rem;position:absolute;transform-origin:center bottom;transition:transform 1s ease-in-out;width:auto}.page-home .devices img.anim-1{animation:anim1 .5s ease-out forwards}.page-home .devices img.anim-2{animation:anim2 .5s ease-out forwards}.page-home .devices img.anim-3{animation:anim3 .5s ease-out forwards}.page-home .devices img.anim-4{animation:anim4 .5s ease-out forwards}.page-home h3{font-size:2.5rem;font-weight:200;margin:.5em 0 0;opacity:.5}.page-home h2{font-weight:200;margin:.5em 0}.page-home button{border:.2rem solid #fff;border-radius:10rem;cursor:pointer;display:inline-block;margin:auto;padding:1rem 2rem}.page-home button:disabled{opacity:.5}.page-home button:not(:disabled):hover{background:#fff3}.page-device .devices{align-items:center;bottom:6rem;display:flex;gap:6rem;justify-content:center;justify-items:center;left:0;margin:auto 0 0;position:absolute;right:0;top:12rem}.page-device .device{animation:appear 1s ease-in-out forwards}.page-device .device-image{height:40rem;transform:scale(.9);transform-origin:center bottom;transition:all .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.page-device .device-name{margin-top:1rem}.page-device .device.active .device-image{transform:scale(1)}.page-device .device.active .device-name{font-weight:600}.page-device .device.inactive .device-image{opacity:.3}@keyframes appear{0%{opacity:0;transform:scale(.8) translateY(25%)}to{opacity:1;transform:scale(1) translateY(0)}}.page-panel .two-cols{align-items:center;display:grid;gap:5rem;grid-template-columns:1fr 1fr;height:100%;margin:12rem 5rem 6rem}.page-panel .panel-color-icon{border:0 solid transparent;border-radius:100%;height:auto;margin-bottom:.6rem;margin-left:auto;margin-right:auto;transition:border-color .5s;width:12rem}.page-panel .panel-color-icon.active{border:.5rem solid #fff;box-shadow:0 0 2rem 1rem #fffc}.page-panel .panel-color-icon.inactive{opacity:.3}.page-panel .panels{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.page-panel .panel-color-name{margin-bottom:1em}.page-panel .selected-preview{align-items:center;display:flex;height:36rem;justify-content:center;position:relative;width:auto}.page-panel .selected-preview img{position:absolute;transition:left 1s}.page-panel .plus{font-size:7rem;font-weight:900;padding-left:1rem;text-align:right}.page-panel .selected-preview img{height:100%;left:14rem;margin-top:auto}.page-panel .has-additional-panel.selected-preview img:first-child{left:6rem;z-index:99}.page-panel .has-additional-panel.selected-preview img:last-child{left:22rem}.page-template{--vc-nav-height:1rem;--vc-nav-width:1rem}.slide{height:37rem;position:relative;transform:scale(.9);transition:all .5s;width:19.5rem}.slide .front,.slide .side{background-repeat:no-repeat;background-size:100%;position:relative}.slide .side{background-position:50%;background-repeat:no-repeat;background-size:contain;left:0;width:10rem;z-index:2}.slide .front,.slide .side{height:37rem;position:absolute;top:0}.slide .front{right:0;width:8.3rem;z-index:3}.slide .device{position:absolute;z-index:1}.slide .panel{position:absolute;z-index:2}.slide.inactive{opacity:.2}.slide.active{transform:scale(1)}.carousel{padding:12rem;width:100%}.carousel .carousel__pagination-button{background:#fffa;border-radius:100%;height:1rem;width:1rem}.carousel .carousel__pagination-button.carousel__pagination-button--active{background:#fff}.carousel .carousel__viewport{width:100%}.carousel .carousel__prev{left:5rem}.carousel .carousel__next{right:5rem}.carousel .carousel__next,.carousel .carousel__prev{background:linear-gradient(45deg,#b8b4ab,#e3cdc0);border:.3rem solid #fff;border-radius:100%;height:4rem;padding:.5em;width:4rem}.carousel .carousel__next svg,.carousel .carousel__prev svg{fill:#fff}.page-preview .wrapper{display:grid;grid-template-columns:2fr 1fr;height:53rem;margin-top:5rem;padding:5rem}.page-preview .display-box{display:flex;gap:5rem;height:100%;justify-content:center}.page-preview .view{display:flex;flex-direction:column;height:100%;position:relative}.page-preview .checkbox-container{margin:1rem auto auto}.page-preview .image{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;position:relative}.page-preview .center .image,.page-preview .left .image,.page-preview .right .image{width:12rem}.page-preview .image img{position:absolute;transform:rotate(270deg)}.page-preview .right .image{transform:rotateY(180deg)}.page-preview .left .image img,.page-preview .right .image img{height:5.7rem;left:-10.5rem;top:17.8rem;z-index:999}.page-preview .center .image img{height:4rem;left:-6rem;top:22.5rem}.page-preview .left .image img{transform:rotate(270deg)}.page-preview .right .image img{transform:rotate(90deg) rotateY(180deg)}.page-preview .content h2{color:#fffa;font-size:4rem;font-weight:200}.page-preview .content{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}.page-preview .content p{font-size:1.2rem;line-height:1.4em}.page-preview .content button{border:.2rem solid #fff;border-radius:10rem;cursor:pointer;display:inline-block;margin:0 auto 0 0;padding:1.2rem 2rem 1rem}.page-preview .content button:disabled{opacity:.5}.page-preview .content button:not(:disabled):hover{background:#fff3}.page-edit .buttons{display:flex;gap:.5rem}.page-edit .buttons button{border-radius:10rem;cursor:pointer;display:inline-block;margin:auto;padding:1rem 2rem}.page-edit .buttons button:disabled{opacity:.5}.page-edit .content{margin-left:1rem;margin-right:auto}.page-edit .switch-canvas{display:flex;justify-content:center;position:relative;z-index:11}.page-edit .switch-canvas button{background-color:transparent;border-radius:1rem;display:block;margin:0 1rem;padding:1.5rem;transition:background-color .5s}.page-edit .switch-canvas button.active{background-color:#fff}.page-edit .switch-canvas img{height:5rem;width:auto}.page-edit .fabricas{height:25rem;overflow:hidden;position:relative;width:70rem}.page-edit .fabricas .fabricas-wrap{height:50rem;transition:margin-top .5s}.page-edit .fabricas .fabrica-wrap{align-items:center;display:flex;flex-direction:column;height:25rem;justify-content:center;margin-bottom:auto;margin-top:auto;position:relative}.page-edit .fabricas.current-1 .fabricas-wrap{margin-top:-25rem;width:70rem}.page-edit #fabrica-front{aspect-ratio:85/15;height:7.5rem;margin:auto auto auto 6rem;width:42.5rem}.page-edit #fabrica-side{aspect-ratio:6/1;height:9.5rem;margin:auto auto auto 5rem;width:57rem}.page-edit .toolbar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:3rem;margin-left:auto;margin-right:auto;width:62rem}.page-edit .toolbar button{border:3px solid #fff;border-radius:2em;cursor:pointer;font-weight:400;padding:.7rem 1.5rem}.fabrica-wrap,.fabrica-wrap .image{background-repeat:no-repeat;background-size:contain}.fabrica-wrap .image{background-position:50%;height:25rem;position:absolute;width:70rem}.page-edit--template .save-tpl-form{display:flex;flex-direction:column;gap:1rem}.page-edit--template .save-tpl-form input{margin:auto;padding:.5rem}.page-edit--template .save-tpl-form button{border-radius:.4rem;margin:auto;outline:2px solid #fff;padding:.5rem 1rem}.page-edit--template .save-tpl-form button:disabled{color:#444;outline-color:#333}.page-edit--template .save-tpl-form p{margin:0 auto}.device.front.black{background-image:url(../img/devices/front/black.png)}.device.front.rose{background-image:url(../img/devices/front/rose.png)}.device.front.silver{background-image:url(../img/devices/front/silver.png)}.device.front.navy{background-image:url(../img/devices/front/navy.png)}.device.skew.black{background-image:url(../img/devices/skew/black.png)}.device.skew.rose{background-image:url(../img/devices/skew/rose.png)}.device.skew.silver{background-image:url(../img/devices/skew/silver.png)}.device.skew.navy{background-image:url(../img/devices/skew/navy.png)}.device.side.black{background-image:url(../img/devices/side/black.png)}.device.side.rose{background-image:url(../img/devices/side/rose.png)}.device.side.silver{background-image:url(../img/devices/side/silver.png)}.device.side.navy{background-image:url(../img/devices/side/navy.png)}.panel.front.black{background-image:url(../img/panels/front/black.png)}.panel.front.ocean{background-image:url(../img/panels/front/ocean.png)}.panel.front.mango{background-image:url(../img/panels/front/mango.png)}.panel.front.lavender{background-image:url(../img/panels/front/lavender.png)}.panel.front.red{background-image:url(../img/panels/front/red.png)}.panel.front.orchid{background-image:url(../img/panels/front/orchid.png)}.panel.front.green{background-image:url(../img/panels/front/green.png)}.panel.front.silver{background-image:url(../img/panels/front/silver.png)}.panel.front.pink{background-image:url(../img/panels/front/pink.png)}.panel.skew.black{background-image:url(../img/panels/skew/black.png)}.panel.skew.ocean{background-image:url(../img/panels/skew/ocean.png)}.panel.skew.mango{background-image:url(../img/panels/skew/mango.png)}.panel.skew.lavender{background-image:url(../img/panels/skew/lavender.png)}.panel.skew.red{background-image:url(../img/panels/skew/red.png)}.panel.skew.orchid{background-image:url(../img/panels/skew/orchid.png)}.panel.skew.green{background-image:url(../img/panels/skew/green.png)}.panel.skew.silver{background-image:url(../img/panels/skew/silver.png)}.panel.skew.pink{background-image:url(../img/panels/skew/pink.png)}.side.device-black.panel-black{background-image:url(../img/devices/side/black-black.png)}.front.device-black.panel-black{background-image:url(../img/devices/front/black-black.png)}.device-black.panel-black .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/black-black.png)}.device-black.panel-black .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/black-black.png)}.side.device-black.panel-blue{background-image:url(../img/devices/side/black-blue.png)}.front.device-black.panel-blue{background-image:url(../img/devices/front/black-blue.png)}.device-black.panel-blue .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/black-blue.png)}.device-black.panel-blue .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/black-blue.png)}.side.device-black.panel-green{background-image:url(../img/devices/side/black-green.png)}.front.device-black.panel-green{background-image:url(../img/devices/front/black-green.png)}.device-black.panel-green .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/black-green.png)}.device-black.panel-green .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/black-green.png)}.side.device-black.panel-lavender{background-image:url(../img/devices/side/black-lavender.png)}.front.device-black.panel-lavender{background-image:url(../img/devices/front/black-lavender.png)}.device-black.panel-lavender .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/black-lavender.png)}.device-black.panel-lavender .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/black-lavender.png)}.side.device-black.panel-mango{background-image:url(../img/devices/side/black-mango.png)}.front.device-black.panel-mango{background-image:url(../img/devices/front/black-mango.png)}.device-black.panel-mango .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/black-mango.png)}.device-black.panel-mango .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/black-mango.png)}.side.device-black.panel-ocean{background-image:url(../img/devices/side/black-ocean.png)}.front.device-black.panel-ocean{background-image:url(../img/devices/front/black-ocean.png)}.device-black.panel-ocean .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/black-ocean.png)}.device-black.panel-ocean .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/black-ocean.png)}.side.device-black.panel-orchid{background-image:url(../img/devices/side/black-orchid.png)}.front.device-black.panel-orchid{background-image:url(../img/devices/front/black-orchid.png)}.device-black.panel-orchid .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/black-orchid.png)}.device-black.panel-orchid .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/black-orchid.png)}.side.device-black.panel-pink{background-image:url(../img/devices/side/black-pink.png)}.front.device-black.panel-pink{background-image:url(../img/devices/front/black-pink.png)}.device-black.panel-pink .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/black-pink.png)}.device-black.panel-pink .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/black-pink.png)}.side.device-black.panel-red{background-image:url(../img/devices/side/black-red.png)}.front.device-black.panel-red{background-image:url(../img/devices/front/black-red.png)}.device-black.panel-red .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/black-red.png)}.device-black.panel-red .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/black-red.png)}.side.device-black.panel-silver{background-image:url(../img/devices/side/black-silver.png)}.front.device-black.panel-silver{background-image:url(../img/devices/front/black-silver.png)}.device-black.panel-silver .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/black-silver.png)}.device-black.panel-silver .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/black-silver.png)}.side.device-navy.panel-black{background-image:url(../img/devices/side/navy-black.png)}.front.device-navy.panel-black{background-image:url(/img/devices/front/navy-black.png)}.device-navy.panel-black .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/navy-black.png)}.device-navy.panel-black .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/navy-black.png)}.side.device-navy.panel-blue{background-image:url(../img/devices/side/navy-blue.png)}.front.device-navy.panel-blue{background-image:url(../img/devices/front/navy-blue.png)}.device-navy.panel-blue .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/navy-blue.png)}.device-navy.panel-blue .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/navy-blue.png)}.side.device-navy.panel-green{background-image:url(../img/devices/side/navy-green.png)}.front.device-navy.panel-green{background-image:url(../img/devices/front/navy-green.png)}.device-navy.panel-green .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/navy-green.png)}.device-navy.panel-green .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/navy-green.png)}.side.device-navy.panel-lavender{background-image:url(../img/devices/side/navy-lavender.png)}.front.device-navy.panel-lavender{background-image:url(../img/devices/front/navy-lavender.png)}.device-navy.panel-lavender .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/navy-lavender.png)}.device-navy.panel-lavender .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/navy-lavender.png)}.side.device-navy.panel-mango{background-image:url(../img/devices/side/navy-mango.png)}.front.device-navy.panel-mango{background-image:url(../img/devices/front/navy-mango.png)}.device-navy.panel-mango .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/navy-mango.png)}.device-navy.panel-mango .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/navy-mango.png)}.side.device-navy.panel-ocean{background-image:url(../img/devices/side/navy-ocean.png)}.front.device-navy.panel-ocean{background-image:url(../img/devices/front/navy-ocean.png)}.device-navy.panel-ocean .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/navy-ocean.png)}.device-navy.panel-ocean .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/navy-ocean.png)}.side.device-navy.panel-orchid{background-image:url(../img/devices/side/navy-orchid.png)}.front.device-navy.panel-orchid{background-image:url(../img/devices/front/navy-orchid.png)}.device-navy.panel-orchid .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/navy-orchid.png)}.device-navy.panel-orchid .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/navy-orchid.png)}.side.device-navy.panel-pink{background-image:url(../img/devices/side/navy-pink.png)}.front.device-navy.panel-pink{background-image:url(../img/devices/front/navy-pink.png)}.device-navy.panel-pink .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/navy-pink.png)}.device-navy.panel-pink .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/navy-pink.png)}.side.device-navy.panel-red{background-image:url(../img/devices/side/navy-red.png)}.front.device-navy.panel-red{background-image:url(../img/devices/front/navy-red.png)}.device-navy.panel-red .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/navy-red.png)}.device-navy.panel-red .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/navy-red.png)}.side.device-navy.panel-silver{background-image:url(../img/devices/side/navy-silver.png)}.front.device-navy.panel-silver{background-image:url(../img/devices/front/navy-silver.png)}.device-navy.panel-silver .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/navy-silver.png)}.device-navy.panel-silver .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/navy-silver.png)}.side.device-silver.panel-black{background-image:url(../img/devices/side/silver-black.png)}.front.device-silver.panel-black{background-image:url(../img/devices/front/silver-black.png)}.device-silver.panel-black .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/silver-black.png)}.device-silver.panel-black .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/silver-black.png)}.side.device-silver.panel-blue{background-image:url(../img/devices/side/silver-blue.png)}.front.device-silver.panel-blue{background-image:url(../img/devices/front/silver-blue.png)}.device-silver.panel-blue .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/silver-blue.png)}.device-silver.panel-blue .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/silver-blue.png)}.side.device-silver.panel-green{background-image:url(../img/devices/side/silver-green.png)}.front.device-silver.panel-green{background-image:url(../img/devices/front/silver-green.png)}.device-silver.panel-green .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/silver-green.png)}.device-silver.panel-green .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/silver-green.png)}.side.device-silver.panel-lavender{background-image:url(../img/devices/side/silver-lavender.png)}.front.device-silver.panel-lavender{background-image:url(../img/devices/front/silver-lavender.png)}.device-silver.panel-lavender .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/silver-lavender.png)}.device-silver.panel-lavender .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/silver-lavender.png)}.side.device-silver.panel-mango{background-image:url(../img/devices/side/silver-mango.png)}.front.device-silver.panel-mango{background-image:url(../img/devices/front/silver-mango.png)}.device-silver.panel-mango .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/silver-mango.png)}.device-silver.panel-mango .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/silver-mango.png)}.side.device-silver.panel-ocean{background-image:url(../img/devices/side/silver-ocean.png)}.front.device-silver.panel-ocean{background-image:url(../img/devices/front/silver-ocean.png)}.device-silver.panel-ocean .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/silver-ocean.png)}.device-silver.panel-ocean .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/silver-ocean.png)}.side.device-silver.panel-orchid{background-image:url(../img/devices/side/silver-orchid.png)}.front.device-silver.panel-orchid{background-image:url(../img/devices/front/silver-orchid.png)}.device-silver.panel-orchid .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/silver-orchid.png)}.device-silver.panel-orchid .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/silver-orchid.png)}.side.device-silver.panel-pink{background-image:url(../img/devices/side/silver-pink.png)}.front.device-silver.panel-pink{background-image:url(../img/devices/front/silver-pink.png)}.device-silver.panel-pink .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/silver-pink.png)}.device-silver.panel-pink .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/silver-pink.png)}.side.device-silver.panel-red{background-image:url(../img/devices/side/silver-red.png)}.front.device-silver.panel-red{background-image:url(../img/devices/front/silver-red.png)}.device-silver.panel-red .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/silver-red.png)}.device-silver.panel-red .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/silver-red.png)}.side.device-silver.panel-silver{background-image:url(../img/devices/side/silver-silver.png)}.front.device-silver.panel-silver{background-image:url(../img/devices/front/silver-silver.png)}.device-silver.panel-silver .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/silver-silver.png)}.device-silver.panel-silver .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/silver-silver.png)}.side.device-rose.panel-black{background-image:url(../img/devices/side/rose-black.png)}.front.device-rose.panel-black{background-image:url(/img/devices/front/rose-black.png)}.device-rose.panel-black .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/rose-black.png)}.device-rose.panel-black .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/rose-black.png)}.side.device-rose.panel-blue{background-image:url(../img/devices/side/rose-blue.png)}.front.device-rose.panel-blue{background-image:url(../img/devices/front/rose-blue.png)}.device-rose.panel-blue .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/rose-blue.png)}.device-rose.panel-blue .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/rose-blue.png)}.side.device-rose.panel-green{background-image:url(../img/devices/side/rose-green.png)}.front.device-rose.panel-green{background-image:url(../img/devices/front/rose-green.png)}.device-rose.panel-green .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/rose-green.png)}.device-rose.panel-green .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/rose-green.png)}.side.device-rose.panel-lavender{background-image:url(../img/devices/side/rose-lavender.png)}.front.device-rose.panel-lavender{background-image:url(../img/devices/front/rose-lavender.png)}.device-rose.panel-lavender .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/rose-lavender.png)}.device-rose.panel-lavender .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/rose-lavender.png)}.side.device-rose.panel-mango{background-image:url(../img/devices/side/rose-mango.png)}.front.device-rose.panel-mango{background-image:url(../img/devices/front/rose-mango.png)}.device-rose.panel-mango .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/rose-mango.png)}.device-rose.panel-mango .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/rose-mango.png)}.side.device-rose.panel-ocean{background-image:url(../img/devices/side/rose-ocean.png)}.front.device-rose.panel-ocean{background-image:url(../img/devices/front/rose-ocean.png)}.device-rose.panel-ocean .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/rose-ocean.png)}.device-rose.panel-ocean .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/rose-ocean.png)}.side.device-rose.panel-orchid{background-image:url(../img/devices/side/rose-orchid.png)}.front.device-rose.panel-orchid{background-image:url(../img/devices/front/rose-orchid.png)}.device-rose.panel-orchid .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/rose-orchid.png)}.device-rose.panel-orchid .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/rose-orchid.png)}.side.device-rose.panel-pink{background-image:url(../img/devices/side/rose-pink.png)}.front.device-rose.panel-pink{background-image:url(../img/devices/front/rose-pink.png)}.device-rose.panel-pink .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/rose-pink.png)}.device-rose.panel-pink .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/rose-pink.png)}.side.device-rose.panel-red{background-image:url(../img/devices/side/rose-red.png)}.front.device-rose.panel-red{background-image:url(../img/devices/front/rose-red.png)}.device-rose.panel-red .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/rose-red.png)}.device-rose.panel-red .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/rose-red.png)}.side.device-rose.panel-silver{background-image:url(../img/devices/side/rose-silver.png)}.front.device-rose.panel-silver{background-image:url(../img/devices/front/rose-silver.png)}.device-rose.panel-silver .fabrica-wrap-front .image{background-image:url(../img/devices/editor/front/rose-silver.png)}.device-rose.panel-silver .fabrica-wrap-side .image{background-image:url(../img/devices/editor/side/rose-silver.png)}.panel-container{background:#dac8b8;bottom:0;color:#fff;padding:2rem 1rem 2rem 2rem;position:absolute;right:4rem;top:0;width:26rem}.tabs-switch-wrap{left:auto;position:absolute;right:1rem;width:3rem}.tabs-switch-wrap button{border-color:transparent;border-style:solid solid none;border-top-left-radius:1rem;border-top-right-radius:1rem;color:#fffa;cursor:pointer;font-weight:200;letter-spacing:.2rem;padding:1rem 1.4rem;text-transform:uppercase;transition:all .5s}.tabs-switch-wrap button.active{background:#dac8b8;color:#000;font-weight:600}.tabs-switch-wrap-inner{display:flex;justify-content:center;overflow:visible;position:relative}.tabs-switch{display:flex;flex-direction:row;transform:rotate(90deg);white-space:nowrap;z-index:2}.side-panel{max-height:calc(100% - 6rem);overflow-y:auto;padding-left:1rem;padding-right:3rem}.side-panel .font-sample{color:#000;font-size:2.5rem;padding:.5rem 0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f2f2f277}::-webkit-scrollbar-thumb{background:#b99e8d}::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box;font-size:1rem;line-height:1;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{font-size:1.4390243902vh;--device-black:#0b0b0b;--device-navy:#263f54;--device-rose:#b68b84;--device-silver:#808081;--panel-ocean:#37bdc4;--panel-mango:#a65503;--panel-lavender:#795d80;--panel-red:#bb3537;--panel-orchid:#7f3243;--panel-green:#0c482d;--panel-silver:#8c8b8c;--panel-pink:#b8968d;--panel-blue:#0d2c47;--panel-black:#080808}body,html{margin:0;padding:0}body{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;font-family:Avenir,sans-serif;font-size:3rem;height:100vh;overflow:hidden;width:100vw}body div#__nuxt{aspect-ratio:1.4390243902;background-position:50%;background-repeat:no-repeat;background-size:contain;margin:auto;position:relative}body div#__nuxt,body.dark div#__nuxt{background-image:url(../img/bg/dark.jpg)}body.page-device div#__nuxt,body.page-template div#__nuxt{background-image:url(../img/bg/light.jpg)}main{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}button{background:transparent;border:none;color:#fff;font-family:Avenir,sans-serif;font-size:1.4rem;font-weight:600}p{line-height:1.2em}#logo{height:7rem;left:5rem;position:absolute;top:3rem;width:15rem}#logo svg .st0{opacity:.5}body>div#__nuxt{height:100vh;width:auto}.text-white{color:#fff}.pagination{align-items:center;display:flex;gap:1rem}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.fabrica{outline:.15rem dashed hsla(0,0%,100%,.2)}.fabrica.active{outline:.15rem dashed #fff}@media(max-aspect-ratio:1.4390243902){:root{font-size:1vw}body>div#__nuxt{height:auto;width:100vw}}.CP-block,.CP-block *,.CP-sandbox,.CP-sandbox *{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0;vertical-align:bottom}.CP--box-border{border-radius:3px;overflow:hidden;position:relative}.CP--box-border:after{box-shadow:0 0 1px .5px var(--colorPickerShadowIn) inset;content:"";inset:0;pointer-events:none;position:absolute}:root{--colorPickerBg:#fff;--colorPickerInputTitle:#999;--colorPickerInputTitleBg:#e7e8e9;--colorPickerInputText:#666;--colorPickerInputTextBg:#eceef0;--colorPickerDropper:#9099a4;--colorPickerDropperBg:#eceef0;--colorPickerShadowOut:#00000033;--colorPickerShadowIn:#00000033;--colorPickerSlider:#fff}.CP-sandbox[data-v-f062f92b]{inset:0;pointer-events:none;position:absolute}.CP-sandbox__component[data-v-f062f92b]{pointer-events:all;z-index:10}.fade-enter-active[data-v-f062f92b],.fade-leave-active[data-v-f062f92b]{transition:.3s}.fade-enter-to[data-v-f062f92b],.fade-leave-from[data-v-f062f92b]{opacity:1}.fade-enter-from[data-v-f062f92b],.fade-leave-to[data-v-f062f92b]{opacity:0}.CP-canvas-picker[data-v-09e94dd3]{cursor:pointer;height:100%;position:relative;width:100%}.CP-canvas-picker__slider[data-v-09e94dd3]{box-shadow:0 0 1px 1px var(--colorPickerShadowIn);box-sizing:border-box;position:absolute}.CP-canvas-picker--xy .CP-canvas-picker__slider[data-v-09e94dd3]{border:1px solid var(--colorPickerSlider);border-radius:50%;box-shadow:0 0 2px .5px var(--colorPickerShadowIn) inset,0 0 1px 1px var(--colorPickerShadowIn);height:10px;left:100px;top:0;width:10px}.CP-canvas-picker--x .CP-canvas-picker__slider[data-v-09e94dd3]{background:var(--colorPickerSlider);border-radius:2px;height:100%;left:100px;top:0;width:4px}.CP-canvas-picker--y .CP-canvas-picker__slider[data-v-09e94dd3]{background:var(--colorPickerSlider);border-radius:2px;height:4px;left:0;top:100px;width:100%}.CP-preview[data-v-34e10b6c]{position:relative}.CP-preview__old[data-v-34e10b6c]{cursor:pointer;inset:0 0 0 50%;position:absolute}.CP-box{display:flex;font-size:12px}.CP-box__name{align-items:center;background:var(--colorPickerInputTitleBg);color:var(--colorPickerInputTitle);display:flex;float:left;height:30px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:60px}.CP-box__value{background:var(--colorPickerInputTextBg);border:0;color:var(--colorPickerInputText);cursor:text;flex:1;height:30px;min-width:100px;padding:0 12px}.CP-box__value:focus{outline:none}.CP-eye-dropper[data-v-f2f39352]{background:var(--colorPickerDropperBg);color:var(--colorPickerDropper);cursor:pointer;width:38px}.CP-colors[data-v-8edfe142]{overflow:hidden;width:100%}.CP-colors__items[data-v-8edfe142]{display:flex;gap:8px;justify-content:space-between;width:100%}.CP-colors__items__item[data-v-8edfe142]{border-radius:0;cursor:pointer;height:16px;position:relative;transition:.3s;width:100%}.CP-colors__items__item[data-v-8edfe142]:after,.CP-colors__items__item[data-v-8edfe142]:before{content:"";inset:0;position:absolute}.CP-colors__items__item[data-v-8edfe142]:before{background:var(--alpha)}.CP-colors__items__item[data-v-8edfe142]:after{background:var(--color)}.CP-block[data-v-46ef2186]{background:var(--colorPickerBg);border-radius:5px;box-shadow:0 0 16px 0 var(--colorPickerShadowOut);display:flex;flex-direction:column;gap:8px;height:-moz-max-content;height:max-content;padding:10px;width:195px}.CP-block__pickers[data-v-46ef2186]{display:grid;gap:8px;grid-template-columns:152px 15px 15px}.CP-block__rows[data-v-46ef2186]{display:grid;gap:8px;grid-template-columns:auto 30px;grid-template-rows:30px}.CP-block__rows__preview[data-v-46ef2186]{grid-area:auto/1/auto/3}.CP-block__rows__eye-dropper[data-v-46ef2186]{grid-area:auto/2/auto/3}.CP-block__rows__colors[data-v-46ef2186],.CP-block__rows__hex[data-v-46ef2186],.CP-block__rows__rgba[data-v-46ef2186]{grid-area:auto/1/auto/3}.CP-block--with-alpha[data-v-46ef2186]{width:218px}.CP-block--with-eye-dropper .CP-block__rows[data-v-46ef2186]{grid-template-columns:auto 38px;grid-template-rows:38px}.CP-block--with-eye-dropper .CP-block__rows__preview[data-v-46ef2186]{grid-area:auto/1/auto/2}.CP-absolute[data-v-37def501]{inset:0;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CP-absolute__component[data-v-37def501]{position:absolute}