body,html{overflow:unset!important}body{position:unset}main{margin-top:8rem;display:flex;flex-direction:row;gap:2rem;height:100%}@property --mask-progress{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.images{--width: calc(100% - min(50%, 80ch)) ;width:var(--width);position:sticky;aspect-ratio:16 / 9;top:2rem;height:calc(var(--width) / (16 / 9));mask-image:-webkit-radial-gradient(white,black)}.images img{--mask-progress: 0%;width:100%;height:auto;position:absolute;background-color:#0000;mask-image:linear-gradient(125deg,rgba(0,0,0,0) 0% var(--mask-progress),rgba(0,0,0,1) var(--mask-progress) 100%);border:1px solid var(--border);border-radius:16px;background-clip:border-box}.images img.animated:not(.hidden){animation:show-image .5s ease forwards}.images img.animated.hidden{animation:remove-image .5s ease forwards;view-transition-name:none}@keyframes show-image{0%{--mask-progress: 100%}to{--mask-progress: 0%}}@keyframes remove-image{0%{--mask-progress: 0%}to{--mask-progress: 100%}}.content{display:flex;flex-direction:column;width:50%;max-width:80ch;gap:1rem;hr{background-color:var(--border);height:2px;width:100%;border:none;display:none}}.header{width:100%;aspect-ratio:16 / 9!important;display:flex;flex-direction:column;gap:.5rem;h1{font-size:3.5em}}.tech-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:1rem}.item{width:100%;height:100%;background-color:var(--card);border:1px solid var(--border);box-shadow:0 0 8px 0 var(--border) inset;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;transition:all .15s ease;container-name:item;container-type:inline-size}.item:hover{transform:translateY(-.25rem);box-shadow:0 0 8px 0 var(--primary) inset;border:1px solid var(--primary)}.icon{max-height:48px;height:auto;width:auto;max-width:100%}@media screen and (max-width: 1320px){.images{--width: calc(100% - min(60%, 80ch)) }.content{width:60%}}@media screen and (max-width: 1100px){.images{display:none}.content{width:100%;margin:0 auto}.header{max-height:350px}.content hr{display:block}}@media screen and (max-width: 700px){.header{height:fit-content;aspect-ratio:auto}.tech-grid{max-height:200px}.header h1{font-size:2.25em}}@media screen and (max-width: 642px){.tech-grid{max-height:none}}.text>*:first-child{margin-top:0}.comparison-wrapper{display:flex;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:0 0 16px #00000040;margin:1rem 0;width:100%}.b-dics{width:100%;max-width:100%;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0}.b-dics__section{height:100%}.b-dics__slider:hover :before{color:#fff;border-color:#fff}.b-dics__text{position:absolute;left:50%;padding:5px 25px;background:#fff;z-index:11;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:13px;text-align:center;white-space:nowrap;pointer-events:none;border-radius:24px;background-color:#0b0b0bb3;border:1px solid var(--border);backdrop-filter:blur(4px);color:#fff;font-family:Space Grotesk Variable,Arial,Helvetica,sans-serif;opacity:1;top:.5rem;margin:0}.b-dics__image-container{width:100%;height:100%;display:block;overflow:hidden;position:relative}.b-dics__image{height:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:none}.b-dics__slider{position:absolute;left:100%;top:0;cursor:pointer;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);height:100%;width:3px;padding:0 30px;z-index:1;-ms-touch-action:none;touch-action:none;line-height:normal;color:var(--card);opacity:1}.b-dics__slider:before{padding:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;font-size:0;content:url(/media/chevron-left-right.svg);font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);width:48px;height:48px;border-radius:100%;backdrop-filter:blur(4px);background-color:#0b0b0bb3}.b-dics__slider:after{content:"";position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);height:100%;width:2px;background-color:currentColor;z-index:1}.b-dics__image-container:hover .b-dics__text,.b-dics__slider:hover{opacity:1}.b-dics--tp-center .b-dics__text{top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0}.b-dics--tp-bottom .b-dics__text{top:initial;bottom:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.b-dics--tp-left .b-dics__text{left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:0 16px}.b-dics--tp-right .b-dics__text{left:initial;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:0 16px}.b-dics--hide-texts .b-dics__text{background:#fff;opacity:0}.b-dics--hide-texts .b-dics__image-container:hover .b-dics__text{opacity:1}.b-dics--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.b-dics--vertical .b-dics__section{height:auto;width:100%}.b-dics--vertical .b-dics__image{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);top:0;width:100%;height:auto}.b-dics--vertical .b-dics__slider{top:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:3px;padding:30px 0;left:0}.b-dics--vertical .b-dics__slider:after{top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:3px}.b-dics--vertical .b-dics__slider:before{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.b-dics__section:first-of-type .b-dics__text{left:.5rem!important}.b-dics__section:not(:first-of-type) .b-dics__text{right:.5rem!important;width:fit-content;left:unset}