::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:10px;border:1px solid rgba(0,0,0,0);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}.menu-animation{animation:margin-top-520-to-0 150ms ease-in-out}@keyframes margin-top-520-to-0{0%{margin-top:-520px}100%{margin-top:0}}.examples-pipeline{--pipeline-item-image-width: 204px;--pipeline-item-image-height: 247px;--pipeline-item-x-padding: 15px;--pipeline-item-y-padding: 27px;--pipeline-item-hover-scale: 1.018;--pipeline-item-width: 234px;--pipeline-width: 6084px;--pipeline-max-visible-width: 3042px;--pipeline-visible-width: min(100vw, 3042px);--pre-pipeline-translate-from: translate3d(calc(min(100vw, 3042px) / 2 - 6084px), 0, 0);--pre-pipeline-translate-to: translate3d(calc(min(100vw, 3042px) / 2 - 6084px + 3042px), 0, 0);--post-pipeline-translate-from: translate3d(-3042px, 0, 0);--post-pipeline-translate-to: translate3d(0, 0, 0);--pipeline-item-hover-padding-compensation: 4.223px;--pipeline-item-image-right-shadow-height: 6px;--pipeline-item-image-bottom-shadow-height: 8px;--pipeline-item-fixed-top-padding: calc(27px + 8px / 2);--pipeline-item-fixed-bottom-padding: calc(27px - 8px / 2);--pipeline-height: 309.446px;--pipeline-item-height: calc(var(--pipeline-item-image-height) + 2 * var(--pipeline-item-y-padding))}@media(max-width: 640px){.examples-pipeline{--pipeline-item-image-width: 145px;--pipeline-item-image-height: 176px;--pipeline-item-x-padding: 11px;--pipeline-item-y-padding: 23px;--pipeline-item-hover-scale: 1.018;--pipeline-item-width: 167px;--pipeline-width: 4342px;--pipeline-max-visible-width: 2171px;--pipeline-visible-width: min(100vw, 2171px);--pre-pipeline-translate-from: translate3d(calc(min(100vw, 2171px) / 2 - 4342px), 0, 0);--pre-pipeline-translate-to: translate3d(calc(min(100vw, 2171px) / 2 - 4342px + 2171px), 0, 0);--post-pipeline-translate-from: translate3d(-2171px, 0, 0);--post-pipeline-translate-to: translate3d(0, 0, 0);--pipeline-item-hover-padding-compensation: 3.584px;--pipeline-item-image-right-shadow-height: 6px;--pipeline-item-image-bottom-shadow-height: 8px;--pipeline-item-fixed-top-padding: calc(23px + 8px / 2);--pipeline-item-fixed-bottom-padding: calc(23px - 8px / 2);--pipeline-height: 229.168px;--pipeline-item-height: calc(var(--pipeline-item-image-height) + 2 * var(--pipeline-item-y-padding))}}.examples-pipeline{position:relative;margin-left:auto;margin-right:auto;display:grid;height:var(--pipeline-height);width:100%;max-width:var(--pipeline-max-visible-width);margin-top:var(--pipeline-item-hover-padding-compensation);margin-bottom:var(--pipeline-item-hover-padding-compensation);grid-template-columns:repeat(2, minmax(0, 1fr))}.examples-pipeline-left-blur,.examples-pipeline-right-blur{pointer-events:none;position:absolute;top:0;z-index:10;display:none;height:100%;width:4rem}.examples-pipeline-left-blur{left:0;background-image:linear-gradient(to right, #f098e3, rgba(240, 152, 227, 0))}.examples-pipeline-right-blur{right:0;background-image:linear-gradient(to left, #f098e3, rgba(240, 152, 227, 0))}@media(min-width: 3042px){.examples-pipeline-left-blur,.examples-pipeline-right-blur{display:block}}.pre-pipeline,.post-pipeline{position:relative;grid-column:span 1/span 1;overflow:hidden}.examples-pipeline-separator{position:absolute;left:50%;top:calc(var(--pipeline-item-hover-padding-compensation) + var(--pipeline-item-image-bottom-shadow-height));bottom:calc(var(--pipeline-item-hover-padding-compensation) - var(--pipeline-item-image-bottom-shadow-height));z-index:10;width:8px;border-radius:2px;border-width:2px;border-color:#000;background-color:#f1f333;box-shadow:0 1px 3px 0 rgba(0,0,0,.1019607843),0 1px 2px -1px rgba(0,0,0,.1019607843);transform:translate3d(-50%, 0, 0)}.pre-pipeline .examples-pipeline-items,.post-pipeline .examples-pipeline-items{width:var(--pipeline-width);display:flex;flex-wrap:nowrap;position:absolute;left:0;top:0;height:100%;will-change:transform;flex-grow:1;padding-top:var(--pipeline-item-hover-padding-compensation);padding-bottom:var(--pipeline-item-hover-padding-compensation)}.pre-pipeline .examples-pipeline-items{transform:var(--pre-pipeline-translate-from);animation:pre-pipeline-slide-in 36s linear infinite}.post-pipeline .examples-pipeline-items{transform:var(--post-pipeline-translate-from);animation:post-pipeline-slide-in 36s linear infinite}@keyframes pre-pipeline-slide-in{0%{transform:var(--pre-pipeline-translate-from)}to{transform:var(--pre-pipeline-translate-to)}}@keyframes post-pipeline-slide-in{0%{transform:var(--post-pipeline-translate-from)}to{transform:var(--post-pipeline-translate-to)}}.examples-pipeline-item{position:relative;padding-top:var(--pipeline-item-fixed-top-padding);padding-bottom:var(--pipeline-item-fixed-bottom-padding);width:var(--pipeline-item-width);height:var(--pipeline-item-height);padding-right:var(--pipeline-item-x-padding);padding-left:var(--pipeline-item-x-padding);flex:1;flex-grow:1}.examples-pipeline-item:hover{z-index:10}.examples-pipeline-item .examples-pipeline-image{height:100%;width:100%;border-radius:.5rem;border-width:1px;border-color:#000;object-fit:cover;box-shadow:var(--pipeline-item-image-right-shadow-height) var(--pipeline-item-image-bottom-shadow-height) #000;transition:transform .5s ease;will-change:transform}.examples-pipeline-item .examples-pipeline-image:hover{transform:scale(var(--pipeline-item-hover-scale))}.examples-pipeline-label-wrapper{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:center}.examples-pipeline-label{display:inline-flex;padding:6px 9px;align-items:center;gap:6px;border-radius:6px;background:rgba(255,255,255,.9)}.examples-pipeline-label img{width:20px;height:20px;margin-bottom:2px}.examples-pipeline-item-debug-index{position:absolute;bottom:.875rem;left:50%;z-index:10;border-radius:3px;background-color:rgba(0,0,0,.2);padding-left:.375rem;padding-right:.375rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:700;color:#fff;opacity:.8;transform:translate3d(-50%, 0, 0)}.risk-free-floater-1,.risk-free-floater-2,.risk-free-floater-3,.risk-free-floater-4{display:none}@media(min-width: 1024px){.risk-free-floater-1,.risk-free-floater-2,.risk-free-floater-3,.risk-free-floater-4{display:block;width:125px;z-index:1;position:absolute}}.risk-free-floater-1{top:-3rem;left:16vw}.risk-free-floater-2{top:1rem;right:12vw}.risk-free-floater-3{bottom:3rem;right:7vw}.risk-free-floater-4{bottom:3rem;left:7vw}.team-range-slider{position:relative;--track-height: 13px;--track-color: #C0C0C0;--thumb-width: 26px;--thumb-height: 26px;--thumb-color: #23A094;--thumb-border-color: black}.team-range-slider--input{position:relative;z-index:1;height:var(--thumb-height);width:100%;cursor:pointer;appearance:none;-webkit-appearance:none;overflow:hidden;background-color:rgba(0,0,0,0);border-radius:9999px}.team-range-slider--input::-webkit-slider-runnable-track{background:rgba(0,0,0,0);height:var(--track-height);width:100%}.team-range-slider--input::-moz-range-track{background:rgba(0,0,0,0);height:var(--track-height);width:100%}.team-range-slider--input::-webkit-slider-thumb{z-index:2;position:relative;-webkit-appearance:none;appearance:none;top:50%;transform:translateY(-50%);height:var(--thumb-height);width:var(--thumb-width);background-color:var(--thumb-color);border-radius:9999px;box-shadow:0 0 0 2px var(--thumb-border-color) inset}.team-range-slider--input::-moz-range-thumb{z-index:2;position:relative;height:var(--thumb-height);width:var(--thumb-width);background-color:var(--thumb-color);border-width:0;border-radius:9999px;box-shadow:0 0 0 2px var(--thumb-border-color) inset}.team-range-slider--progress{position:absolute;top:calc((var(--thumb-height) - var(--track-height))/2);left:0;width:100%;height:var(--track-height);border-radius:9999px;background-color:var(--track-color)}.team-range-slider--progress::after{content:"";background-color:var(--thumb-color);width:calc(var(--progress-current)/var(--progress-max)*100%);height:100%;border-radius:9999px;position:absolute;top:0;left:0}.package-default-style-toggle{display:inline-flex;align-items:center;cursor:pointer}.package-default-style-toggle input{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.package-default-style-toggle .toggle{background-color:#374151;border-radius:9999px;width:92px;height:46px;position:relative}.package-default-style-toggle input:checked~.toggle{position:relative;background-color:#f098e3;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.package-default-style-toggle .toggle::after{content:"";background-color:#fff;border-radius:9999px;width:40px;height:40px;position:absolute;top:3px;left:3px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.package-default-style-toggle input:checked~.toggle::after{transform:translate(calc(100% + 6px), 0)}.fine-tune-tab{color:#fff;border-bottom-width:2px;border-color:rgba(0,0,0,0);padding-bottom:4px;padding-left:8px;padding-right:8px;cursor:pointer}.fine-tune-tab.active{color:#f098e3;border-color:#f098e3;cursor:default}.dashboard-portrait-card{border:2px;border-color:rgba(0,0,0,0);border-style:solid;transition-property:border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dashboard-portrait-card.highlight{border-color:#f098e3}.portrait-download-progress-bar{--progress-value: 0}.portrait-download-progress-bar{border-radius:50%;display:flex;justify-content:center;align-items:center;background:radial-gradient(closest-side, #272727 79%, transparent 80% 100%),conic-gradient(#F098E3 calc(var(--progress-value) * 1%), #272727 0);color:#f098e3;font-size:10px}.portrait-download-progress-bar::before{counter-reset:percentage var(--progress-value);content:counter(percentage) "%"}.swiper-button-next.harf-size-on-mobile:after,.swiper-button-prev.harf-size-on-mobile:after{font-size:22px}@media(min-width: 768px){.swiper-button-next.harf-size-on-mobile:after,.swiper-button-prev.harf-size-on-mobile:after{font-size:44px}}.paint-line{position:relative;display:inline-block;z-index:1}.paint-line::after{background-image:url(/assets/paint-line-b9b82fc9ef0868a64ab69d97984773b991d46d3111ddbc9e3d437f794f9aebf8.svg);background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;content:"";color:#fff;position:absolute;bottom:0;display:block;left:0;min-width:100%;bottom:2px;height:12px;z-index:-1}@media(min-width: 640px){.paint-line::after{height:15px}}@media(min-width: 1024px){.paint-line::after{height:15px;background-size:cover}}.bg-examples-box{position:relative;z-index:1}.bg-examples-box::after{z-index:-1;content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:url(/assets/examples-box-b5690c79455962d5ed5150ef324abdcd7d2e8d7df768c2029924a808671b9dce.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.bg-examples-box.flip-x::after{transform:scaleX(-1)}.review-button-prev.swiper-button-disabled{opacity:.25;cursor:not-allowed}.review-button-next.swiper-button-disabled{opacity:.25;cursor:not-allowed}.reviews-slider .swiper-pagination-bullet{background-color:#fff;border:1px solid #0d0d0d;width:13px;height:13px;box-shadow:2px 2px 0px #0d0d0d;opacity:1}.reviews-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#f8c837}.review-box{position:relative}.review-box:after{content:"";background-image:url(/assets/dialog-arrow-f906b232b4c03ddfdef2cf91ef0b1ed861889e27a7c38889ceca8fba9a895571.svg);position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:42px;height:30px;background-repeat:no-repeat;background-position:top;background-size:cover}.cost-compare-pink-table-cell{position:relative}.cost-compare-pink-table-cell:after{content:"";position:absolute;top:-2px;left:1px;right:1px;height:6px;border-left:2px solid #000;border-right:2px solid #000;background-color:#f098e3;box-shadow:3px 0px #000}.pagination a:hover{@apply underline}.pagination .current{@apply bg-blue-500 text-white text-center rounded px-2 inline-block mx-1}#flash-message{z-index:999}.drop-shadow-black-5px{filter:drop-shadow(5px 5px 0px #0D0D0D)}.drop-shadow-black-2px{filter:drop-shadow(2px 2px 0px #0D0D0D)}