.dt-card-preview{position:relative;width:100%;height:100%;overflow:hidden;background:#f9fafb;isolation:isolate;container-type:inline-size}.dt-card-preview-peel{padding:12% 8% 10%}.dt-peel-group{width:100%}.dt-peel-header{display:flex;align-items:center;gap:4%;padding:3.5% 4%;border:1px solid #e5e7eb;border-radius:4px;background:#ffffffeb;box-shadow:0 1px 2px #0000000a;transition:border-color .64s cubic-bezier(.22,1,.36,1),transform .64s cubic-bezier(.22,1,.36,1)}.dt-peel-group--nested .dt-peel-header{margin-left:10%}.dt-peel-chevron{width:.4rem;height:.4rem;border-right:1.5px solid #6b7280;border-bottom:1.5px solid #6b7280;transform:rotate(45deg);transition:transform .64s cubic-bezier(.22,1,.36,1)}.dt-peel-title{flex:1;font-family:var(--font-mono);font-size:clamp(.4375rem,6.5cqi,.5625rem);letter-spacing:.03em;text-transform:uppercase;color:#4b5563}.dt-peel-meta{font-family:var(--font-mono);font-size:clamp(.375rem,5.5cqi,.5rem);color:#9ca3af}.dt-peel-body{display:grid;gap:3%;margin-top:3%}.dt-peel-rows{margin:2% 0 0 18%;display:grid;gap:3%;max-height:4rem;overflow:hidden;opacity:1;transition:max-height .64s cubic-bezier(.22,1,.36,1),opacity .64s cubic-bezier(.22,1,.36,1),margin .64s cubic-bezier(.22,1,.36,1)}.dt-peel-rows--hidden{max-height:0;opacity:0;margin-top:0}.dt-peel-row{display:grid;grid-template-columns:1fr 1fr;gap:4%;padding:3%;border-radius:2px}.dt-peel-row span{height:.28rem;border-radius:2px;background:#e5e7eb}.dt-peel-row--zebra{background:#f3f4f6d9}.dt-peel-group--shut .dt-peel-chevron{transform:rotate(-45deg)}.group:hover .dt-peel-group--root>.dt-peel-header,.group:focus-visible .dt-peel-group--root>.dt-peel-header{border-color:#47dd4e73;transform:translateY(-2px)}.group:hover .dt-peel-group--shut .dt-peel-rows--hidden,.group:focus-visible .dt-peel-group--shut .dt-peel-rows--hidden{max-height:4rem;opacity:1;margin-top:2%}.group:hover .dt-peel-group--shut .dt-peel-chevron,.group:focus-visible .dt-peel-group--shut .dt-peel-chevron{transform:rotate(45deg)}.group:hover .dt-peel-group--shut .dt-peel-header,.group:focus-visible .dt-peel-group--shut .dt-peel-header{border-color:#47dd4e66}.dt-peel-rail,.dt-peel-aggregate{display:none}.dt-card-preview-peel--sequential .dt-peel-body .dt-peel-rows{max-height:0;opacity:0;margin-top:0}.dt-card-preview-peel--sequential .dt-peel-body .dt-peel-chevron{transform:rotate(-45deg)}.group:hover .dt-card-preview-peel--sequential .dt-peel-group--root>.dt-peel-header,.group:focus-visible .dt-card-preview-peel--sequential .dt-peel-group--root>.dt-peel-header{transform:none}.group:hover .dt-card-preview-peel--sequential .dt-peel-body .dt-peel-group:nth-child(1) .dt-peel-rows,.group:focus-visible .dt-card-preview-peel--sequential .dt-peel-body .dt-peel-group:nth-child(1) .dt-peel-rows{max-height:4rem;opacity:1;margin-top:2%;transition-delay:0ms}.group:hover .dt-card-preview-peel--sequential .dt-peel-body .dt-peel-group:nth-child(2) .dt-peel-rows,.group:focus-visible .dt-card-preview-peel--sequential .dt-peel-body .dt-peel-group:nth-child(2) .dt-peel-rows{max-height:4rem;opacity:1;margin-top:2%;transition-delay:.16s}.group:hover .dt-card-preview-peel--sequential .dt-peel-body .dt-peel-group:nth-child(1) .dt-peel-chevron,.group:focus-visible .dt-card-preview-peel--sequential .dt-peel-body .dt-peel-group:nth-child(1) .dt-peel-chevron{transform:rotate(45deg)}.group:hover .dt-card-preview-peel--sequential .dt-peel-body .dt-peel-group:nth-child(2) .dt-peel-chevron,.group:focus-visible .dt-card-preview-peel--sequential .dt-peel-body .dt-peel-group:nth-child(2) .dt-peel-chevron{transform:rotate(45deg);transition-delay:.16s}.group:hover .dt-card-preview-peel--sequential .dt-peel-body .dt-peel-group .dt-peel-header,.group:focus-visible .dt-card-preview-peel--sequential .dt-peel-body .dt-peel-group .dt-peel-header{border-color:#47dd4e66}.fr-card-preview{position:relative;width:100%;height:100%;overflow:hidden;background:#f9fafb;isolation:isolate;container-type:inline-size}.fr-card-preview-before-after{background:#f9fafb}.fr-card-preview-before-after--no-labels .fr-ba-before,.fr-card-preview-before-after--no-labels .fr-ba-after{display:flex;align-items:center;padding:8%}.fr-card-preview-before-after--no-labels .fr-ba-chrome{width:100%;height:76%}.fr-card-preview-before-after--no-labels .fr-ba-handle{top:12%;bottom:12%}.fr-card-preview-before-after--full.fr-card-preview-before-after--no-labels .fr-ba-before{transition:clip-path .52s cubic-bezier(.22,1,.36,1)}.fr-card-preview-before-after--full.fr-card-preview-before-after--no-labels .fr-ba-handle{transition:left .52s cubic-bezier(.22,1,.36,1),opacity .28s ease}.fr-ba-before,.fr-ba-after{position:absolute;inset:0;padding:18% 8% 10%}.fr-ba-before{z-index:2;clip-path:inset(0 0 0 0);transition:clip-path .52s cubic-bezier(.22,1,.36,1)}.fr-ba-after{z-index:1}.fr-ba-chrome{display:grid;grid-template-columns:18% 1fr;gap:3%;height:78%}.fr-ba-sidebar{border-radius:4px;background:#e5e7eb}.fr-ba-sidebar--thin{background:#d1d5db}.fr-ba-sidebar--rich{display:grid;gap:8%;padding:10% 8%;background:#fff;border:1px solid #d1d5db}.fr-ba-sidebar--rich span{height:.32rem;border-radius:2px;background:#e5e7eb}.fr-ba-nav-active{background:#47dd4e59!important}.fr-ba-main{display:grid;grid-template-rows:16% 1fr;gap:4%}.fr-ba-top{border-radius:3px;background:#e5e7eb}.fr-ba-top--flat{background:#d1d5db}.fr-ba-top--structured{display:flex;align-items:center;gap:4%;padding:0 5%;background:#fff;border:1px solid #d1d5db}.fr-ba-top--structured span{height:.3rem;flex:1;border-radius:2px;background:#e5e7eb}.fr-ba-action{flex:0 0 22%!important;background:#284195!important}.fr-ba-body{border-radius:4px;background:#fff;border:1px solid #e5e7eb}.fr-ba-body--sparse{background:#f9fafb}.fr-ba-body--dense{display:grid;gap:8%;padding:8%}.fr-ba-body--dense span{height:.3rem;border-radius:2px;background:#e5e7eb}.fr-ba-handle{position:absolute;top:10%;bottom:10%;left:100%;z-index:3;width:2px;background:#fffffff2;box-shadow:0 0 0 1px #00000014;transform:translate(-50%);opacity:.55;transition:left .52s cubic-bezier(.22,1,.36,1),opacity .28s ease}.fr-ba-handle:after{content:"";position:absolute;top:50%;left:50%;width:.65rem;height:.65rem;border:1px solid #d1d5db;border-radius:999px;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000014;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 7l-5 5 5 5M15 7l5 5-5 5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:55%}.group:hover .fr-card-preview-before-after--full .fr-ba-before,.group:focus-visible .fr-card-preview-before-after--full .fr-ba-before{clip-path:inset(0 100% 0 0)}.group:hover .fr-card-preview-before-after--full .fr-ba-handle,.group:focus-visible .fr-card-preview-before-after--full .fr-ba-handle{left:0%;opacity:0}.ai-card-preview{position:relative;width:100%;height:100%;overflow:hidden;background:#f9fafb;isolation:isolate}.ai-card-preview-a{container-type:inline-size}.ai-card-a-wireframe{position:absolute;inset:28% 22% 22%;z-index:0;display:grid;grid-template-rows:auto 1fr;gap:6%;opacity:.35;transform:scale(.92);transition:opacity .64s cubic-bezier(.22,1,.36,1),transform .64s cubic-bezier(.22,1,.36,1)}.ai-card-a-wireframe-nav{height:14%;border:1.5px dashed #9ca3af;border-radius:3px}.ai-card-a-wireframe-body{display:grid;grid-template-columns:28% 1fr;gap:6%}.ai-card-a-wireframe-sidebar,.ai-card-a-wireframe-main{border:1.5px dashed #9ca3af;border-radius:3px}.ai-card-a-layer{position:absolute;left:50%;width:72%;height:20%;border:1px solid #d1d5db;border-radius:6px;background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;padding:0 10%;font-family:var(--font-mono);font-size:clamp(.625rem,8.5cqi,.8125rem);letter-spacing:.04em;text-transform:uppercase;color:#6b7280;transform:translate(-50%,-50%);transition:transform .64s cubic-bezier(.22,1,.36,1),border-color .64s cubic-bezier(.22,1,.36,1),box-shadow .64s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 2px #0000000a}.ai-card-a-layer--ds{top:35%;z-index:1}.ai-card-a-layer--domain{top:50%;z-index:2}.ai-card-a-layer--product{top:65%;z-index:3}.group:hover .ai-card-a-wireframe,.group:focus-visible .ai-card-a-wireframe{opacity:1;transform:scale(1)}.group:hover .ai-card-a-layer--ds,.group:focus-visible .ai-card-a-layer--ds{transform:translate(-74%,-70%) rotate(-5deg);border-color:#47dd4e;box-shadow:0 4px 12px #47dd4e26}.group:hover .ai-card-a-layer--domain,.group:focus-visible .ai-card-a-layer--domain{transform:translate(-50%,-78%);border-color:#47dd4e;box-shadow:0 4px 12px #47dd4e1f}.group:hover .ai-card-a-layer--product,.group:focus-visible .ai-card-a-layer--product{transform:translate(-26%,-70%) rotate(5deg);border-color:#47dd4e;box-shadow:0 4px 12px #47dd4e26}.ai-card-preview-a--sequential .ai-card-a-layer{transition-delay:0ms}.group:hover .ai-card-preview-a--sequential .ai-card-a-layer--domain,.group:focus-visible .ai-card-preview-a--sequential .ai-card-a-layer--domain{transition-delay:0ms}.group:hover .ai-card-preview-a--sequential .ai-card-a-layer--ds,.group:focus-visible .ai-card-preview-a--sequential .ai-card-a-layer--ds{transition-delay:.1s}.group:hover .ai-card-preview-a--sequential .ai-card-a-layer--product,.group:focus-visible .ai-card-preview-a--sequential .ai-card-a-layer--product{transition-delay:.2s}.vp-card-preview{position:relative;width:100%;height:100%;overflow:hidden;background:#f9fafb;isolation:isolate;container-type:inline-size}.vp-search-compose{container-type:inline-size}.vp-search-shell{position:absolute;z-index:0;border:1px solid transparent;border-radius:4px;background:transparent;opacity:0;inset:40.5% 10% 40%;transition:opacity .56s cubic-bezier(.22,1,.36,1),border-color .56s cubic-bezier(.22,1,.36,1),background-color .56s cubic-bezier(.22,1,.36,1),box-shadow .56s cubic-bezier(.22,1,.36,1);pointer-events:none}.group:hover .vp-search-shell,.group:focus-visible .vp-search-shell{opacity:1;border-color:#47dd4e47;background:#fff;box-shadow:0 1px 5px #0000000d}.vp-search-piece{position:absolute;z-index:1;top:var(--rest-top);left:var(--rest-left);transform:translate(-50%,-50%) rotate(var(--rest-rotate, 0deg));transition:top .64s cubic-bezier(.22,1,.36,1),left .64s cubic-bezier(.22,1,.36,1),width .64s cubic-bezier(.22,1,.36,1),height .64s cubic-bezier(.22,1,.36,1),border-radius .64s cubic-bezier(.22,1,.36,1),border-color .42s ease,transform .64s cubic-bezier(.22,1,.36,1),box-shadow .42s ease;transition-delay:var(--piece-delay)}.vp-search-piece--heading{width:37%;height:.4rem;border-radius:2px;background:#737373}.vp-search-piece--field{width:35%;height:.68rem;border-radius:5px;border:1px solid #e5e7eb;background:#fff}.vp-search-piece--icon{width:.62rem;height:.62rem;border:1.5px solid #b8bcc4;border-radius:999px;background:transparent;z-index:2}.vp-search-piece--icon:after{content:"";position:absolute;right:-.12rem;bottom:-.1rem;width:.25rem;height:1.5px;background:#b8bcc4;transform:rotate(45deg);transform-origin:left center;transition:width .64s cubic-bezier(.22,1,.36,1),right .64s cubic-bezier(.22,1,.36,1),bottom .64s cubic-bezier(.22,1,.36,1)}.group:hover .vp-search-piece--icon,.group:focus-visible .vp-search-piece--icon{border-width:1px}.group:hover .vp-search-piece--icon:after,.group:focus-visible .vp-search-piece--icon:after{right:-.07rem;bottom:-.06rem;width:.16rem}.vp-search-piece--placeholder{width:40%;height:.26rem;border-radius:2px;background:#f3f4f6;z-index:2}.vp-search-piece--btn{width:25%;height:.62rem;border-radius:5px;background:linear-gradient(180deg,#a3a3a3,#8f8f8f);box-shadow:inset 0 1px #fff3;z-index:2}.vp-search-piece--btn:after{content:"";position:absolute;top:50%;left:50%;width:52%;height:.18rem;border-radius:2px;background:#ffffff6b;transform:translate(-50%,-50%)}.group:hover .vp-search-piece,.group:focus-visible .vp-search-piece{top:var(--fit-top);left:var(--fit-left);width:var(--fit-w);height:var(--fit-h);transform:none}.group:hover .vp-search-piece--field,.group:focus-visible .vp-search-piece--field{border-color:#dfe3e8;background:#fff;border-radius:3px}.group:hover .vp-search-piece--btn,.group:focus-visible .vp-search-piece--btn{border-radius:3px}