Загрузка...
Twingate.com Component: UI-элемент для интеграции с Twingate, обеспечивающий безопасность и доступ к ресурсам.
# twingate.com - Component
You are given a task to integrate an existing React component in the codebase
~~~/App.jsx
import Component from './Component';
export default Component;
~~~
~~~/main.jsx
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App.jsx';
// Render App directly into root div - App returns a Fragment so no extra wrapper
ReactDOM.createRoot(document.getElementById('root')).render(
<React.StrictMode>
<App />
</React.StrictMode>
);
~~~
~~~/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloned Page</title>
<script>
(function() {
'use strict';
console.log('DOM Picker: Network Interceptor + Error Suppressor installed');
// CRITICAL: Suppress errors that cause React/Next.js to clear the page
window.addEventListener('error', function(e) {
const msg = e.message || '';
if (msg.includes('Connection') ||
msg.includes('fetch') ||
msg.includes('network') ||
msg.includes('Failed to fetch') ||
msg.includes('NetworkError')) {
console.warn('DOM Picker: Suppressed network error:', msg);
e.preventDefault();
e.stopPropagation();
return false;
}
}, true);
// Suppress unhandled promise rejections (React Server Components)
window.addEventListener('unhandledrejection', function(e) {
const reason = e.reason?.message || e.reason || '';
console.warn('DOM Picker: Suppressed promise rejection:', reason);
e.preventDefault();
e.stopPropagation();
});
console.log('DOM Picker: Error suppression active - network calls will proceed normally');
})();
</script>
<script>(()=>{var qv=Object.create;var Hi=Object.defineProperty;var $v=Object.getOwnPropertyDescriptor;var Lv=Object.getOwnPropertyNames;var Mv=Object.getPrototypeOf,Nv=Object.prototype.hasOwnProperty;var df=r=>Hi(r,"__esModule",{value:!0});var hf=r=>{if(typeof require!="undefined")return require(r);throw new Error('Dynamic require of "'+r+'" is not supported')};var P=(r,e)=>()=>(r&&(e=r(r=0)),e);var x=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),Ge=(r,e)=>{df(r);for(var t in e)Hi(r,t,{get:e[t],enumerable:!0})},Bv=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Lv(e))!Nv.call(r,i)&&i!=="default"&&Hi(r,i,{get:()=>e[i],enumerable:!(t=$v(e,i))||t.enumerable});return r},pe=r=>Bv(df(Hi(r!=null?qv(Mv(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var m,u=P(()=>{m={platform:"",env:{},versions:{node:"14.17.6"}}});var Fv,be,ft=P(()=>{u();Fv=0,be={readFileSync:r=>self[r]||"",statSync:()=>({mtimeMs:Fv++}),promises:{readFile:r=>Promise.resolve(self[r]||"")}}});var Fs=x((oP,gf)=>{u();"use strict";var mf=class{constructor(e={}){if(!(e.maxSize&&e.maxSize>0))throw new TypeError("`maxSize` must be a number greater than 0");if(typeof e.maxAge=="number"&&e.maxAge===0)throw new TypeError("`maxAge` must be a number greater than 0");this.maxSize=e.maxSize,this.maxAge=e.maxAge||1/0,this.onEviction=e.onEviction,this.cache=new Map,this.oldCache=new Map,this._size=0}_emitEvictions(e){if(typeof this.onEviction=="function")for(let[t,i]of e)this.onEviction(t,i.value)}_deleteIfExpired(e,t){return typeof t.expiry=="number"&&t.expiry<=Date.now()?(typeof this.onEviction=="function"&&this.onEviction(e,t.value),this.delete(e)):!1}_getOrDeleteIfExpired(e,t){if(this._deleteIfExpired(e,t)===!1)return t.value}_getItemValue(e,t){return t.expiry?this._getOrDeleteIfExpired(e,t):t.value}_peek(e,t){let i=t.get(e);return this._getItemValue(e,i)}_set(e,t){this.cache.set(e,t),this._size++,this._size>=this.maxSize&&(this._size=0,this._emitEvictions(this.oldCache),this.oldCache=this.cache,this.cache=new Map)}_moveToRecent(e,t){this.oldCache.delete(e),this._set(e,t)}*_entriesAscending(){for(let e of this.oldCache){let[t,i]=e;this.cache.has(t)||this._deleteIfExpired(t,i)===!1&&(yield e)}for(let e of this.cache){let[t,i]=e;this._deleteIfExpired(t,i)===!1&&(yield e)}}get(e){if(this.cache.has(e)){let t=this.cache.get(e);return this._getItemValue(e,t)}if(this.oldCache.has(e)){let t=this.oldCache.get(e);if(this._deleteIfExpired(e,t)===!1)return this._moveToRecent(e,t),t.value}}set(e,t,{maxAge:i=this.maxAge===1/0?void 0:Date.now()+this.maxAge}={}){this.cache.has(e)?this.cache.set(e,{value:t,maxAge:i}):this._set(e,{value:t,expiry:i})}has(e){return this.cache.has(e)?!this._deleteIfExpired(e,this.cache.get(e)):this.oldCache.has(e)?!this._deleteIfExpired(e,this.oldCache.get(e)):!1}peek(e){if(this.cache.has(e))return this._peek(e,this.cache);if(this.oldCache.has(e))return this._peek(e,this.oldCache)}delete(e){let t=this.cache.delete(e);return t&&this._size--,this.oldCache.delete(e)||t}clear(){this.cache.clear(),this.oldCache.clear(),this._size=0}resize(e){if(!(e&&e>0))throw new TypeError("`maxSize` must be a number greater than 0");let t=[...this._entriesAscending()],i=t.length-e;i<0?(this.cache=new Map(t),this.oldCache=new Map,this._size=t.length):(i>0&&this._emitEvictions(t.slice(0,i)),this.oldCache=new Map(t.slice(i)),this.cache=new Map,this._size=0),this.maxSize=e}*keys(){for(let[e]of this)yield e}*values(){for(let[,e]of this)yield e}*[Symbol.iterator](){for(let e of this.cache){let[t,i]=e;this._deleteIfExpired(t,i)===!1&&(yield[t,i.value])}for(let e of this.oldCache){let[t,i]=e;this.cache.has(t)||this._deleteIfExpired(t,i)===!1&&(yield[t,i.value])}}*entriesDescending(){let e=[...this.cache];for(let t=e.length-1;t>=0;--t){let i=e[t],[n,s]=i;this._deleteIfExpired(n,s)===!1&&(yield[n,s.value])}e=[...this.oldCache];for(let t=e.length-1;t>=0;--t){let i=e[t],[n,s]=i;this.cache.has(n)||this._deleteIfExpired(n,s)===!1&&(yield[n,s.value])}}*entriesAscending(){for(let[e,t]of this._entriesAscending())yield[e,t.value]}get size(){if(!this._size)return this.oldCache.size;let e=0;for(let t of this.oldCache.keys())this.cache.has(t)||e++;return Math.min(this._size+e,this.maxSize)}};gf.exports=mf});var yf,bf=P(()=>{u();yf=r=>r&&r._hash});function Wi(r){return yf(r,{ignoreUnknown:!0})}var wf=P(()=>{u();bf()});function xt(r){if(r=`${r}`,r==="0")return"0";if(/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(r))return r.replace(/^[+-]?/,t=>t==="-"?"":"-");let e=["var","calc","min","max","clamp"];for(let t of e)if(r.includes(`${t}(`))return`calc(${r} * -1)`}var Gi=P(()=>{u()});var vf,xf=P(()=>{u();vf=["preflight","container","accessibility","pointerEvents","visibility","position","inset","isolation","zIndex","order","gridColumn","gridColumnStart","gridColumnEnd","gridRow","gridRowStart","gridRowEnd","float","clear","margin","boxSizing","lineClamp","display","aspectRatio","size","height","maxHeight","minHeight","width","minWidth","maxWidth","flex","flexShrink","flexGrow","flexBasis","tableLayout","captionSide","borderCollapse","borderSpacing","transformOrigin","translate","rotate","skew","scale","transform","animation","cursor","touchAction","userSelect","resize","scrollSnapType","scrollSnapAlign","scrollSnapStop","scrollMargin","scrollPadding","listStylePosition","listStyleType","listStyleImage","appearance","columns","breakBefore","breakInside","breakAfter","gridAutoColumns","gridAutoFlow","gridAutoRows","gridTemplateColumns","gridTemplateRows","flexDirection","flexWrap","placeContent","placeItems","alignContent","alignItems","justifyContent","justifyItems","gap","space","divideWidth","divideStyle","divideColor","divideOpacity","placeSelf","alignSelf","justifySelf","overflow","overscrollBehavior","scrollBehavior","textOverflow","hyphens","whitespace","textWrap","wordBreak","borderRadius","borderWidth","borderStyle","borderColor","borderOpacity","backgroundColor","backgroundOpacity","backgroundImage","gradientColorStops","boxDecorationBreak","backgroundSize","backgroundAttachment","backgroundClip","backgroundPosition","backgroundRepeat","backgroundOrigin","fill","stroke","strokeWidth","objectFit","objectPosition","padding","textAlign","textIndent","verticalAlign","fontFamily","fontSize","fontWeight","textTransform","fontStyle","fontVariantNumeric","lineHeight","letterSpacing","textColor","textOpacity","textDecoration","textDecorationColor","textDecorationStyle","textDecorationThickness","textUnderlineOffset","fontSmoothing","placeholderColor","placeholderOpacity","caretColor","accentColor","opacity","backgroundBlendMode","mixBlendMode","boxShadow","boxShadowColor","outlineStyle","outlineWidth","outlineOffset","outlineColor","ringWidth","ringColor","ringOpacity","ringOffsetWidth","ringOffsetColor","blur","brightness","contrast","dropShadow","grayscale","hueRotate","invert","saturate","sepia","filter","backdropBlur","backdropBrightness","backdropContrast","backdropGrayscale","backdropHueRotate","backdropInvert","backdropOpacity","backdropSaturate","backdropSepia","backdropFilter","transitionProperty","transitionDelay","transitionDuration","transitionTimingFunction","willChange","contain","content","forcedColorAdjust"]});function kf(r,e){return r===void 0?e:Array.isArray(r)?r:[...new Set(e.filter(i=>r!==!1&&r[i]!==!1).concat(Object.keys(r).filter(i=>r[i]!==!1)))]}var Sf=P(()=>{u()});var Af={};Ge(Af,{default:()=>Qe});var Qe,Qi=P(()=>{u();Qe=new Proxy({},{get:()=>String})});function js(r,e,t){typeof m!="undefined"&&m.env.JEST_WORKER_ID||t&&Cf.has(t)||(t&&Cf.add(t),console.warn(""),e.forEach(i=>console.warn(r,"-",i)))}function zs(r){return Qe.dim(r)}var Cf,G,Be=P(()=>{u();Qi();Cf=new Set;G={info(r,e){js(Qe.bold(Qe.cyan("info")),...Array.isArray(r)?[r]:[e,r])},warn(r,e){["content-problems"].includes(r)||js(Qe.bold(Qe.yellow("warn")),...Array.isArray(r)?[r]:[e,r])},risk(r,e){js(Qe.bold(Qe.magenta("risk")),...Array.isArray(r)?[r]:[e,r])}}});var _f={};Ge(_f,{default:()=>Us});function qr({version:r,from:e,to:t}){G.warn(`${e}-color-renamed`,[`As of Tailwind CSS ${r}, \`${e}\` has been renamed to \`${t}\`.`,"Update your configuration file to silence this warning."])}var Us,Vs=P(()=>{u();Be();Us={inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000",white:"#fff",slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917",950:"#0c0a09"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314",950:"#1a2e05"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b",950:"#022c22"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a",950:"#042f2e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63",950:"#083344"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e",950:"#082f49"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81",950:"#1e1b4b"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95",950:"#2e1065"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87",950:"#3b0764"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75",950:"#4a044e"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843",950:"#500724"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"},get lightBlue(){return qr({version:"v2.2",from:"lightBlue",to:"sky"}),this.sky},get warmGray(){return qr({version:"v3.0",from:"warmGray",to:"stone"}),this.stone},get trueGray(){return qr({version:"v3.0",from:"trueGray",to:"neutral"}),this.neutral},get coolGray(){return qr({version:"v3.0",from:"coolGray",to:"gray"}),this.gray},get blueGray(){return qr({version:"v3.0",from:"blueGray",to:"slate"}),this.slate}}});function Hs(r,...e){for(let t of e){for(let i in t)r?.hasOwnProperty?.(i)||(r[i]=t[i]);for(let i of Object.getOwnPropertySymbols(t))r?.hasOwnProperty?.(i)||(r[i]=t[i])}return r}var Ef=P(()=>{u()});function kt(r){if(Array.isArray(r))return r;let e=r.split("[").length-1,t=r.split("]").length-1;if(e!==t)throw new Error(`Path is invalid. Has unbalanced brackets: ${r}`);return r.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean)}var Yi=P(()=>{u()});function we(r,e){return Ki.future.includes(e)?r.future==="all"||(r?.future?.[e]??Of[e]??!1):Ki.experimental.includes(e)?r.experimental==="all"||(r?.experimental?.[e]??Of[e]??!1):!1}function Tf(r){return r.experimental==="all"?Ki.experimental:Object.keys(r?.experimental??{}).filter(e=>Ki.experimental.includes(e)&&r.experimental[e])}function Rf(r){if(m.env.JEST_WORKER_ID===void 0&&Tf(r).length>0){let e=Tf(r).map(t=>Qe.yellow(t)).join(", ");G.warn("experimental-flags-enabled",[`You have enabled experimental features: ${e}`,"Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time."])}}var Of,Ki,ct=P(()=>{u();Qi();Be();Of={optimizeUniversalDefaults:!1,generalizedModifiers:!0,disableColorOpacityUtilitiesByDefault:!1,relativeContentPathsByDefault:!1},Ki={future:["hoverOnlyWhenSupported","respectDefaultRingColorOpacity","disableColorOpacityUtilitiesByDefault","relativeContentPathsByDefault"],experimental:["optimizeUniversalDefaults","generalizedModifiers"]}});function Pf(r){(()=>{if(r.purge||!r.content||!Array.isArray(r.content)&&!(typeof r.content=="object"&&r.content!==null))return!1;if(Array.isArray(r.content))return r.content.every(t=>typeof t=="string"?!0:!(typeof t?.raw!="string"||t?.extension&&typeof t?.extension!="string"));if(typeof r.content=="object"&&r.content!==null){if(Object.keys(r.content).some(t=>!["files","relative","extract","transform"].includes(t)))return!1;if(Array.isArray(r.content.files)){if(!r.content.files.every(t=>typeof t=="string"?!0:!(typeof t?.raw!="string"||t?.extension&&typeof t?.extension!="string")))return!1;if(typeof r.content.extract=="object"){for(let t of Object.values(r.content.extract))if(typeof t!="function")return!1}else if(!(r.content.extract===void 0||typeof r.content.extract=="function"))return!1;if(typeof r.content.transform=="object"){for(let t of Object.values(r.content.transform))if(typeof t!="function")return!1}else if(!(r.content.transform===void 0||typeof r.content.transform=="function"))return!1;if(typeof r.content.relative!="boolean"&&typeof r.content.relative!="undefined")return!1}return!0}return!1})()||G.warn("purge-deprecation",["The `purge`/`content` options have changed in Tailwind CSS v3.0.","Update your configuration file to eliminate this warning.","https://tailwindcss.com/docs/upgrade-guide#configure-content-sources"]),r.safelist=(()=>{let{content:t,purge:i,safelist:n}=r;return Array.isArray(n)?n:Array.isArray(t?.safelist)?t.safelist:Array.isArray(i?.safelist)?i.safelist:Array.isArray(i?.options?.safelist)?i.options.safelist:[]})(),r.blocklist=(()=>{let{blocklist:t}=r;if(Array.isArray(t)){if(t.every(i=>typeof i=="string"))return t;G.warn("blocklist-invalid",["The `blocklist` option must be an array of strings.","https://tailwindcss.com/docs/content-configuration#discarding-classes"])}return[]})(),typeof r.prefix=="function"?(G.warn("prefix-function",["As of Tailwind CSS v3.0, `prefix` cannot be a function.","Update `prefix` in your configuration to be a string to eliminate this warning.","https://tailwindcss.com/docs/upgrade-guide#prefix-cannot-be-a-function"]),r.prefix=""):r.prefix=r.prefix??"",r.content={relative:(()=>{let{content:t}=r;return t?.relative?t.relative:we(r,"relativeContentPathsByDefault")})(),files:(()=>{let{content:t,purge:i}=r;return Array.isArray(i)?i:Array.isArray(i?.content)?i.content:Array.isArray(t)?t:Array.isArray(t?.content)?t.content:Array.isArray(t?.files)?t.files:[]})(),extract:(()=>{let t=(()=>r.purge?.extract?r.purge.extract:r.content?.extract?r.content.extract:r.purge?.extract?.DEFAULT?r.purge.extract.DEFAULT:r.content?.extract?.DEFAULT?r.content.extract.DEFAULT:r.purge?.options?.extractors?r.purge.options.extractors:r.content?.options?.extractors?r.content.options.extractors:{})(),i={},n=(()=>{if(r.purge?.options?.defaultExtractor)return r.purge.options.defaultExtractor;if(r.content?.options?.defaultExtractor)return r.content.options.defaultExtractor})();if(n!==void 0&&(i.DEFAULT=n),typeof t=="function")i.DEFAULT=t;else if(Array.isArray(t))for(let{extensions:s,extractor:a}of t??[])for(let o of s)i[o]=a;else typeof t=="object"&&t!==null&&Object.assign(i,t);return i})(),transform:(()=>{let t=(()=>r.purge?.transform?r.purge.transform:r.content?.transform?r.content.transform:r.purge?.transform?.DEFAULT?r.purge.transform.DEFAULT:r.content?.transform?.DEFAULT?r.content.transform.DEFAULT:{})(),i={};return typeof t=="function"?i.DEFAULT=t:typeof t=="object"&&t!==null&&Object.assign(i,t),i})()};for(let t of r.content.files)if(typeof t=="string"&&/{([^,]*?)}/g.test(t)){G.warn("invalid-glob-braces",[`The glob pattern ${zs(t)} in your Tailwind CSS configuration is invalid.`,`Update it to ${zs(t.replace(/{([^,]*?)}/g,"$1"))} to silence this warning.`]);break}return r}var If=P(()=>{u();ct();Be()});function ke(r){if(Object.prototype.toString.call(r)!=="[object Object]")return!1;let e=Object.getPrototypeOf(r);return e===null||Object.getPrototypeOf(e)===null}var Kt=P(()=>{u()});function St(r){return Array.isArray(r)?r.map(e=>St(e)):typeof r=="object"&&r!==null?Object.fromEntries(Object.entries(r).map(([e,t])=>[e,St(t)])):r}var Xi=P(()=>{u()});function jt(r){return r.replace(/\\,/g,"\\2c ")}var Zi=P(()=>{u()});var Ws,Df=P(()=>{u();Ws={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}});function $r(r,{loose:e=!1}={}){if(typeof r!="string")return null;if(r=r.trim(),r==="transparent")return{mode:"rgb",color:["0","0","0"],alpha:"0"};if(r in Ws)return{mode:"rgb",color:Ws[r].map(s=>s.toString())};let t=r.replace(zv,(s,a,o,l,c)=>["#",a,a,o,o,l,l,c?c+c:""].join("")).match(jv);if(t!==null)return{mode:"rgb",color:[parseInt(t[1],16),parseInt(t[2],16),parseInt(t[3],16)].map(s=>s.toString()),alpha:t[4]?(parseInt(t[4],16)/255).toString():void 0};let i=r.match(Uv)??r.match(Vv);if(i===null)return null;let n=[i[2],i[3],i[4]].filter(Boolean).map(s=>s.toString());return n.length===2&&n[0].startsWith("var(")?{mode:i[1],color:[n[0]],alpha:n[1]}:!e&&n.length!==3||n.length<3&&!n.some(s=>/^var\(.*?\)$/.test(s))?null:{mode:i[1],color:n,alpha:i[5]?.toString?.()}}function Gs({mode:r,color:e,alpha:t}){let i=t!==void 0;return r==="rgba"||r==="hsla"?`${r}(${e.join(", ")}${i?`, ${t}`:""})`:`${r}(${e.join(" ")}${i?` / ${t}`:""})`}var jv,zv,At,Ji,qf,Ct,Uv,Vv,Qs=P(()=>{u();Df();jv=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i,zv=/^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,At=/(?:\d+|\d*\.\d+)%?/,Ji=/(?:\s*,\s*|\s+)/,qf=/\s*[,/]\s*/,Ct=/var\(--(?:[^ )]*?)(?:,(?:[^ )]*?|var\(--[^ )]*?\)))?\)/,Uv=new RegExp(`^(rgba?)\\(\\s*(${At.source}|${Ct.source})(?:${Ji.source}(${At.source}|${Ct.source}))?(?:${Ji.source}(${At.source}|${Ct.source}))?(?:${qf.source}(${At.source}|${Ct.source}))?\\s*\\)$`),Vv=new RegExp(`^(hsla?)\\(\\s*((?:${At.source})(?:deg|rad|grad|turn)?|${Ct.source})(?:${Ji.source}(${At.source}|${Ct.source}))?(?:${Ji.source}(${At.source}|${Ct.source}))?(?:${qf.source}(${At.source}|${Ct.source}))?\\s*\\)$`)});function Je(r,e,t){if(typeof r=="function")return r({opacityValue:e});let i=$r(r,{loose:!0});return i===null?t:Gs({...i,alpha:e})}function Ae({color:r,property:e,variable:t}){let i=[].concat(e);if(typeof r=="function")return{[t]:"1",...Object.fromEntries(i.map(s=>[s,r({opacityVariable:t,opacityValue:`var(${t}, 1)`})]))};let n=$r(r);return n===null?Object.fromEntries(i.map(s=>[s,r])):n.alpha!==void 0?Object.fromEntries(i.map(s=>[s,r])):{[t]:"1",...Object.fromEntries(i.map(s=>[s,Gs({...n,alpha:`var(${t}, 1)`})]))}}var Lr=P(()=>{u();Qs()});function ve(r,e){let t=[],i=[],n=0,s=!1;for(let a=0;a<r.length;a++){let o=r[a];t.length===0&&o===e[0]&&!s&&(e.length===1||r.slice(a,a+e.length)===e)&&(i.push(r.slice(n,a)),n=a+e.length),s=s?!1:o==="\\",o==="("||o==="["||o==="{"?t.push(o):(o===")"&&t[t.length-1]==="("||o==="]"&&t[t.length-1]==="["||o==="}"&&t[t.length-1]==="{")&&t.pop()}return i.push(r.slice(n)),i}var zt=P(()=>{u()});function en(r){return ve(r,",").map(t=>{let i=t.trim(),n={raw:i},s=i.split(Wv),a=new Set;for(let o of s)$f.lastIndex=0,!a.has("KEYWORD")&&Hv.has(o)?(n.keyword=o,a.add("KEYWORD")):$f.test(o)?a.has("X")?a.has("Y")?a.has("BLUR")?a.has("SPREAD")||(n.spread=o,a.add("SPREAD")):(n.blur=o,a.add("BLUR")):(n.y=o,a.add("Y")):(n.x=o,a.add("X")):n.color?(n.unknown||(n.unknown=[]),n.unknown.push(o)):n.color=o;return n.valid=n.x!==void 0&&n.y!==void 0,n})}function Lf(r){return r.map(e=>e.valid?[e.keyword,e.x,e.y,e.blur,e.spread,e.color].filter(Boolean).join(" "):e.raw).join(", ")}var Hv,Wv,$f,Ys=P(()=>{u();zt();Hv=new Set(["inset","inherit","initial","revert","unset"]),Wv=/\ +(?![^(]*\))/g,$f=/^-?(\d+|\.\d+)(.*?)$/g});function Ks(r){return Gv.some(e=>new RegExp(`^${e}\\(.*\\)`).test(r))}function K(r,e=null,t=!0){let i=e&&Qv.has(e.property);return r.startsWith("--")&&!i?`var(${r})`:r.includes("url(")?r.split(/(url\(.*?\))/g).filter(Boolean).map(n=>/^url\(.*?\)$/.test(n)?n:K(n,e,!1)).join(""):(r=r.replace(/([^\\])_+/g,(n,s)=>s+" ".repeat(n.length-1)).replace(/^_/g," ").replace(/\\_/g,"_"),t&&(r=r.trim()),r=Yv(r),r)}function Ye(r){return r.includes("=")&&(r=r.replace(/(=.*)/g,(e,t)=>{if(t[1]==="'"||t[1]==='"')return t;if(t.length>2){let i=t[t.length-1];if(t[t.length-2]===" "&&(i==="i"||i==="I"||i==="s"||i==="S"))return`="${t.slice(1,-2)}" ${t[t.length-1]}`}return`="${t.slice(1)}"`})),r}function Yv(r){let e=["theme"],t=["min-content","max-content","fit-content","safe-area-inset-top","safe-area-inset-right","safe-area-inset-bottom","safe-area-inset-left","titlebar-area-x","titlebar-area-y","titlebar-area-width","titlebar-area-height","keyboard-inset-top","keyboard-inset-right","keyboard-inset-bottom","keyboard-inset-left","keyboard-inset-width","keyboard-inset-height","radial-gradient","linear-gradient","conic-gradient","repeating-radial-gradient","repeating-linear-gradient","repeating-conic-gradient","anchor-size"];return r.replace(/(calc|min|max|clamp)\(.+\)/g,i=>{let n="";function s(){let a=n.trimEnd();return a[a.length-1]}for(let a=0;a<i.length;a++){let o=function(f){return f.split("").every((d,p)=>i[a+p]===d)},l=function(f){let d=1/0;for(let h of f){let b=i.indexOf(h,a);b!==-1&&b<d&&(d=b)}let p=i.slice(a,d);return a+=p.length-1,p},c=i[a];if(o("var"))n+=l([")",","]);else if(t.some(f=>o(f))){let f=t.find(d=>o(d));n+=f,a+=f.length-1}else e.some(f=>o(f))?n+=l([")"]):o("[")?n+=l(["]"]):["+","-","*","/"].includes(c)&&!["(","+","-","*","/",","].includes(s())?n+=` ${c} `:n+=c}return n.replace(/\s+/g," ")})}function Xs(r){return r.startsWith("url(")}function Zs(r){return!isNaN(Number(r))||Ks(r)}function Mr(r){return r.endsWith("%")&&Zs(r.slice(0,-1))||Ks(r)}function Nr(r){return r==="0"||new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${Xv}$`).test(r)||Ks(r)}function Mf(r){return Zv.has(r)}function Nf(r){let e=en(K(r));for(let t of e)if(!t.valid)return!1;return!0}function Bf(r){let e=0;return ve(r,"_").every(i=>(i=K(i),i.startsWith("var(")?!0:$r(i,{loose:!0})!==null?(e++,!0):!1))?e>0:!1}function Ff(r){let e=0;return ve(r,",").every(i=>(i=K(i),i.startsWith("var(")?!0:Xs(i)||ex(i)||["element(","image(","cross-fade(","image-set("].some(n=>i.startsWith(n))?(e++,!0):!1))?e>0:!1}function ex(r){r=K(r);for(let e of Jv)if(r.startsWith(`${e}(`))return!0;return!1}function jf(r){let e=0;return ve(r,"_").every(i=>(i=K(i),i.startsWith("var(")?!0:tx.has(i)||Nr(i)||Mr(i)?(e++,!0):!1))?e>0:!1}function zf(r){let e=0;return ve(r,",").every(i=>(i=K(i),i.startsWith("var(")?!0:i.includes(" ")&&!/(['"])([^"']+)\1/g.test(i)||/^\d/g.test(i)?!1:(e++,!0)))?e>0:!1}function Uf(r){return rx.has(r)}function Vf(r){return ix.has(r)}function Hf(r){return nx.has(r)}var Gv,Qv,Kv,Xv,Zv,Jv,tx,rx,ix,nx,Br=P(()=>{u();Qs();Ys();zt();Gv=["min","max","clamp","calc"];Qv=new Set(["scroll-timeline-name","timeline-scope","view-timeline-name","font-palette","anchor-name","anchor-scope","position-anchor","position-try-options","scroll-timeline","animation-timeline","view-timeline","position-try"]);Kv=["cm","mm","Q","in","pc","pt","px","em","ex","ch","rem","lh","rlh","vw","vh","vmin","vmax","vb","vi","svw","svh","lvw","lvh","dvw","dvh","cqw","cqh","cqi","cqb","cqmin","cqmax"],Xv=`(?:${Kv.join("|")})`;Zv=new Set(["thin","medium","thick"]);Jv=new Set(["conic-gradient","linear-gradient","radial-gradient","repeating-conic-gradient","repeating-linear-gradient","repeating-radial-gradient"]);tx=new Set(["center","top","right","bottom","left"]);rx=new Set(["serif","sans-serif","monospace","cursive","fantasy","system-ui","ui-serif","ui-sans-serif","ui-monospace","ui-rounded","math","emoji","fangsong"]);ix=new Set(["xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large"]);nx=new Set(["larger","smaller"])});function Wf(r){let e=["cover","contain"];return ve(r,",").every(t=>{let i=ve(t,"_").filter(Boolean);return i.length===1&&e.includes(i[0])?!0:i.length!==1&&i.length!==2?!1:i.every(n=>Nr(n)||Mr(n)||n==="auto")})}var Gf=P(()=>{u();Br();zt()});function Qf(r,e){r.walkClasses(t=>{t.value=e(t.value),t.raws&&t.raws.value&&(t.raws.value=jt(t.raws.value))})}function Yf(r,e){if(!_t(r))return;let t=r.slice(1,-1);if(!!e(t))return K(t)}function sx(r,e={},t){let i=e[r];if(i!==void 0)return xt(i);if(_t(r)){let n=Yf(r,t);return n===void 0?void 0:xt(n)}}function tn(r,e={},{validate:t=()=>!0}={}){let i=e.values?.[r];return i!==void 0?i:e.supportsNegativeValues&&r.startsWith("-")?sx(r.slice(1),e.values,t):Yf(r,t)}function _t(r){return r.startsWith("[")&&r.endsWith("]")}function Kf(r){let e=r.lastIndexOf("/"),t=r.lastIndexOf("[",e),i=r.indexOf("]",e);return r[e-1]==="]"||r[e+1]==="["||t!==-1&&i!==-1&&t<e&&e<i&&(e=r.lastIndexOf("/",t)),e===-1||e===r.length-1?[r,void 0]:_t(r)&&!r.includes("]/[")?[r,void 0]:[r.slice(0,e),r.slice(e+1)]}function Xt(r){if(typeof r=="string"&&r.includes("<alpha-value>")){let e=r;return({opacityValue:t=1})=>e.replace(/<alpha-value>/g,t)}return r}function Xf(r){return K(r.slice(1,-1))}function ax(r,e={},{tailwindConfig:t={}}={}){if(e.values?.[r]!==void 0)return Xt(e.values?.[r]);let[i,n]=Kf(r);if(n!==void 0){let s=e.values?.[i]??(_t(i)?i.slice(1,-1):void 0);return s===void 0?void 0:(s=Xt(s),_t(n)?Je(s,Xf(n)):t.theme?.opacity?.[n]===void 0?void 0:Je(s,t.theme.opacity[n]))}return tn(r,e,{validate:Bf})}function ox(r,e={}){return e.values?.[r]}function qe(r){return(e,t)=>tn(e,t,{validate:r})}function lx(r,e){let t=r.indexOf(e);return t===-1?[void 0,r]:[r.slice(0,t),r.slice(t+1)]}function ea(r,e,t,i){if(t.values&&e in t.values)for(let{type:s}of r??[]){let a=Js[s](e,t,{tailwindConfig:i});if(a!==void 0)return[a,s,null]}if(_t(e)){let s=e.slice(1,-1),[a,o]=lx(s,":");if(!/^[\w-_]+$/g.test(a))o=s;else if(a!==void 0&&!Zf.includes(a))return[];if(o.length>0&&Zf.includes(a))return[tn(`[${o}]`,t),a,null]}let n=ta(r,e,t,i);for(let s of n)return s;return[]}function*ta(r,e,t,i){let n=we(i,"generalizedModifiers"),[s,a]=Kf(e);if(n&&t.modifiers!=null&&(t.modifiers==="any"||typeof t.modifiers=="object"&&(a&&_t(a)||a in t.modifiers))||(s=e,a=void 0),a!==void 0&&s===""&&(s="DEFAULT"),a!==void 0&&typeof t.modifiers=="object"){let l=t.modifiers?.[a]??null;l!==null?a=l:_t(a)&&(a=Xf(a))}for(let{type:l}of r??[]){let c=Js[l](s,t,{tailwindConfig:i});c!==void 0&&(yield[c,l,a??null])}}var Js,Zf,Fr=P(()=>{u();Zi();Lr();Br();Gi();Gf();ct();Js={any:tn,color:ax,url:qe(Xs),image:qe(Ff),length:qe(Nr),percentage:qe(Mr),position:qe(jf),lookup:ox,"generic-name":qe(Uf),"family-name":qe(zf),number:qe(Zs),"line-width":qe(Mf),"absolute-size":qe(Vf),"relative-size":qe(Hf),shadow:qe(Nf),size:qe(Wf)},Zf=Object.keys(Js)});function X(r){return typeof r=="function"?r({}):r}var ra=P(()=>{u()});function Zt(r){return typeof r=="function"}function jr(r,...e){let t=e.pop();for(let i of e)for(let n in i){let s=t(r[n],i[n]);s===void 0?ke(r[n])&&ke(i[n])?r[n]=jr({},r[n],i[n],t):r[n]=i[n]:r[n]=s}return r}function ux(r,...e){return Zt(r)?r(...e):r}function fx(r){return r.reduce((e,{extend:t})=>jr(e,t,(i,n)=>i===void 0?[n]:Array.isArray(i)?[n,...i]:[n,i]),{})}function cx(r){return{...r.reduce((e,t)=>Hs(e,t),{}),extend:fx(r)}}function Jf(r,e){if(Array.isArray(r)&&ke(r[0]))return r.concat(e);if(Array.isArray(e)&&ke(e[0])&&ke(r))return[r,...e];if(Array.isArray(e))return e}function px({extend:r,...e}){return jr(e,r,(t,i)=>!Zt(t)&&!i.some(Zt)?jr({},t,...i,Jf):(n,s)=>jr({},...[t,...i].map(a=>ux(a,n,s)),Jf))}function*dx(r){let e=kt(r);if(e.length===0||(yield e,Array.isArray(r)))return;let t=/^(.*?)\s*\/\s*([^/]+)$/,i=r.match(t);if(i!==null){let[,n,s]=i,a=kt(n);a.alpha=s,yield a}}function hx(r){let e=(t,i)=>{for(let n of dx(t)){let s=0,a=r;for(;a!=null&&s<n.length;)a=a[n[s++]],a=Zt(a)&&(n.alpha===void 0||s<=n.length-1)?a(e,ia):a;if(a!==void 0){if(n.alpha!==void 0){let o=Xt(a);return Je(o,n.alpha,X(o))}return ke(a)?St(a):a}}return i};return Object.assign(e,{theme:e,...ia}),Object.keys(r).reduce((t,i)=>(t[i]=Zt(r[i])?r[i](e,ia):r[i],t),{})}function ec(r){let e=[];return r.forEach(t=>{e=[...e,t];let i=t?.plugins??[];i.length!==0&&i.forEach(n=>{n.__isOptionsFunction&&(n=n()),e=[...e,...ec([n?.config??{}])]})}),e}function mx(r){return[...r].reduceRight((t,i)=>Zt(i)?i({corePlugins:t}):kf(i,t),vf)}function gx(r){return[...r].reduceRight((t,i)=>[...t,...i],[])}function na(r){let e=[...ec(r),{prefix:"",important:!1,separator:":"}];return Pf(Hs({theme:hx(px(cx(e.map(t=>t?.theme??{})))),corePlugins:mx(e.map(t=>t.corePlugins)),plugins:gx(r.map(t=>t?.plugins??[]))},...e))}var ia,tc=P(()=>{u();Gi();xf();Sf();Vs();Ef();Yi();If();Kt();Xi();Fr();Lr();ra();ia={colors:Us,negative(r){return Object.keys(r).filter(e=>r[e]!=="0").reduce((e,t)=>{let i=xt(r[t]);return i!==void 0&&(e[`-${t}`]=i),e},{})},breakpoints(r){return Object.keys(r).filter(e=>typeof r[e]=="string").reduce((e,t)=>({...e,[`screen-${t}`]:r[t]}),{})}}});var rn=x((f3,rc)=>{u();rc.exports={content:[],presets:[],darkMode:"media",theme:{accentColor:({theme:r})=>({...r("colors"),auto:"auto"}),animation:{none:"none",spin:"spin 1s linear infinite",ping:"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",pulse:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",bounce:"bounce 1s infinite"},aria:{busy:'busy="true"',checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',hidden:'hidden="true"',pressed:'pressed="true"',readonly:'readonly="true"',required:'required="true"',selected:'selected="true"'},aspectRatio:{auto:"auto",square:"1 / 1",video:"16 / 9"},backdropBlur:({theme:r})=>r("blur"),backdropBrightness:({theme:r})=>r("brightness"),backdropContrast:({theme:r})=>r("contrast"),backdropGrayscale:({theme:r})=>r("grayscale"),backdropHueRotate:({theme:r})=>r("hueRotate"),backdropInvert:({theme:r})=>r("invert"),backdropOpacity:({theme:r})=>r("opacity"),backdropSaturate:({theme:r})=>r("saturate"),backdropSepia:({theme:r})=>r("sepia"),backgroundColor:({theme:r})=>r("colors"),backgroundImage:{none:"none","gradient-to-t":"linear-gradient(to top, var(--tw-gradient-stops))","gradient-to-tr":"linear-gradient(to top right, var(--tw-gradient-stops))","gradient-to-r":"linear-gradient(to right, var(--tw-gradient-stops))","gradient-to-br":"linear-gradient(to bottom right, var(--tw-gradient-stops))","gradient-to-b":"linear-gradient(to bottom, var(--tw-gradient-stops))","gradient-to-bl":"linear-gradient(to bottom left, var(--tw-gradient-stops))","gradient-to-l":"linear-gradient(to left, var(--tw-gradient-stops))","gradient-to-tl":"linear-gradient(to top left, var(--tw-gradient-stops))"},backgroundOpacity:({theme:r})=>r("opacity"),backgroundPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},backgroundSize:{auto:"auto",cover:"cover",contain:"contain"},blur:{0:"0",none:"",sm:"4px",DEFAULT:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},borderColor:({theme:r})=>({...r("colors"),DEFAULT:r("colors.gray.200","currentColor")}),borderOpacity:({theme:r})=>r("opacity"),borderRadius:{none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},borderSpacing:({theme:r})=>({...r("spacing")}),borderWidth:{DEFAULT:"1px",0:"0px",2:"2px",4:"4px",8:"8px"},boxShadow:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",DEFAULT:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",none:"none"},boxShadowColor:({theme:r})=>r("colors"),brightness:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5",200:"2"},caretColor:({theme:r})=>r("colors"),colors:({colors:r})=>({inherit:r.inherit,current:r.current,transparent:r.transparent,black:r.black,white:r.white,slate:r.slate,gray:r.gray,zinc:r.zinc,neutral:r.neutral,stone:r.stone,red:r.red,orange:r.orange,amber:r.amber,yellow:r.yellow,lime:r.lime,green:r.green,emerald:r.emerald,teal:r.teal,cyan:r.cyan,sky:r.sky,blue:r.blue,indigo:r.indigo,violet:r.violet,purple:r.purple,fuchsia:r.fuchsia,pink:r.pink,rose:r.rose}),columns:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12","3xs":"16rem","2xs":"18rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem"},container:{},content:{none:"none"},contrast:{0:"0",50:".5",75:".75",100:"1",125:"1.25",150:"1.5",200:"2"},cursor:{auto:"auto",default:"default",pointer:"pointer",wait:"wait",text:"text",move:"move",help:"help","not-allowed":"not-allowed",none:"none","context-menu":"context-menu",progress:"progress",cell:"cell",crosshair:"crosshair","vertical-text":"vertical-text",alias:"alias",copy:"copy","no-drop":"no-drop",grab:"grab",grabbing:"grabbing","all-scroll":"all-scroll","col-resize":"col-resize","row-resize":"row-resize","n-resize":"n-resize","e-resize":"e-resize","s-resize":"s-resize","w-resize":"w-resize","ne-resize":"ne-resize","nw-resize":"nw-resize","se-resize":"se-resize","sw-resize":"sw-resize","ew-resize":"ew-resize","ns-resize":"ns-resize","nesw-resize":"nesw-resize","nwse-resize":"nwse-resize","zoom-in":"zoom-in","zoom-out":"zoom-out"},divideColor:({theme:r})=>r("borderColor"),divideOpacity:({theme:r})=>r("borderOpacity"),divideWidth:({theme:r})=>r("borderWidth"),dropShadow:{sm:"0 1px 1px rgb(0 0 0 / 0.05)",DEFAULT:["0 1px 2px rgb(0 0 0 / 0.1)","0 1px 1px rgb(0 0 0 / 0.06)"],md:["0 4px 3px rgb(0 0 0 / 0.07)","0 2px 2px rgb(0 0 0 / 0.06)"],lg:["0 10px 8px rgb(0 0 0 / 0.04)","0 4px 3px rgb(0 0 0 / 0.1)"],xl:["0 20px 13px rgb(0 0 0 / 0.03)","0 8px 5px rgb(0 0 0 / 0.08)"],"2xl":"0 25px 25px rgb(0 0 0 / 0.15)",none:"0 0 #0000"},fill:({theme:r})=>({none:"none",...r("colors")}),flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},flexBasis:({theme:r})=>({auto:"auto",...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%"}),flexGrow:{0:"0",DEFAULT:"1"},flexShrink:{0:"0",DEFAULT:"1"},fontFamily:{sans:["ui-sans-serif","system-ui","sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],serif:["ui-serif","Georgia","Cambria",'"Times New Roman"',"Times","serif"],mono:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas",'"Liberation Mono"','"Courier New"',"monospace"]},fontSize:{xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},gap:({theme:r})=>r("spacing"),gradientColorStops:({theme:r})=>r("colors"),gradientColorStopPositions:{"0%":"0%","5%":"5%","10%":"10%","15%":"15%","20%":"20%","25%":"25%","30%":"30%","35%":"35%","40%":"40%","45%":"45%","50%":"50%","55%":"55%","60%":"60%","65%":"65%","70%":"70%","75%":"75%","80%":"80%","85%":"85%","90%":"90%","95%":"95%","100%":"100%"},grayscale:{0:"0",DEFAULT:"100%"},gridAutoColumns:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridAutoRows:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridColumn:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-7":"span 7 / span 7","span-8":"span 8 / span 8","span-9":"span 9 / span 9","span-10":"span 10 / span 10","span-11":"span 11 / span 11","span-12":"span 12 / span 12","span-full":"1 / -1"},gridColumnEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridColumnStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridRow:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-7":"span 7 / span 7","span-8":"span 8 / span 8","span-9":"span 9 / span 9","span-10":"span 10 / span 10","span-11":"span 11 / span 11","span-12":"span 12 / span 12","span-full":"1 / -1"},gridRowEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridRowStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridTemplateColumns:{none:"none",subgrid:"subgrid",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))",7:"repeat(7, minmax(0, 1fr))",8:"repeat(8, minmax(0, 1fr))",9:"repeat(9, minmax(0, 1fr))",10:"repeat(10, minmax(0, 1fr))",11:"repeat(11, minmax(0, 1fr))",12:"repeat(12, minmax(0, 1fr))"},gridTemplateRows:{none:"none",subgrid:"subgrid",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))",7:"repeat(7, minmax(0, 1fr))",8:"repeat(8, minmax(0, 1fr))",9:"repeat(9, minmax(0, 1fr))",10:"repeat(10, minmax(0, 1fr))",11:"repeat(11, minmax(0, 1fr))",12:"repeat(12, minmax(0, 1fr))"},height:({theme:r})=>({auto:"auto",...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%",full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),hueRotate:{0:"0deg",15:"15deg",30:"30deg",60:"60deg",90:"90deg",180:"180deg"},inset:({theme:r})=>({auto:"auto",...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),invert:{0:"0",DEFAULT:"100%"},keyframes:{spin:{to:{transform:"rotate(360deg)"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},pulse:{"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2",3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},listStyleType:{none:"none",disc:"disc",decimal:"decimal"},listStyleImage:{none:"none"},margin:({theme:r})=>({auto:"auto",...r("spacing")}),lineClamp:{1:"1",2:"2",3:"3",4:"4",5:"5",6:"6"},maxHeight:({theme:r})=>({...r("spacing"),none:"none",full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),maxWidth:({theme:r,breakpoints:e})=>({...r("spacing"),none:"none",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",prose:"65ch",...e(r("screens"))}),minHeight:({theme:r})=>({...r("spacing"),full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),minWidth:({theme:r})=>({...r("spacing"),full:"100%",min:"min-content",max:"max-content",fit:"fit-content"}),objectPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},opacity:{0:"0",5:"0.05",10:"0.1",15:"0.15",20:"0.2",25:"0.25",30:"0.3",35:"0.35",40:"0.4",45:"0.45",50:"0.5",55:"0.55",60:"0.6",65:"0.65",70:"0.7",75:"0.75",80:"0.8",85:"0.85",90:"0.9",95:"0.95",100:"1"},order:{first:"-9999",last:"9999",none:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12"},outlineColor:({theme:r})=>r("colors"),outlineOffset:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},outlineWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},padding:({theme:r})=>r("spacing"),placeholderColor:({theme:r})=>r("colors"),placeholderOpacity:({theme:r})=>r("opacity"),ringColor:({theme:r})=>({DEFAULT:r("colors.blue.500","#3b82f6"),...r("colors")}),ringOffsetColor:({theme:r})=>r("colors"),ringOffsetWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},ringOpacity:({theme:r})=>({DEFAULT:"0.5",...r("opacity")}),ringWidth:{DEFAULT:"3px",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},rotate:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg",45:"45deg",90:"90deg",180:"180deg"},saturate:{0:"0",50:".5",100:"1",150:"1.5",200:"2"},scale:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},scrollMargin:({theme:r})=>({...r("spacing")}),scrollPadding:({theme:r})=>r("spacing"),sepia:{0:"0",DEFAULT:"100%"},skew:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg"},space:({theme:r})=>({...r("spacing")}),spacing:{px:"1px",0:"0px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},stroke:({theme:r})=>({none:"none",...r("colors")}),strokeWidth:{0:"0",1:"1",2:"2"},supports:{},data:{},textColor:({theme:r})=>r("colors"),textDecorationColor:({theme:r})=>r("colors"),textDecorationThickness:{auto:"auto","from-font":"from-font",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},textIndent:({theme:r})=>({...r("spacing")}),textOpacity:({theme:r})=>r("opacity"),textUnderlineOffset:{auto:"auto",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},transformOrigin:{center:"center",top:"top","top-right":"top right",right:"right","bottom-right":"bottom right",bottom:"bottom","bottom-left":"bottom left",left:"left","top-left":"top left"},transitionDelay:{0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionDuration:{DEFAULT:"150ms",0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionProperty:{none:"none",all:"all",DEFAULT:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",colors:"color, background-color, border-color, text-decoration-color, fill, stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4, 0, 0.2, 1)",linear:"linear",in:"cubic-bezier(0.4, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.2, 1)","in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},translate:({theme:r})=>({...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),size:({theme:r})=>({auto:"auto",...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",min:"min-content",max:"max-content",fit:"fit-content"}),width:({theme:r})=>({auto:"auto",...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",screen:"100vw",svw:"100svw",lvw:"100lvw",dvw:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"}),willChange:{auto:"auto",scroll:"scroll-position",contents:"contents",transform:"transform"},zIndex:{auto:"auto",0:"0",10:"10",20:"20",30:"30",40:"40",50:"50"}},plugins:[]}});function nn(r){let e=(r?.presets??[ic.default]).slice().reverse().flatMap(n=>nn(n instanceof Function?n():n)),t={respectDefaultRingColorOpacity:{theme:{ringColor:({theme:n})=>({DEFAULT:"#3b82f67f",...n("colors")})}},disableColorOpacityUtilitiesByDefault:{corePlugins:{backgroundOpacity:!1,borderOpacity:!1,divideOpacity:!1,placeholderOpacity:!1,ringOpacity:!1,textOpacity:!1}}},i=Object.keys(t).filter(n=>we(r,n)).map(n=>t[n]);return[r,...i,...e]}var ic,nc=P(()=>{u();ic=pe(rn());ct()});var sc={};Ge(sc,{default:()=>zr});function zr(...r){let[,...e]=nn(r[0]);return na([...r,...e])}var sa=P(()=>{u();tc();nc()});var Ur={};Ge(Ur,{default:()=>me});var me,et=P(()=>{u();me={resolve:r=>r,extname:r=>"."+r.split(".").pop()}});function sn(r){return typeof r=="object"&&r!==null}function bx(r){return Object.keys(r).length===0}function ac(r){return typeof r=="string"||r instanceof String}function aa(r){return sn(r)&&r.config===void 0&&!bx(r)?null:sn(r)&&r.config!==void 0&&ac(r.config)?me.resolve(r.config):sn(r)&&r.config!==void 0&&sn(r.config)?null:ac(r)?me.resolve(r):wx()}function wx(){for(let r of yx)try{let e=me.resolve(r);return be.accessSync(e),e}catch(e){}return null}var yx,oc=P(()=>{u();ft();et();yx=["./tailwind.config.js","./tailwind.config.cjs","./tailwind.config.mjs","./tailwind.config.ts","./tailwind.config.cts","./tailwind.config.mts"]});var lc={};Ge(lc,{default:()=>oa});var oa,la=P(()=>{u();oa={parse:r=>({href:r})}});var ua=x(()=>{u()});var an=x((v3,cc)=>{u();"use strict";var uc=(Qi(),Af),fc=ua(),Jt=class extends Error{constructor(e,t,i,n,s,a){super(e);this.name="CssSyntaxError",this.reason=e,s&&(this.file=s),n&&(this.source=n),a&&(this.plugin=a),typeof t!="undefined"&&typeof i!="undefined"&&(typeof t=="number"?(this.line=t,this.column=i):(this.line=t.line,this.column=t.column,this.endLine=i.line,this.endColumn=i.column)),this.setMessage(),Error.captureStackTrace&&Error.captureStackTrace(this,Jt)}setMessage(){this.message=this.plugin?this.plugin+": ":"",this.message+=this.file?this.file:"<css input>",typeof this.line!="undefined"&&(this.message+=":"+this.line+":"+this.column),this.message+=": "+this.reason}showSourceCode(e){if(!this.source)return"";let t=this.source;e==null&&(e=uc.isColorSupported);let i=f=>f,n=f=>f,s=f=>f;if(e){let{bold:f,gray:d,red:p}=uc.createColors(!0);n=h=>f(p(h)),i=h=>d(h),fc&&(s=h=>fc(h))}let a=t.split(/\r?\n/),o=Math.max(this.line-3,0),l=Math.min(this.line+2,a.length),c=String(l).length;return a.slice(o,l).map((f,d)=>{let p=o+1+d,h=" "+(" "+p).slice(-c)+" | ";if(p===this.line){if(f.length>160){let v=20,y=Math.max(0,this.column-v),w=Math.max(this.column+v,this.endColumn+v),k=f.slice(y,w),S=i(h.replace(/\d/g," "))+f.slice(0,Math.min(this.column-1,v-1)).replace(/[^\t]/g," ");return n(">")+i(h)+s(k)+`
`+S+n("^")}let b=i(h.replace(/\d/g," "))+f.slice(0,this.column-1).replace(/[^\t]/g," ");return n(">")+i(h)+s(f)+`
`+b+n("^")}return" "+i(h)+s(f)}).join(`
`)}toString(){let e=this.showSourceCode();return e&&(e=`
`+e+`
`),this.name+": "+this.message+e}};cc.exports=Jt;Jt.default=Jt});var fa=x((x3,dc)=>{u();"use strict";var pc={after:`
`,beforeClose:`
`,beforeComment:`
`,beforeDecl:`
`,beforeOpen:" ",beforeRule:`
`,colon:": ",commentLeft:" ",commentRight:" ",emptyBody:"",indent:" ",semicolon:!1};function vx(r){return r[0].toUpperCase()+r.slice(1)}var on=class{constructor(e){this.builder=e}atrule(e,t){let i="@"+e.name,n=e.params?this.rawValue(e,"params"):"";if(typeof e.raws.afterName!="undefined"?i+=e.raws.afterName:n&&(i+=" "),e.nodes)this.block(e,i+n);else{let s=(e.raws.between||"")+(t?";":"");this.builder(i+n+s,e)}}beforeAfter(e,t){let i;e.type==="decl"?i=this.raw(e,null,"beforeDecl"):e.type==="comment"?i=this.raw(e,null,"beforeComment"):t==="before"?i=this.raw(e,null,"beforeRule"):i=this.raw(e,null,"beforeClose");let n=e.parent,s=0;for(;n&&n.type!=="root";)s+=1,n=n.parent;if(i.includes(`
`)){let a=this.raw(e,null,"indent");if(a.length)for(let o=0;o<s;o++)i+=a}return i}block(e,t){let i=this.raw(e,"between","beforeOpen");this.builder(t+i+"{",e,"start");let n;e.nodes&&e.nodes.length?(this.body(e),n=this.raw(e,"after")):n=this.raw(e,"after","emptyBody"),n&&this.builder(n),this.builder("}",e,"end")}body(e){let t=e.nodes.length-1;for(;t>0&&e.nodes[t].type==="comment";)t-=1;let i=this.raw(e,"semicolon");for(let n=0;n<e.nodes.length;n++){let s=e.nodes[n],a=this.raw(s,"before");a&&this.builder(a),this.stringify(s,t!==n||i)}}comment(e){let t=this.raw(e,"left","commentLeft"),i=this.raw(e,"right","commentRight");this.builder("/*"+t+e.text+i+"*/",e)}decl(e,t){let i=this.raw(e,"between","colon"),n=e.prop+i+this.rawValue(e,"value");e.important&&(n+=e.raws.important||" !important"),t&&(n+=";"),this.builder(n,e)}document(e){this.body(e)}raw(e,t,i){let n;if(i||(i=t),t&&(n=e.raws[t],typeof n!="undefined"))return n;let s=e.parent;if(i==="before"&&(!s||s.type==="root"&&s.first===e||s&&s.type==="document"))return"";if(!s)return pc[i];let a=e.root();if(a.rawCache||(a.rawCache={}),typeof a.rawCache[i]!="undefined")return a.rawCache[i];if(i==="before"||i==="after")return this.beforeAfter(e,i);{let o="raw"+vx(i);this[o]?n=this[o](a,e):a.walk(l=>{if(n=l.raws[t],typeof n!="undefined")return!1})}return typeof n=="undefined"&&(n=pc[i]),a.rawCache[i]=n,n}rawBeforeClose(e){let t;return e.walk(i=>{if(i.nodes&&i.nodes.length>0&&typeof i.raws.after!="undefined")return t=i.raws.after,t.includes(`
`)&&(t=t.replace(/[^\n]+$/,"")),!1}),t&&(t=t.replace(/\S/g,"")),t}rawBeforeComment(e,t){let i;return e.walkComments(n=>{if(typeof n.raws.before!="undefined")return i=n.raws.before,i.includes(`
`)&&(i=i.replace(/[^\n]+$/,"")),!1}),typeof i=="undefined"?i=this.raw(t,null,"beforeDecl"):i&&(i=i.replace(/\S/g,"")),i}rawBeforeDecl(e,t){let i;return e.walkDecls(n=>{if(typeof n.raws.before!="undefined")return i=n.raws.before,i.includes(`
`)&&(i=i.replace(/[^\n]+$/,"")),!1}),typeof i=="undefined"?i=this.raw(t,null,"beforeRule"):i&&(i=i.replace(/\S/g,"")),i}rawBeforeOpen(e){let t;return e.walk(i=>{if(i.type!=="decl"&&(t=i.raws.between,typeof t!="undefined"))return!1}),t}rawBeforeRule(e){let t;return e.walk(i=>{if(i.nodes&&(i.parent!==e||e.first!==i)&&typeof i.raws.before!="undefined")return t=i.raws.before,t.includes(`
`)&&(t=t.replace(/[^\n]+$/,"")),!1}),t&&(t=t.replace(/\S/g,"")),t}rawColon(e){let t;return e.walkDecls(i=>{if(typeof i.raws.between!="undefined")return t=i.raws.between.replace(/[^\s:]/g,""),!1}),t}rawEmptyBody(e){let t;return e.walk(i=>{if(i.nodes&&i.nodes.length===0&&(t=i.raws.after,typeof t!="undefined"))return!1}),t}rawIndent(e){if(e.raws.indent)return e.raws.indent;let t;return e.walk(i=>{let n=i.parent;if(n&&n!==e&&n.parent&&n.parent===e&&typeof i.raws.before!="undefined"){let s=i.raws.before.split(`
`);return t=s[s.length-1],t=t.replace(/\S/g,""),!1}}),t}rawSemicolon(e){let t;return e.walk(i=>{if(i.nodes&&i.nodes.length&&i.last.type==="decl"&&(t=i.raws.semicolon,typeof t!="undefined"))return!1}),t}rawValue(e,t){let i=e[t],n=e.raws[t];return n&&n.value===i?n.raw:i}root(e){this.body(e),e.raws.after&&this.builder(e.raws.after)}rule(e){this.block(e,this.rawValue(e,"selector")),e.raws.ownSemicolon&&this.builder(e.raws.ownSemicolon,e,"end")}stringify(e,t){if(!this[e.type])throw new Error("Unknown AST node type "+e.type+". Maybe you need to change PostCSS stringifier.");this[e.type](e,t)}};dc.exports=on;on.default=on});var Vr=x((k3,hc)=>{u();"use strict";var xx=fa();function ca(r,e){new xx(e).stringify(r)}hc.exports=ca;ca.default=ca});var ln=x((S3,pa)=>{u();"use strict";pa.exports.isClean=Symbol("isClean");pa.exports.my=Symbol("my")});var Gr=x((A3,mc)=>{u();"use strict";var kx=an(),Sx=fa(),Ax=Vr(),{isClean:Hr,my:Cx}=ln();function da(r,e){let t=new r.constructor;for(let i in r){if(!Object.prototype.hasOwnProperty.call(r,i)||i==="proxyCache")continue;let n=r[i],s=typeof n;i==="parent"&&s==="object"?e&&(t[i]=e):i==="source"?t[i]=n:Array.isArray(n)?t[i]=n.map(a=>da(a,t)):(s==="object"&&n!==null&&(n=da(n)),t[i]=n)}return t}function Wr(r,e){if(e&&typeof e.offset!="undefined")return e.offset;let t=1,i=1,n=0;for(let s=0;s<r.length;s++){if(i===e.line&&t===e.column){n=s;break}r[s]===`
`?(t=1,i+=1):t+=1}return n}var un=class{constructor(e={}){this.raws={},this[Hr]=!1,this[Cx]=!0;for(let t in e)if(t==="nodes"){this.nodes=[];for(let i of e[t])typeof i.clone=="function"?this.append(i.clone()):this.append(i)}else this[t]=e[t]}addToError(e){if(e.postcssNode=this,e.stack&&this.source&&/\n\s{4}at /.test(e.stack)){let t=this.source;e.stack=e.stack.replace(/\n\s{4}at /,`$&${t.input.from}:${t.start.line}:${t.start.column}$&`)}return e}after(e){return this.parent.insertAfter(this,e),this}assign(e={}){for(let t in e)this[t]=e[t];return this}before(e){return this.parent.insertBefore(this,e),this}cleanRaws(e){delete this.raws.before,delete this.raws.after,e||delete this.raws.between}clone(e={}){let t=da(this);for(let i in e)t[i]=e[i];return t}cloneAfter(e={}){let t=this.clone(e);return this.parent.insertAfter(this,t),t}cloneBefore(e={}){let t=this.clone(e);return this.parent.insertBefore(this,t),t}error(e,t={}){if(this.source){let{end:i,start:n}=this.rangeBy(t);return this.source.input.error(e,{column:n.column,line:n.line},{column:i.column,line:i.line},t)}return new kx(e)}getProxyProcessor(){return{get(e,t){return t==="proxyOf"?e:t==="root"?()=>e.root().toProxy():e[t]},set(e,t,i){return e[t]===i||(e[t]=i,(t==="prop"||t==="value"||t==="name"||t==="params"||t==="important"||t==="text")&&e.markDirty()),!0}}}markClean(){this[Hr]=!0}markDirty(){if(this[Hr]){this[Hr]=!1;let e=this;for(;e=e.parent;)e[Hr]=!1}}next(){if(!this.parent)return;let e=this.parent.index(this);return this.parent.nodes[e+1]}positionBy(e){let t=this.source.start;if(e.index)t=this.positionInside(e.index);else if(e.word){let n=this.source.input.css.slice(Wr(this.source.input.css,this.source.start),Wr(this.source.input.css,this.source.end)).indexOf(e.word);n!==-1&&(t=this.positionInside(n))}return t}positionInside(e){let t=this.source.start.column,i=this.source.start.line,n=Wr(this.source.input.css,this.source.start),s=n+e;for(let a=n;a<s;a++)this.source.input.css[a]===`
`?(t=1,i+=1):t+=1;return{column:t,line:i}}prev(){if(!this.parent)return;let e=this.parent.index(this);return this.parent.nodes[e-1]}rangeBy(e){let t={column:this.source.start.column,line:this.source.start.line},i=this.source.end?{column:this.source.end.column+1,line:this.source.end.line}:{column:t.column+1,line:t.line};if(e.word){let s=this.source.input.css.slice(Wr(this.source.input.css,this.source.start),Wr(this.source.input.css,this.source.end)).indexOf(e.word);s!==-1&&(t=this.positionInside(s),i=this.positionInside(s+e.word.length))}else e.start?t={column:e.start.column,line:e.start.line}:e.index&&(t=this.positionInside(e.index)),e.end?i={column:e.end.column,line:e.end.line}:typeof e.endIndex=="number"?i=this.positionInside(e.endIndex):e.index&&(i=this.positionInside(e.index+1));return(i.line<t.line||i.line===t.line&&i.column<=t.column)&&(i={column:t.column+1,line:t.line}),{end:i,start:t}}raw(e,t){return new Sx().raw(this,e,t)}remove(){return this.parent&&this.parent.removeChild(this),this.parent=void 0,this}replaceWith(...e){if(this.parent){let t=this,i=!1;for(let n of e)n===this?i=!0:i?(this.parent.insertAfter(t,n),t=n):this.parent.insertBefore(t,n);i||this.remove()}return this}root(){let e=this;for(;e.parent&&e.parent.type!=="document";)e=e.parent;return e}toJSON(e,t){let i={},n=t==null;t=t||new Map;let s=0;for(let a in this){if(!Object.prototype.hasOwnProperty.call(this,a)||a==="parent"||a==="proxyCache")continue;let o=this[a];if(Array.isArray(o))i[a]=o.map(l=>typeof l=="object"&&l.toJSON?l.toJSON(null,t):l);else if(typeof o=="object"&&o.toJSON)i[a]=o.toJSON(null,t);else if(a==="source"){let l=t.get(o.input);l==null&&(l=s,t.set(o.input,s),s++),i[a]={end:o.end,inputId:l,start:o.start}}else i[a]=o}return n&&(i.inputs=[...t.keys()].map(a=>a.toJSON())),i}toProxy(){return this.proxyCache||(this.proxyCache=new Proxy(this,this.getProxyProcessor())),this.proxyCache}toString(e=Ax){e.stringify&&(e=e.stringify);let t="";return e(this,i=>{t+=i}),t}warn(e,t,i){let n={node:this};for(let s in i)n[s]=i[s];return e.warn(t,n)}get proxyOf(){return this}};mc.exports=un;un.default=un});var Qr=x((C3,gc)=>{u();"use strict";var _x=Gr(),fn=class extends _x{constructor(e){super(e);this.type="comment"}};gc.exports=fn;fn.default=fn});var Yr=x((_3,yc)=>{u();"use strict";var Ex=Gr(),cn=class extends Ex{constructor(e){e&&typeof e.value!="undefined"&&typeof e.value!="string"&&(e={...e,value:String(e.value)});super(e);this.type="decl"}get variable(){return this.prop.startsWith("--")||this.prop[0]==="$"}};yc.exports=cn;cn.default=cn});var Et=x((E3,_c)=>{u();"use strict";var bc=Qr(),wc=Yr(),Ox=Gr(),{isClean:vc,my:xc}=ln(),ha,kc,Sc,ma;function Ac(r){return r.map(e=>(e.nodes&&(e.nodes=Ac(e.nodes)),delete e.source,e))}function Cc(r){if(r[vc]=!1,r.proxyOf.nodes)for(let e of r.proxyOf.nodes)Cc(e)}var Fe=class extends Ox{append(...e){for(let t of e){let i=this.normalize(t,this.last);for(let n of i)this.proxyOf.nodes.push(n)}return this.markDirty(),this}cleanRaws(e){if(super.cleanRaws(e),this.nodes)for(let t of this.nodes)t.cleanRaws(e)}each(e){if(!this.proxyOf.nodes)return;let t=this.getIterator(),i,n;for(;this.indexes[t]<this.proxyOf.nodes.length&&(i=this.indexes[t],n=e(this.proxyOf.nodes[i],i),n!==!1);)this.indexes[t]+=1;return delete this.indexes[t],n}every(e){return this.nodes.every(e)}getIterator(){this.lastEach||(this.lastEach=0),this.indexes||(this.indexes={}),this.lastEach+=1;let e=this.lastEach;return this.indexes[e]=0,e}getProxyProcessor(){return{get(e,t){return t==="proxyOf"?e:e[t]?t==="each"||typeof t=="string"&&t.startsWith("walk")?(...i)=>e[t](...i.map(n=>typeof n=="function"?(s,a)=>n(s.toProxy(),a):n)):t==="every"||t==="some"?i=>e[t]((n,...s)=>i(n.toProxy(),...s)):t==="root"?()=>e.root().toProxy():t==="nodes"?e.nodes.map(i=>i.toProxy()):t==="first"||t==="last"?e[t].toProxy():e[t]:e[t]},set(e,t,i){return e[t]===i||(e[t]=i,(t==="name"||t==="params"||t==="selector")&&e.markDirty()),!0}}}index(e){return typeof e=="number"?e:(e.proxyOf&&(e=e.proxyOf),this.proxyOf.nodes.indexOf(e))}insertAfter(e,t){let i=this.index(e),n=this.normalize(t,this.proxyOf.nodes[i]).reverse();i=this.index(e);for(let a of n)this.proxyOf.nodes.splice(i+1,0,a);let s;for(let a in this.indexes)s=this.indexes[a],i<s&&(this.indexes[a]=s+n.length);return this.markDirty(),this}insertBefore(e,t){let i=this.index(e),n=i===0?"prepend":!1,s=this.normalize(t,this.proxyOf.nodes[i],n).reverse();i=this.index(e);for(let o of s)this.proxyOf.nodes.splice(i,0,o);let a;for(let o in this.indexes)a=this.indexes[o],i<=a&&(this.indexes[o]=a+s.length);return this.markDirty(),this}normalize(e,t){if(typeof e=="string")e=Ac(kc(e).nodes);else if(typeof e=="undefined")e=[];else if(Array.isArray(e)){e=e.slice(0);for(let n of e)n.parent&&n.parent.removeChild(n,"ignore")}else if(e.type==="root"&&this.type!=="document"){e=e.nodes.slice(0);for(let n of e)n.parent&&n.parent.removeChild(n,"ignore")}else if(e.type)e=[e];else if(e.prop){if(typeof e.value=="undefined")throw new Error("Value field is missed in node creation");typeof e.value!="string"&&(e.value=String(e.value)),e=[new wc(e)]}else if(e.selector||e.selectors)e=[new ma(e)];else if(e.name)e=[new ha(e)];else if(e.text)e=[new bc(e)];else throw new Error("Unknown node type in node creation");return e.map(n=>(n[xc]||Fe.rebuild(n),n=n.proxyOf,n.parent&&n.parent.removeChild(n),n[vc]&&Cc(n),n.raws||(n.raws={}),typeof n.raws.before=="undefined"&&t&&typeof t.raws.before!="undefined"&&(n.raws.before=t.raws.before.replace(/\S/g,"")),n.parent=this.proxyOf,n))}prepend(...e){e=e.reverse();for(let t of e){let i=this.normalize(t,this.first,"prepend").reverse();for(let n of i)this.proxyOf.nodes.unshift(n);for(let n in this.indexes)this.indexes[n]=this.indexes[n]+i.length}return this.markDirty(),this}push(e){return e.parent=this,this.proxyOf.nodes.push(e),this}removeAll(){for(let e of this.proxyOf.nodes)e.parent=void 0;return this.proxyOf.nodes=[],this.markDirty(),this}removeChild(e){e=this.index(e),this.proxyOf.nodes[e].parent=void 0,this.proxyOf.nodes.splice(e,1);let t;for(let i in this.indexes)t=this.indexes[i],t>=e&&(this.indexes[i]=t-1);return this.markDirty(),this}replaceValues(e,t,i){return i||(i=t,t={}),this.walkDecls(n=>{t.props&&!t.props.includes(n.prop)||t.fast&&!n.value.includes(t.fast)||(n.value=n.value.replace(e,i))}),this.markDirty(),this}some(e){return this.nodes.some(e)}walk(e){return this.each((t,i)=>{let n;try{n=e(t,i)}catch(s){throw t.addToError(s)}return n!==!1&&t.walk&&(n=t.walk(e)),n})}walkAtRules(e,t){return t?e instanceof RegExp?this.walk((i,n)=>{if(i.type==="atrule"&&e.test(i.name))return t(i,n)}):this.walk((i,n)=>{if(i.type==="atrule"&&i.name===e)return t(i,n)}):(t=e,this.walk((i,n)=>{if(i.type==="atrule")return t(i,n)}))}walkComments(e){return this.walk((t,i)=>{if(t.type==="comment")return e(t,i)})}walkDecls(e,t){return t?e instanceof RegExp?this.walk((i,n)=>{if(i.type==="decl"&&e.test(i.prop))return t(i,n)}):this.walk((i,n)=>{if(i.type==="decl"&&i.prop===e)return t(i,n)}):(t=e,this.walk((i,n)=>{if(i.type==="decl")return t(i,n)}))}walkRules(e,t){return t?e instanceof RegExp?this.walk((i,n)=>{if(i.type==="rule"&&e.test(i.selector))return t(i,n)}):this.walk((i,n)=>{if(i.type==="rule"&&i.selector===e)return t(i,n)}):(t=e,this.walk((i,n)=>{if(i.type==="rule")return t(i,n)}))}get first(){if(!!this.proxyOf.nodes)return this.proxyOf.nodes[0]}get last(){if(!!this.proxyOf.nodes)return this.proxyOf.nodes[this.proxyOf.nodes.length-1]}};Fe.registerParse=r=>{kc=r};Fe.registerRule=r=>{ma=r};Fe.registerAtRule=r=>{ha=r};Fe.registerRoot=r=>{Sc=r};_c.exports=Fe;Fe.default=Fe;Fe.rebuild=r=>{r.type==="atrule"?Object.setPrototypeOf(r,ha.prototype):r.type==="rule"?Object.setPrototypeOf(r,ma.prototype):r.type==="decl"?Object.setPrototypeOf(r,wc.prototype):r.type==="comment"?Object.setPrototypeOf(r,bc.prototype):r.type==="root"&&Object.setPrototypeOf(r,Sc.prototype),r[xc]=!0,r.nodes&&r.nodes.forEach(e=>{Fe.rebuild(e)})}});var pn=x((O3,Oc)=>{u();"use strict";var Ec=Et(),Kr=class extends Ec{constructor(e){super(e);this.type="atrule"}append(...e){return this.proxyOf.nodes||(this.nodes=[]),super.append(...e)}prepend(...e){return this.proxyOf.nodes||(this.nodes=[]),super.prepend(...e)}};Oc.exports=Kr;Kr.default=Kr;Ec.registerAtRule(Kr)});var dn=x((T3,Pc)=>{u();"use strict";var Tx=Et(),Tc,Rc,er=class extends Tx{constructor(e){super({type:"document",...e});this.nodes||(this.nodes=[])}toResult(e={}){return new Tc(new Rc,this,e).stringify()}};er.registerLazyResult=r=>{Tc=r};er.registerProcessor=r=>{Rc=r};Pc.exports=er;er.default=er});var Dc=x((R3,Ic)=>{u();var Rx="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",Px=(r,e=21)=>(t=e)=>{let i="",n=t;for(;n--;)i+=r[Math.random()*r.length|0];return i},Ix=(r=21)=>{let e="",t=r;for(;t--;)e+=Rx[Math.random()*64|0];return e};Ic.exports={nanoid:Ix,customAlphabet:Px}});var qc=x(()=>{u()});var ga=x((D3,$c)=>{u();$c.exports={}});var mn=x((q3,Bc)=>{u();"use strict";var{nanoid:Dx}=Dc(),{isAbsolute:ya,resolve:ba}=(et(),Ur),{SourceMapConsumer:qx,SourceMapGenerator:$x}=qc(),{fileURLToPath:Lc,pathToFileURL:hn}=(la(),lc),Mc=an(),Lx=ga(),wa=ua(),va=Symbol("fromOffsetCache"),Mx=Boolean(qx&&$x),Nc=Boolean(ba&&ya),Xr=class{constructor(e,t={}){if(e===null||typeof e=="undefined"||typeof e=="object"&&!e.toString)throw new Error(`PostCSS received ${e} instead of CSS string`);if(this.css=e.toString(),this.css[0]==="\uFEFF"||this.css[0]==="\uFFFE"?(this.hasBOM=!0,this.css=this.css.slice(1)):this.hasBOM=!1,t.from&&(!Nc||/^\w+:\/\//.test(t.from)||ya(t.from)?this.file=t.from:this.file=ba(t.from)),Nc&&Mx){let i=new Lx(this.css,t);if(i.text){this.map=i;let n=i.consumer().file;!this.file&&n&&(this.file=this.mapResolve(n))}}this.file||(this.id="<input css "+Dx(6)+">"),this.map&&(this.map.file=this.from)}error(e,t,i,n={}){let s,a,o;if(t&&typeof t=="object"){let c=t,f=i;if(typeof c.offset=="number"){let d=this.fromOffset(c.offset);t=d.line,i=d.col}else t=c.line,i=c.column;if(typeof f.offset=="number"){let d=this.fromOffset(f.offset);a=d.line,s=d.col}else a=f.line,s=f.column}else if(!i){let c=this.fromOffset(t);t=c.line,i=c.col}let l=this.origin(t,i,a,s);return l?o=new Mc(e,l.endLine===void 0?l.line:{column:l.column,line:l.line},l.endLine===void 0?l.column:{column:l.endColumn,line:l.endLine},l.source,l.file,n.plugin):o=new Mc(e,a===void 0?t:{column:i,line:t},a===void 0?i:{column:s,line:a},this.css,this.file,n.plugin),o.input={column:i,endColumn:s,endLine:a,line:t,source:this.css},this.file&&(hn&&(o.input.url=hn(this.file).toString()),o.input.file=this.file),o}fromOffset(e){let t,i;if(this[va])i=this[va];else{let s=this.css.split(`
`);i=new Array(s.length);let a=0;for(let o=0,l=s.length;o<l;o++)i[o]=a,a+=s[o].length+1;this[va]=i}t=i[i.length-1];let n=0;if(e>=t)n=i.length-1;else{let s=i.length-2,a;for(;n<s;)if(a=n+(s-n>>1),e<i[a])s=a-1;else if(e>=i[a+1])n=a+1;else{n=a;break}}return{col:e-i[n]+1,line:n+1}}mapResolve(e){return/^\w+:\/\//.test(e)?e:ba(this.map.consumer().sourceRoot||this.map.root||".",e)}origin(e,t,i,n){if(!this.map)return!1;let s=this.map.consumer(),a=s.originalPositionFor({column:t,line:e});if(!a.source)return!1;let o;typeof i=="number"&&(o=s.originalPositionFor({column:n,line:i}));let l;ya(a.source)?l=hn(a.source):l=new URL(a.source,this.map.consumer().sourceRoot||hn(this.map.mapFile));let c={column:a.column,endColumn:o&&o.column,endLine:o&&o.line,line:a.line,url:l.toString()};if(l.protocol==="file:")if(Lc)c.file=Lc(l);else throw new Error("file: protocol is not available in this PostCSS build");let f=s.sourceContentFor(a.source);return f&&(c.source=f),c}toJSON(){let e={};for(let t of["hasBOM","css","file","id"])this[t]!=null&&(e[t]=this[t]);return this.map&&(e.map={...this.map},e.map.consumerCache&&(e.map.consumerCache=void 0)),e}get from(){return this.file||this.id}};Bc.exports=Xr;Xr.default=Xr;wa&&wa.registerInput&&wa.registerInput(Xr)});var tr=x(($3,Uc)=>{u();"use strict";var Fc=Et(),jc,zc,Ut=class extends Fc{constructor(e){super(e);this.type="root",this.nodes||(this.nodes=[])}normalize(e,t,i){let n=super.normalize(e);if(t){if(i==="prepend")this.nodes.length>1?t.raws.before=this.nodes[1].raws.before:delete t.raws.before;else if(this.first!==t)for(let s of n)s.raws.before=t.raws.before}return n}removeChild(e,t){let i=this.index(e);return!t&&i===0&&this.nodes.length>1&&(this.nodes[1].raws.before=this.nodes[i].raws.before),super.removeChild(e)}toResult(e={}){return new jc(new zc,this,e).stringify()}};Ut.registerLazyResult=r=>{jc=r};Ut.registerProcessor=r=>{zc=r};Uc.exports=Ut;Ut.default=Ut;Fc.registerRoot(Ut)});var xa=x((L3,Vc)=>{u();"use strict";var Zr={comma(r){return Zr.split(r,[","],!0)},space(r){let e=[" ",`
`," "];return Zr.split(r,e)},split(r,e,t){let i=[],n="",s=!1,a=0,o=!1,l="",c=!1;for(let f of r)c?c=!1:f==="\\"?c=!0:o?f===l&&(o=!1):f==='"'||f==="'"?(o=!0,l=f):f==="("?a+=1:f===")"?a>0&&(a-=1):a===0&&e.includes(f)&&(s=!0),s?(n!==""&&i.push(n.trim()),n="",s=!1):n+=f;return(t||n!=="")&&i.push(n.trim()),i}};Vc.exports=Zr;Zr.default=Zr});var gn=x((M3,Wc)=>{u();"use strict";var Hc=Et(),Nx=xa(),Jr=class extends Hc{constructor(e){super(e);this.type="rule",this.nodes||(this.nodes=[])}get selectors(){return Nx.comma(this.selector)}set selectors(e){let t=this.selector?this.selector.match(/,\s*/):null,i=t?t[0]:","+this.raw("between","beforeOpen");this.selector=e.join(i)}};Wc.exports=Jr;Jr.default=Jr;Hc.registerRule(Jr)});var Qc=x((N3,Gc)=>{u();"use strict";var Bx=pn(),Fx=Qr(),jx=Yr(),zx=mn(),Ux=ga(),Vx=tr(),Hx=gn();function ei(r,e){if(Array.isArray(r))return r.map(n=>ei(n));let{inputs:t,...i}=r;if(t){e=[];for(let n of t){let s={...n,__proto__:zx.prototype};s.map&&(s.map={...s.map,__proto__:Ux.prototype}),e.push(s)}}if(i.nodes&&(i.nodes=r.nodes.map(n=>ei(n,e))),i.source){let{inputId:n,...s}=i.source;i.source=s,n!=null&&(i.source.input=e[n])}if(i.type==="root")return new Vx(i);if(i.type==="decl")return new jx(i);if(i.type==="rule")return new Hx(i);if(i.type==="comment")return new Fx(i);if(i.type==="atrule")return new Bx(i);throw new Error("Unknown node type: "+r.type)}Gc.exports=ei;ei.default=ei});var ka=x((B3,Yc)=>{u();Yc.exports=function(r,e){return{generate:()=>{let t="";return r(e,i=>{t+=i}),[t]}}}});var ep=x((F3,Jc)=>{u();"use strict";var Sa="'".charCodeAt(0),Kc='"'.charCodeAt(0),yn="\\".charCodeAt(0),Xc="/".charCodeAt(0),bn=`
`.charCodeAt(0),ti=" ".charCodeAt(0),wn="\f".charCodeAt(0),vn=" ".charCodeAt(0),xn="\r".charCodeAt(0),Wx="[".charCodeAt(0),Gx="]".charCodeAt(0),Qx="(".charCodeAt(0),Yx=")".charCodeAt(0),Kx="{".charCodeAt(0),Xx="}".charCodeAt(0),Zx=";".charCodeAt(0),Jx="*".charCodeAt(0),e1=":".charCodeAt(0),t1="@".charCodeAt(0),kn=/[\t\n\f\r "#'()/;[\\\]{}]/g,Sn=/[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g,r1=/.[\r\n"'(/\\]/,Zc=/[\da-f]/i;Jc.exports=function(e,t={}){let i=e.css.valueOf(),n=t.ignoreErrors,s,a,o,l,c,f,d,p,h,b,v=i.length,y=0,w=[],k=[];function S(){return y}function E(R){throw e.error("Unclosed "+R,y)}function T(){return k.length===0&&y>=v}function B(R){if(k.length)return k.pop();if(y>=v)return;let F=R?R.ignoreUnclosed:!1;switch(s=i.charCodeAt(y),s){case bn:case ti:case vn:case xn:case wn:{l=y;do l+=1,s=i.charCodeAt(l);while(s===ti||s===bn||s===vn||s===xn||s===wn);f=["space",i.slice(y,l)],y=l-1;break}case Wx:case Gx:case Kx:case Xx:case e1:case Zx:case Yx:{let Y=String.fromCharCode(s);f=[Y,Y,y];break}case Qx:{if(b=w.length?w.pop()[1]:"",h=i.charCodeAt(y+1),b==="url"&&h!==Sa&&h!==Kc&&h!==ti&&h!==bn&&h!==vn&&h!==wn&&h!==xn){l=y;do{if(d=!1,l=i.indexOf(")",l+1),l===-1)if(n||F){l=y;break}else E("bracket");for(p=l;i.charCodeAt(p-1)===yn;)p-=1,d=!d}while(d);f=["brackets",i.slice(y,l+1),y,l],y=l}else l=i.indexOf(")",y+1),a=i.slice(y,l+1),l===-1||r1.test(a)?f=["(","(",y]:(f=["brackets",a,y,l],y=l);break}case Sa:case Kc:{c=s===Sa?"'":'"',l=y;do{if(d=!1,l=i.indexOf(c,l+1),l===-1)if(n||F){l=y+1;break}else E("string");for(p=l;i.charCodeAt(p-1)===yn;)p-=1,d=!d}while(d);f=["string",i.slice(y,l+1),y,l],y=l;break}case t1:{kn.lastIndex=y+1,kn.test(i),kn.lastIndex===0?l=i.length-1:l=kn.lastIndex-2,f=["at-word",i.slice(y,l+1),y,l],y=l;break}case yn:{for(l=y,o=!0;i.charCodeAt(l+1)===yn;)l+=1,o=!o;if(s=i.charCodeAt(l+1),o&&s!==Xc&&s!==ti&&s!==bn&&s!==vn&&s!==xn&&s!==wn&&(l+=1,Zc.test(i.charAt(l)))){for(;Zc.test(i.charAt(l+1));)l+=1;i.charCodeAt(l+1)===ti&&(l+=1)}f=["word",i.slice(y,l+1),y,l],y=l;break}default:{s===Xc&&i.charCodeAt(y+1)===Jx?(l=i.indexOf("*/",y+2)+1,l===0&&(n||F?l=i.length:E("comment")),f=["comment",i.slice(y,l+1),y,l],y=l):(Sn.lastIndex=y+1,Sn.test(i),Sn.lastIndex===0?l=i.length-1:l=Sn.lastIndex-2,f=["word",i.slice(y,l+1),y,l],w.push(f),y=l);break}}return y++,f}function N(R){k.push(R)}return{back:N,endOfFile:T,nextToken:B,position:S}}});var sp=x((j3,np)=>{u();"use strict";var i1=pn(),n1=Qr(),s1=Yr(),a1=tr(),tp=gn(),o1=ep(),rp={empty:!0,space:!0};function l1(r){for(let e=r.length-1;e>=0;e--){let t=r[e],i=t[3]||t[2];if(i)return i}}var ip=class{constructor(e){this.input=e,this.root=new a1,this.current=this.root,this.spaces="",this.semicolon=!1,this.createTokenizer(),this.root.source={input:e,start:{column:1,line:1,offset:0}}}atrule(e){let t=new i1;t.name=e[1].slice(1),t.name===""&&this.unnamedAtrule(t,e),this.init(t,e[2]);let i,n,s,a=!1,o=!1,l=[],c=[];for(;!this.tokenizer.endOfFile();){if(e=this.tokenizer.nextToken(),i=e[0],i==="("||i==="["?c.push(i==="("?")":"]"):i==="{"&&c.length>0?c.push("}"):i===c[c.length-1]&&c.pop(),c.length===0)if(i===";"){t.source.end=this.getPosition(e[2]),t.source.end.offset++,this.semicolon=!0;break}else if(i==="{"){o=!0;break}else if(i==="}"){if(l.length>0){for(s=l.length-1,n=l[s];n&&n[0]==="space";)n=l[--s];n&&(t.source.end=this.getPosition(n[3]||n[2]),t.source.end.offset++)}this.end(e);break}else l.push(e);else l.push(e);if(this.tokenizer.endOfFile()){a=!0;break}}t.raws.between=this.spacesAndCommentsFromEnd(l),l.length?(t.raws.afterName=this.spacesAndCommentsFromStart(l),this.raw(t,"params",l),a&&(e=l[l.length-1],t.source.end=this.getPosition(e[3]||e[2]),t.source.end.offset++,this.spaces=t.raws.between,t.raws.between="")):(t.raws.afterName="",t.params=""),o&&(t.nodes=[],this.current=t)}checkMissedSemicolon(e){let t=this.colon(e);if(t===!1)return;let i=0,n;for(let s=t-1;s>=0&&(n=e[s],!(n[0]!=="space"&&(i+=1,i===2)));s--);throw this.input.error("Missed semicolon",n[0]==="word"?n[3]+1:n[2])}colon(e){let t=0,i,n,s;for(let[a,o]of e.entries()){if(n=o,s=n[0],s==="("&&(t+=1),s===")"&&(t-=1),t===0&&s===":")if(!i)this.doubleColon(n);else{if(i[0]==="word"&&i[1]==="progid")continue;return a}i=n}return!1}comment(e){let t=new n1;this.init(t,e[2]),t.source.end=this.getPosition(e[3]||e[2]),t.source.end.offset++;let i=e[1].slice(2,-2);if(/^\s*$/.test(i))t.text="",t.raws.left=i,t.raws.right="";else{let n=i.match(/^(\s*)([^]*\S)(\s*)$/);t.text=n[2],t.raws.left=n[1],t.raws.right=n[3]}}createTokenizer(){this.tokenizer=o1(this.input)}decl(e,t){let i=new s1;this.init(i,e[0][2]);let n=e[e.length-1];for(n[0]===";"&&(this.semicolon=!0,e.pop()),i.source.end=this.getPosition(n[3]||n[2]||l1(e)),i.source.end.offset++;e[0][0]!=="word";)e.length===1&&this.unknownWord(e),i.raws.before+=e.shift()[1];for(i.source.start=this.getPosition(e[0][2]),i.prop="";e.length;){let c=e[0][0];if(c===":"||c==="space"||c==="comment")break;i.prop+=e.shift()[1]}i.raws.between="";let s;for(;e.length;)if(s=e.shift(),s[0]===":"){i.raws.between+=s[1];break}else s[0]==="word"&&/\w/.test(s[1])&&this.unknownWord([s]),i.raws.between+=s[1];(i.prop[0]==="_"||i.prop[0]==="*")&&(i.raws.before+=i.prop[0],i.prop=i.prop.slice(1));let a=[],o;for(;e.length&&(o=e[0][0],!(o!=="space"&&o!=="comment"));)a.push(e.shift());this.precheckMissedSemicolon(e);for(let c=e.length-1;c>=0;c--){if(s=e[c],s[1].toLowerCase()==="!important"){i.important=!0;let f=this.stringFrom(e,c);f=this.spacesFromEnd(e)+f,f!==" !important"&&(i.raws.important=f);break}else if(s[1].toLowerCase()==="important"){let f=e.slice(0),d="";for(let p=c;p>0;p--){let h=f[p][0];if(d.trim().startsWith("!")&&h!=="space")break;d=f.pop()[1]+d}d.trim().startsWith("!")&&(i.important=!0,i.raws.important=d,e=f)}if(s[0]!=="space"&&s[0]!=="comment")break}e.some(c=>c[0]!=="space"&&c[0]!=="comment")&&(i.raws.between+=a.map(c=>c[1]).join(""),a=[]),this.raw(i,"value",a.concat(e),t),i.value.includes(":")&&!t&&this.checkMissedSemicolon(e)}doubleColon(e){throw this.input.error("Double colon",{offset:e[2]},{offset:e[2]+e[1].length})}emptyRule(e){let t=new tp;this.init(t,e[2]),t.selector="",t.raws.between="",this.current=t}end(e){this.current.nodes&&this.current.nodes.length&&(this.current.raws.semicolon=this.semicolon),this.semicolon=!1,this.current.raws.after=(this.current.raws.after||"")+this.spaces,this.spaces="",this.current.parent?(this.current.source.end=this.getPosition(e[2]),this.current.source.end.offset++,this.current=this.current.parent):this.unexpectedClose(e)}endFile(){this.current.parent&&this.unclosedBlock(),this.current.nodes&&this.current.nodes.length&&(this.current.raws.semicolon=this.semicolon),this.current.raws.after=(this.current.raws.after||"")+this.spaces,this.root.source.end=this.getPosition(this.tokenizer.position())}freeSemicolon(e){if(this.spaces+=e[1],this.current.nodes){let t=this.current.nodes[this.current.nodes.length-1];t&&t.type==="rule"&&!t.raws.ownSemicolon&&(t.raws.ownSemicolon=this.spaces,this.spaces="")}}getPosition(e){let t=this.input.fromOffset(e);return{column:t.col,line:t.line,offset:e}}init(e,t){this.current.push(e),e.source={input:this.input,start:this.getPosition(t)},e.raws.before=this.spaces,this.spaces="",e.type!=="comment"&&(this.semicolon=!1)}other(e){let t=!1,i=null,n=!1,s=null,a=[],o=e[1].startsWith("--"),l=[],c=e;for(;c;){if(i=c[0],l.push(c),i==="("||i==="[")s||(s=c),a.push(i==="("?")":"]");else if(o&&n&&i==="{")s||(s=c),a.push("}");else if(a.length===0)if(i===";")if(n){this.decl(l,o);return}else break;else if(i==="{"){this.rule(l);return}else if(i==="}"){this.tokenizer.back(l.pop()),t=!0;break}else i===":"&&(n=!0);else i===a[a.length-1]&&(a.pop(),a.length===0&&(s=null));c=this.tokenizer.nextToken()}if(this.tokenizer.endOfFile()&&(t=!0),a.length>0&&this.unclosedBracket(s),t&&n){if(!o)for(;l.length&&(c=l[l.length-1][0],!(c!=="space"&&c!=="comment"));)this.tokenizer.back(l.pop());this.decl(l,o)}else this.unknownWord(l)}parse(){let e;for(;!this.tokenizer.endOfFile();)switch(e=this.tokenizer.nextToken(),e[0]){case"space":this.spaces+=e[1];break;case";":this.freeSemicolon(e);break;case"}":this.end(e);break;case"comment":this.comment(e);break;case"at-word":this.atrule(e);break;case"{":this.emptyRule(e);break;default:this.other(e);break}this.endFile()}precheckMissedSemicolon(){}raw(e,t,i,n){let s,a,o=i.length,l="",c=!0,f,d;for(let p=0;p<o;p+=1)s=i[p],a=s[0],a==="space"&&p===o-1&&!n?c=!1:a==="comment"?(d=i[p-1]?i[p-1][0]:"empty",f=i[p+1]?i[p+1][0]:"empty",!rp[d]&&!rp[f]?l.slice(-1)===","?c=!1:l+=s[1]:c=!1):l+=s[1];if(!c){let p=i.reduce((h,b)=>h+b[1],"");e.raws[t]={raw:p,value:l}}e[t]=l}rule(e){e.pop();let t=new tp;this.init(t,e[0][2]),t.raws.between=this.spacesAndCommentsFromEnd(e),this.raw(t,"selector",e),this.current=t}spacesAndCommentsFromEnd(e){let t,i="";for(;e.length&&(t=e[e.length-1][0],!(t!=="space"&&t!=="comment"));)i=e.pop()[1]+i;return i}spacesAndCommentsFromStart(e){let t,i="";for(;e.length&&(t=e[0][0],!(t!=="space"&&t!=="comment"));)i+=e.shift()[1];return i}spacesFromEnd(e){let t,i="";for(;e.length&&(t=e[e.length-1][0],t==="space");)i=e.pop()[1]+i;return i}stringFrom(e,t){let i="";for(let n=t;n<e.length;n++)i+=e[n][1];return e.splice(t,e.length-t),i}unclosedBlock(){let e=this.current.source.start;throw this.input.error("Unclosed block",e.line,e.column)}unclosedBracket(e){throw this.input.error("Unclosed bracket",{offset:e[2]},{offset:e[2]+1})}unexpectedClose(e){throw this.input.error("Unexpected }",{offset:e[2]},{offset:e[2]+1})}unknownWord(e){throw this.input.error("Unknown word",{offset:e[0][2]},{offset:e[0][2]+e[0][1].length})}unnamedAtrule(e,t){throw this.input.error("At-rule without name",{offset:t[2]},{offset:t[2]+t[1].length})}};np.exports=ip});var Cn=x((z3,ap)=>{u();"use strict";var u1=Et(),f1=mn(),c1=sp();function An(r,e){let t=new f1(r,e),i=new c1(t);try{i.parse()}catch(n){throw n}return i.root}ap.exports=An;An.default=An;u1.registerParse(An)});var Aa=x((U3,op)=>{u();"use strict";var _n=class{constructor(e,t={}){if(this.type="warning",this.text=e,t.node&&t.node.source){let i=t.node.rangeBy(t);this.line=i.start.line,this.column=i.start.column,this.endLine=i.end.line,this.endColumn=i.end.column}for(let i in t)this[i]=t[i]}toString(){return this.node?this.node.error(this.text,{index:this.index,plugin:this.plugin,word:this.word}).message:this.plugin?this.plugin+": "+this.text:this.text}};op.exports=_n;_n.default=_n});var On=x((V3,lp)=>{u();"use strict";var p1=Aa(),En=class{constructor(e,t,i){this.processor=e,this.messages=[],this.root=t,this.opts=i,this.css=void 0,this.map=void 0}toString(){return this.css}warn(e,t={}){t.plugin||this.lastPlugin&&this.lastPlugin.postcssPlugin&&(t.plugin=this.lastPlugin.postcssPlugin);let i=new p1(e,t);return this.messages.push(i),i}warnings(){return this.messages.filter(e=>e.type==="warning")}get content(){return this.css}};lp.exports=En;En.default=En});var Ca=x((H3,fp)=>{u();"use strict";var up={};fp.exports=function(e){up[e]||(up[e]=!0,typeof console!="undefined"&&console.warn&&console.warn(e))}});var Oa=x((G3,hp)=>{u();"use strict";var d1=Et(),h1=dn(),m1=ka(),g1=Cn(),cp=On(),y1=tr(),b1=Vr(),{isClean:tt,my:w1}=ln(),W3=Ca(),v1={atrule:"AtRule",comment:"Comment",decl:"Declaration",document:"Document",root:"Root",rule:"Rule"},x1={AtRule:!0,AtRuleExit:!0,Comment:!0,CommentExit:!0,Declaration:!0,DeclarationExit:!0,Document:!0,DocumentExit:!0,Once:!0,OnceExit:!0,postcssPlugin:!0,prepare:!0,Root:!0,RootExit:!0,Rule:!0,RuleExit:!0},k1={Once:!0,postcssPlugin:!0,prepare:!0},rr=0;function ri(r){return typeof r=="object"&&typeof r.then=="function"}function pp(r){let e=!1,t=v1[r.type];return r.type==="decl"?e=r.prop.toLowerCase():r.type==="atrule"&&(e=r.name.toLowerCase()),e&&r.append?[t,t+"-"+e,rr,t+"Exit",t+"Exit-"+e]:e?[t,t+"-"+e,t+"Exit",t+"Exit-"+e]:r.append?[t,rr,t+"Exit"]:[t,t+"Exit"]}function dp(r){let e;return r.type==="document"?e=["Document",rr,"DocumentExit"]:r.type==="root"?e=["Root",rr,"RootExit"]:e=pp(r),{eventIndex:0,events:e,iterator:0,node:r,visitorIndex:0,visitors:[]}}function _a(r){return r[tt]=!1,r.nodes&&r.nodes.forEach(e=>_a(e)),r}var Ea={},pt=class{constructor(e,t,i){this.stringified=!1,this.processed=!1;let n;if(typeof t=="object"&&t!==null&&(t.type==="root"||t.type==="document"))n=_a(t);else if(t instanceof pt||t instanceof cp)n=_a(t.root),t.map&&(typeof i.map=="undefined"&&(i.map={}),i.map.inline||(i.map.inline=!1),i.map.prev=t.map);else{let s=g1;i.syntax&&(s=i.syntax.parse),i.parser&&(s=i.parser),s.parse&&(s=s.parse);try{n=s(t,i)}catch(a){this.processed=!0,this.error=a}n&&!n[w1]&&d1.rebuild(n)}this.result=new cp(e,n,i),this.helpers={...Ea,postcss:Ea,result:this.result},this.plugins=this.processor.plugins.map(s=>typeof s=="object"&&s.prepare?{...s,...s.prepare(this.result)}:s)}async(){return this.error?Promise.reject(this.error):this.processed?Promise.resolve(this.result):(this.processing||(this.processing=this.runAsync()),this.processing)}catch(e){return this.async().catch(e)}finally(e){return this.async().then(e,e)}getAsyncError(){throw new Error("Use process(css).then(cb) to work with async plugins")}handleError(e,t){let i=this.result.lastPlugin;try{t&&t.addToError(e),this.error=e,e.name==="CssSyntaxError"&&!e.plugin?(e.plugin=i.postcssPlugin,e.setMessage()):i.postcssVersion}catch(n){console&&console.error&&console.error(n)}return e}prepareVisitors(){this.listeners={};let e=(t,i,n)=>{this.listeners[i]||(this.listeners[i]=[]),this.listeners[i].push([t,n])};for(let t of this.plugins)if(typeof t=="object")for(let i in t){if(!x1[i]&&/^[A-Z]/.test(i))throw new Error(`Unknown event ${i} in ${t.postcssPlugin}. Try to update PostCSS (${this.processor.version} now).`);if(!k1[i])if(typeof t[i]=="object")for(let n in t[i])n==="*"?e(t,i,t[i][n]):e(t,i+"-"+n.toLowerCase(),t[i][n]);else typeof t[i]=="function"&&e(t,i,t[i])}this.hasListener=Object.keys(this.listeners).length>0}async runAsync(){this.plugin=0;for(let e=0;e<this.plugins.length;e++){let t=this.plugins[e],i=this.runOnRoot(t);if(ri(i))try{await i}catch(n){throw this.handleError(n)}}if(this.prepareVisitors(),this.hasListener){let e=this.result.root;for(;!e[tt];){e[tt]=!0;let t=[dp(e)];for(;t.length>0;){let i=this.visitTick(t);if(ri(i))try{await i}catch(n){let s=t[t.length-1].node;throw this.handleError(n,s)}}}if(this.listeners.OnceExit)for(let[t,i]of this.listeners.OnceExit){this.result.lastPlugin=t;try{if(e.type==="document"){let n=e.nodes.map(s=>i(s,this.helpers));await Promise.all(n)}else await i(e,this.helpers)}catch(n){throw this.handleError(n)}}}return this.processed=!0,this.stringify()}runOnRoot(e){this.result.lastPlugin=e;try{if(typeof e=="object"&&e.Once){if(this.result.root.type==="document"){let t=this.result.root.nodes.map(i=>e.Once(i,this.helpers));return ri(t[0])?Promise.all(t):t}return e.Once(this.result.root,this.helpers)}else if(typeof e=="function")return e(this.result.root,this.result)}catch(t){throw this.handleError(t)}}stringify(){if(this.error)throw this.error;if(this.stringified)return this.result;this.stringified=!0,this.sync();let e=this.result.opts,t=b1;e.syntax&&(t=e.syntax.stringify),e.stringifier&&(t=e.stringifier),t.stringify&&(t=t.stringify);let n=new m1(t,this.result.root,this.result.opts).generate();return this.result.css=n[0],this.result.map=n[1],this.result}sync(){if(this.error)throw this.error;if(this.processed)return this.result;if(this.processed=!0,this.processing)throw this.getAsyncError();for(let e of this.plugins){let t=this.runOnRoot(e);if(ri(t))throw this.getAsyncError()}if(this.prepareVisitors(),this.hasListener){let e=this.result.root;for(;!e[tt];)e[tt]=!0,this.walkSync(e);if(this.listeners.OnceExit)if(e.type==="document")for(let t of e.nodes)this.visitSync(this.listeners.OnceExit,t);else this.visitSync(this.listeners.OnceExit,e)}return this.result}then(e,t){return this.async().then(e,t)}toString(){return this.css}visitSync(e,t){for(let[i,n]of e){this.result.lastPlugin=i;let s;try{s=n(t,this.helpers)}catch(a){throw this.handleError(a,t.proxyOf)}if(t.type!=="root"&&t.type!=="document"&&!t.parent)return!0;if(ri(s))throw this.getAsyncError()}}visitTick(e){let t=e[e.length-1],{node:i,visitors:n}=t;if(i.type!=="root"&&i.type!=="document"&&!i.parent){e.pop();return}if(n.length>0&&t.visitorIndex<n.length){let[a,o]=n[t.visitorIndex];t.visitorIndex+=1,t.visitorIndex===n.length&&(t.visitors=[],t.visitorIndex=0),this.result.lastPlugin=a;try{return o(i.toProxy(),this.helpers)}catch(l){throw this.handleError(l,i)}}if(t.iterator!==0){let a=t.iterator,o;for(;o=i.nodes[i.indexes[a]];)if(i.indexes[a]+=1,!o[tt]){o[tt]=!0,e.push(dp(o));return}t.iterator=0,delete i.indexes[a]}let s=t.events;for(;t.eventIndex<s.length;){let a=s[t.eventIndex];if(t.eventIndex+=1,a===rr){i.nodes&&i.nodes.length&&(i[tt]=!0,t.iterator=i.getIterator());return}else if(this.listeners[a]){t.visitors=this.listeners[a];return}}e.pop()}walkSync(e){e[tt]=!0;let t=pp(e);for(let i of t)if(i===rr)e.nodes&&e.each(n=>{n[tt]||this.walkSync(n)});else{let n=this.listeners[i];if(n&&this.visitSync(n,e.toProxy()))return}}warnings(){return this.sync().warnings()}get content(){return this.stringify().content}get css(){return this.stringify().css}get map(){return this.stringify().map}get messages(){return this.sync().messages}get opts(){return this.result.opts}get processor(){return this.result.processor}get root(){return this.sync().root}get[Symbol.toStringTag](){return"LazyResult"}};pt.registerPostcss=r=>{Ea=r};hp.exports=pt;pt.default=pt;y1.registerLazyResult(pt);h1.registerLazyResult(pt)});var gp=x((Y3,mp)=>{u();"use strict";var S1=ka(),A1=Cn(),C1=On(),_1=Vr(),Q3=Ca(),Tn=class{constructor(e,t,i){t=t.toString(),this.stringified=!1,this._processor=e,this._css=t,this._opts=i,this._map=void 0;let n,s=_1;this.result=new C1(this._processor,n,this._opts),this.result.css=t;let a=this;Object.defineProperty(this.result,"root",{get(){return a.root}});let o=new S1(s,n,this._opts,t);if(o.isMap()){let[l,c]=o.generate();l&&(this.result.css=l),c&&(this.result.map=c)}else o.clearAnnotation(),this.result.css=o.css}async(){return this.error?Promise.reject(this.error):Promise.resolve(this.result)}catch(e){return this.async().catch(e)}finally(e){return this.async().then(e,e)}sync(){if(this.error)throw this.error;return this.result}then(e,t){return this.async().then(e,t)}toString(){return this._css}warnings(){return[]}get content(){return this.result.css}get css(){return this.result.css}get map(){return this.result.map}get messages(){return[]}get opts(){return this.result.opts}get processor(){return this.result.processor}get root(){if(this._root)return this._root;let e,t=A1;try{e=t(this._css,this._opts)}catch(i){this.error=i}if(this.error)throw this.error;return this._root=e,e}get[Symbol.toStringTag](){return"NoWorkResult"}};mp.exports=Tn;Tn.default=Tn});var bp=x((K3,yp)=>{u();"use strict";var E1=dn(),O1=Oa(),T1=gp(),R1=tr(),ir=class{constructor(e=[]){this.version="8.4.49",this.plugins=this.normalize(e)}normalize(e){let t=[];for(let i of e)if(i.postcss===!0?i=i():i.postcss&&(i=i.postcss),typeof i=="object"&&Array.isArray(i.plugins))t=t.concat(i.plugins);else if(typeof i=="object"&&i.postcssPlugin)t.push(i);else if(typeof i=="function")t.push(i);else if(!(typeof i=="object"&&(i.parse||i.stringify)))throw new Error(i+" is not a PostCSS plugin");return t}process(e,t={}){return!this.plugins.length&&!t.parser&&!t.stringifier&&!t.syntax?new T1(this,e,t):new O1(this,e,t)}use(e){return this.plugins=this.plugins.concat(this.normalize([e])),this}};yp.exports=ir;ir.default=ir;R1.registerProcessor(ir);E1.registerProcessor(ir)});var $e=x((X3,Cp)=>{u();"use strict";var wp=pn(),vp=Qr(),P1=Et(),I1=an(),xp=Yr(),kp=dn(),D1=Qc(),q1=mn(),$1=Oa(),L1=xa(),M1=Gr(),N1=Cn(),Ta=bp(),B1=On(),Sp=tr(),Ap=gn(),F1=Vr(),j1=Aa();function J(...r){return r.length===1&&Array.isArray(r[0])&&(r=r[0]),new Ta(r)}J.plugin=function(e,t){let i=!1;function n(...a){console&&console.warn&&!i&&(i=!0,console.warn(e+`: postcss.plugin was deprecated. Migration guide:
https://evilmartians.com/chronicles/postcss-8-plugin-migration`),m.env.LANG&&m.env.LANG.startsWith("cn")&&console.warn(e+`: \u91CC\u9762 postcss.plugin \u88AB\u5F03\u7528. \u8FC1\u79FB\u6307\u5357:
https://www.w3ctech.com/topic/2226`));let o=t(...a);return o.postcssPlugin=e,o.postcssVersion=new Ta().version,o}let s;return Object.defineProperty(n,"postcss",{get(){return s||(s=n()),s}}),n.process=function(a,o,l){return J([n(l)]).process(a,o)},n};J.stringify=F1;J.parse=N1;J.fromJSON=D1;J.list=L1;J.comment=r=>new vp(r);J.atRule=r=>new wp(r);J.decl=r=>new xp(r);J.rule=r=>new Ap(r);J.root=r=>new Sp(r);J.document=r=>new kp(r);J.CssSyntaxError=I1;J.Declaration=xp;J.Container=P1;J.Processor=Ta;J.Document=kp;J.Comment=vp;J.Warning=j1;J.AtRule=wp;J.Result=B1;J.Input=q1;J.Rule=Ap;J.Root=Sp;J.Node=M1;$1.registerPostcss(J);Cp.exports=J;J.default=J});var re,ee,Z3,J3,eI,tI,rI,iI,nI,sI,aI,oI,lI,uI,fI,cI,pI,dI,hI,mI,gI,yI,bI,wI,vI,xI,Ot=P(()=>{u();re=pe($e()),ee=re.default,Z3=re.default.stringify,J3=re.default.fromJSON,eI=re.default.plugin,tI=re.default.parse,rI=re.default.list,iI=re.default.document,nI=re.default.comment,sI=re.default.atRule,aI=re.default.rule,oI=re.default.decl,lI=re.default.root,uI=re.default.CssSyntaxError,fI=re.default.Declaration,cI=re.default.Container,pI=re.default.Processor,dI=re.default.Document,hI=re.default.Comment,mI=re.default.Warning,gI=re.default.AtRule,yI=re.default.Result,bI=re.default.Input,wI=re.default.Rule,vI=re.default.Root,xI=re.default.Node});var Ra=x((SI,_p)=>{u();_p.exports=function(r,e,t,i,n){for(e=e.split?e.split("."):e,i=0;i<e.length;i++)r=r?r[e[i]]:n;return r===n?t:r}});var Pn=x((Rn,Ep)=>{u();"use strict";Rn.__esModule=!0;Rn.default=V1;function z1(r){for(var e=r.toLowerCase(),t="",i=!1,n=0;n<6&&e[n]!==void 0;n++){var s=e.charCodeAt(n),a=s>=97&&s<=102||s>=48&&s<=57;if(i=s===32,!a)break;t+=e[n]}if(t.length!==0){var o=parseInt(t,16),l=o>=55296&&o<=57343;return l||o===0||o>1114111?["\uFFFD",t.length+(i?1:0)]:[String.fromCodePoint(o),t.length+(i?1:0)]}}var U1=/\\/;function V1(r){var e=U1.test(r);if(!e)return r;for(var t="",i=0;i<r.length;i++){if(r[i]==="\\"){var n=z1(r.slice(i+1,i+7));if(n!==void 0){t+=n[0],i+=n[1];continue}if(r[i+1]==="\\"){t+="\\",i++;continue}r.length===i+1&&(t+=r[i]);continue}t+=r[i]}return t}Ep.exports=Rn.default});var Tp=x((In,Op)=>{u();"use strict";In.__esModule=!0;In.default=H1;function H1(r){for(var e=arguments.length,t=new Array(e>1?e-1:0),i=1;i<e;i++)t[i-1]=arguments[i];for(;t.length>0;){var n=t.shift();if(!r[n])return;r=r[n]}return r}Op.exports=In.default});var Pp=x((Dn,Rp)=>{u();"use strict";Dn.__esModule=!0;Dn.default=W1;function W1(r){for(var e=arguments.length,t=new Array(e>1?e-1:0),i=1;i<e;i++)t[i-1]=arguments[i];for(;t.length>0;){var n=t.shift();r[n]||(r[n]={}),r=r[n]}}Rp.exports=Dn.default});var Dp=x((qn,Ip)=>{u();"use strict";qn.__esModule=!0;qn.default=G1;function G1(r){for(var e="",t=r.indexOf("/*"),i=0;t>=0;){e=e+r.slice(i,t);var n=r.indexOf("*/",t+2);if(n<0)return e;i=n+2,t=r.indexOf("/*",i)}return e=e+r.slice(i),e}Ip.exports=qn.default});var ii=x(rt=>{u();"use strict";rt.__esModule=!0;rt.unesc=rt.stripComments=rt.getProp=rt.ensureObject=void 0;var Q1=$n(Pn());rt.unesc=Q1.default;var Y1=$n(Tp());rt.getProp=Y1.default;var K1=$n(Pp());rt.ensureObject=K1.default;var X1=$n(Dp());rt.stripComments=X1.default;function $n(r){return r&&r.__esModule?r:{default:r}}});var dt=x((ni,Lp)=>{u();"use strict";ni.__esModule=!0;ni.default=void 0;var qp=ii();function $p(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function Z1(r,e,t){return e&&$p(r.prototype,e),t&&$p(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}var J1=function r(e,t){if(typeof e!="object"||e===null)return e;var i=new e.constructor;for(var n in e)if(!!e.hasOwnProperty(n)){var s=e[n],a=typeof s;n==="parent"&&a==="object"?t&&(i[n]=t):s instanceof Array?i[n]=s.map(function(o){return r(o,i)}):i[n]=r(s,i)}return i},ek=function(){function r(t){t===void 0&&(t={}),Object.assign(this,t),this.spaces=this.spaces||{},this.spaces.before=this.spaces.before||"",this.spaces.after=this.spaces.after||""}var e=r.prototype;return e.remove=function(){return this.parent&&this.parent.removeChild(this),this.parent=void 0,this},e.replaceWith=function(){if(this.parent){for(var i in arguments)this.parent.insertBefore(this,arguments[i]);this.remove()}return this},e.next=function(){return this.parent.at(this.parent.index(this)+1)},e.prev=function(){return this.parent.at(this.parent.index(this)-1)},e.clone=function(i){i===void 0&&(i={});var n=J1(this);for(var s in i)n[s]=i[s];return n},e.appendToPropertyAndEscape=function(i,n,s){this.raws||(this.raws={});var a=this[i],o=this.raws[i];this[i]=a+n,o||s!==n?this.raws[i]=(o||a)+s:delete this.raws[i]},e.setPropertyAndEscape=function(i,n,s){this.raws||(this.raws={}),this[i]=n,this.raws[i]=s},e.setPropertyWithoutEscape=function(i,n){this[i]=n,this.raws&&delete this.raws[i]},e.isAtPosition=function(i,n){if(this.source&&this.source.start&&this.source.end)return!(this.source.start.line>i||this.source.end.line<i||this.source.start.line===i&&this.source.start.column>n||this.source.end.line===i&&this.source.end.column<n)},e.stringifyProperty=function(i){return this.raws&&this.raws[i]||this[i]},e.valueToString=function(){return String(this.stringifyProperty("value"))},e.toString=function(){return[this.rawSpaceBefore,this.valueToString(),this.rawSpaceAfter].join("")},Z1(r,[{key:"rawSpaceBefore",get:function(){var i=this.raws&&this.raws.spaces&&this.raws.spaces.before;return i===void 0&&(i=this.spaces&&this.spaces.before),i||""},set:function(i){(0,qp.ensureObject)(this,"raws","spaces"),this.raws.spaces.before=i}},{key:"rawSpaceAfter",get:function(){var i=this.raws&&this.raws.spaces&&this.raws.spaces.after;return i===void 0&&(i=this.spaces.after),i||""},set:function(i){(0,qp.ensureObject)(this,"raws","spaces"),this.raws.spaces.after=i}}]),r}();ni.default=ek;Lp.exports=ni.default});var Se=x(ie=>{u();"use strict";ie.__esModule=!0;ie.UNIVERSAL=ie.TAG=ie.STRING=ie.SELECTOR=ie.ROOT=ie.PSEUDO=ie.NESTING=ie.ID=ie.COMMENT=ie.COMBINATOR=ie.CLASS=ie.ATTRIBUTE=void 0;var tk="tag";ie.TAG=tk;var rk="string";ie.STRING=rk;var ik="selector";ie.SELECTOR=ik;var nk="root";ie.ROOT=nk;var sk="pseudo";ie.PSEUDO=sk;var ak="nesting";ie.NESTING=ak;var ok="id";ie.ID=ok;var lk="comment";ie.COMMENT=lk;var uk="combinator";ie.COMBINATOR=uk;var fk="class";ie.CLASS=fk;var ck="attribute";ie.ATTRIBUTE=ck;var pk="universal";ie.UNIVERSAL=pk});var Ln=x((si,Fp)=>{u();"use strict";si.__esModule=!0;si.default=void 0;var dk=mk(dt()),ht=hk(Se());function Mp(r){if(typeof WeakMap!="function")return null;var e=new WeakMap,t=new WeakMap;return(Mp=function(n){return n?t:e})(r)}function hk(r,e){if(!e&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var t=Mp(e);if(t&&t.has(r))return t.get(r);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in r)if(s!=="default"&&Object.prototype.hasOwnProperty.call(r,s)){var a=n?Object.getOwnPropertyDescriptor(r,s):null;a&&(a.get||a.set)?Object.defineProperty(i,s,a):i[s]=r[s]}return i.default=r,t&&t.set(r,i),i}function mk(r){return r&&r.__esModule?r:{default:r}}function gk(r,e){var t=typeof Symbol!="undefined"&&r[Symbol.iterator]||r["@@iterator"];if(t)return(t=t.call(r)).next.bind(t);if(Array.isArray(r)||(t=yk(r))||e&&r&&typeof r.length=="number"){t&&(r=t);var i=0;return function(){return i>=r.length?{done:!0}:{done:!1,value:r[i++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function yk(r,e){if(!!r){if(typeof r=="string")return Np(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);if(t==="Object"&&r.constructor&&(t=r.constructor.name),t==="Map"||t==="Set")return Array.from(r);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Np(r,e)}}function Np(r,e){(e==null||e>r.length)&&(e=r.length);for(var t=0,i=new Array(e);t<e;t++)i[t]=r[t];return i}function Bp(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function bk(r,e,t){return e&&Bp(r.prototype,e),t&&Bp(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}function wk(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Pa(r,e)}function Pa(r,e){return Pa=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Pa(r,e)}var vk=function(r){wk(e,r);function e(i){var n;return n=r.call(this,i)||this,n.nodes||(n.nodes=[]),n}var t=e.prototype;return t.append=function(n){return n.parent=this,this.nodes.push(n),this},t.prepend=function(n){return n.parent=this,this.nodes.unshift(n),this},t.at=function(n){return this.nodes[n]},t.index=function(n){return typeof n=="number"?n:this.nodes.indexOf(n)},t.removeChild=function(n){n=this.index(n),this.at(n).parent=void 0,this.nodes.splice(n,1);var s;for(var a in this.indexes)s=this.indexes[a],s>=n&&(this.indexes[a]=s-1);return this},t.removeAll=function(){for(var n=gk(this.nodes),s;!(s=n()).done;){var a=s.value;a.parent=void 0}return this.nodes=[],this},t.empty=function(){return this.removeAll()},t.insertAfter=function(n,s){s.parent=this;var a=this.index(n);this.nodes.splice(a+1,0,s),s.parent=this;var o;for(var l in this.indexes)o=this.indexes[l],a<=o&&(this.indexes[l]=o+1);return this},t.insertBefore=function(n,s){s.parent=this;var a=this.index(n);this.nodes.splice(a,0,s),s.parent=this;var o;for(var l in this.indexes)o=this.indexes[l],o<=a&&(this.indexes[l]=o+1);return this},t._findChildAtPosition=function(n,s){var a=void 0;return this.each(function(o){if(o.atPosition){var l=o.atPosition(n,s);if(l)return a=l,!1}else if(o.isAtPosition(n,s))return a=o,!1}),a},t.atPosition=function(n,s){if(this.isAtPosition(n,s))return this._findChildAtPosition(n,s)||this},t._inferEndPosition=function(){this.last&&this.last.source&&this.last.source.end&&(this.source=this.source||{},this.source.end=this.source.end||{},Object.assign(this.source.end,this.last.source.end))},t.each=function(n){this.lastEach||(this.lastEach=0),this.indexes||(this.indexes={}),this.lastEach++;var s=this.lastEach;if(this.indexes[s]=0,!!this.length){for(var a,o;this.indexes[s]<this.length&&(a=this.indexes[s],o=n(this.at(a),a),o!==!1);)this.indexes[s]+=1;if(delete this.indexes[s],o===!1)return!1}},t.walk=function(n){return this.each(function(s,a){var o=n(s,a);if(o!==!1&&s.length&&(o=s.walk(n)),o===!1)return!1})},t.walkAttributes=function(n){var s=this;return this.walk(function(a){if(a.type===ht.ATTRIBUTE)return n.call(s,a)})},t.walkClasses=function(n){var s=this;return this.walk(function(a){if(a.type===ht.CLASS)return n.call(s,a)})},t.walkCombinators=function(n){var s=this;return this.walk(function(a){if(a.type===ht.COMBINATOR)return n.call(s,a)})},t.walkComments=function(n){var s=this;return this.walk(function(a){if(a.type===ht.COMMENT)return n.call(s,a)})},t.walkIds=function(n){var s=this;return this.walk(function(a){if(a.type===ht.ID)return n.call(s,a)})},t.walkNesting=function(n){var s=this;return this.walk(function(a){if(a.type===ht.NESTING)return n.call(s,a)})},t.walkPseudos=function(n){var s=this;return this.walk(function(a){if(a.type===ht.PSEUDO)return n.call(s,a)})},t.walkTags=function(n){var s=this;return this.walk(function(a){if(a.type===ht.TAG)return n.call(s,a)})},t.walkUniversals=function(n){var s=this;return this.walk(function(a){if(a.type===ht.UNIVERSAL)return n.call(s,a)})},t.split=function(n){var s=this,a=[];return this.reduce(function(o,l,c){var f=n.call(s,l);return a.push(l),f?(o.push(a),a=[]):c===s.length-1&&o.push(a),o},[])},t.map=function(n){return this.nodes.map(n)},t.reduce=function(n,s){return this.nodes.reduce(n,s)},t.every=function(n){return this.nodes.every(n)},t.some=function(n){return this.nodes.some(n)},t.filter=function(n){return this.nodes.filter(n)},t.sort=function(n){return this.nodes.sort(n)},t.toString=function(){return this.map(String).join("")},bk(e,[{key:"first",get:function(){return this.at(0)}},{key:"last",get:function(){return this.at(this.length-1)}},{key:"length",get:function(){return this.nodes.length}}]),e}(dk.default);si.default=vk;Fp.exports=si.default});var Da=x((ai,zp)=>{u();"use strict";ai.__esModule=!0;ai.default=void 0;var xk=Sk(Ln()),kk=Se();function Sk(r){return r&&r.__esModule?r:{default:r}}function jp(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function Ak(r,e,t){return e&&jp(r.prototype,e),t&&jp(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}function Ck(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Ia(r,e)}function Ia(r,e){return Ia=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Ia(r,e)}var _k=function(r){Ck(e,r);function e(i){var n;return n=r.call(this,i)||this,n.type=kk.ROOT,n}var t=e.prototype;return t.toString=function(){var n=this.reduce(function(s,a){return s.push(String(a)),s},[]).join(",");return this.trailingComma?n+",":n},t.error=function(n,s){return this._error?this._error(n,s):new Error(n)},Ak(e,[{key:"errorGenerator",set:function(n){this._error=n}}]),e}(xk.default);ai.default=_k;zp.exports=ai.default});var $a=x((oi,Up)=>{u();"use strict";oi.__esModule=!0;oi.default=void 0;var Ek=Tk(Ln()),Ok=Se();function Tk(r){return r&&r.__esModule?r:{default:r}}function Rk(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,qa(r,e)}function qa(r,e){return qa=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},qa(r,e)}var Pk=function(r){Rk(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=Ok.SELECTOR,i}return e}(Ek.default);oi.default=Pk;Up.exports=oi.default});var Mn=x((_I,Vp)=>{u();"use strict";var Ik={},Dk=Ik.hasOwnProperty,qk=function(e,t){if(!e)return t;var i={};for(var n in t)i[n]=Dk.call(e,n)?e[n]:t[n];return i},$k=/[ -,\.\/:-@\[-\^`\{-~]/,Lk=/[ -,\.\/:-@\[\]\^`\{-~]/,Mk=/(^|\\+)?(\\[A-F0-9]{1,6})\x20(?![a-fA-F0-9\x20])/g,La=function r(e,t){t=qk(t,r.options),t.quotes!="single"&&t.quotes!="double"&&(t.quotes="single");for(var i=t.quotes=="double"?'"':"'",n=t.isIdentifier,s=e.charAt(0),a="",o=0,l=e.length;o<l;){var c=e.charAt(o++),f=c.charCodeAt(),d=void 0;if(f<32||f>126){if(f>=55296&&f<=56319&&o<l){var p=e.charCodeAt(o++);(p&64512)==56320?f=((f&1023)<<10)+(p&1023)+65536:o--}d="\\"+f.toString(16).toUpperCase()+" "}else t.escapeEverything?$k.test(c)?d="\\"+c:d="\\"+f.toString(16).toUpperCase()+" ":/[\t\n\f\r\x0B]/.test(c)?d="\\"+f.toString(16).toUpperCase()+" ":c=="\\"||!n&&(c=='"'&&i==c||c=="'"&&i==c)||n&&Lk.test(c)?d="\\"+c:d=c;a+=d}return n&&(/^-[-\d]/.test(a)?a="\\-"+a.slice(1):/\d/.test(s)&&(a="\\3"+s+" "+a.slice(1))),a=a.replace(Mk,function(h,b,v){return b&&b.length%2?h:(b||"")+v}),!n&&t.wrap?i+a+i:a};La.options={escapeEverything:!1,isIdentifier:!1,quotes:"single",wrap:!1};La.version="3.0.0";Vp.exports=La});var Na=x((li,Gp)=>{u();"use strict";li.__esModule=!0;li.default=void 0;var Nk=Hp(Mn()),Bk=ii(),Fk=Hp(dt()),jk=Se();function Hp(r){return r&&r.__esModule?r:{default:r}}function Wp(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function zk(r,e,t){return e&&Wp(r.prototype,e),t&&Wp(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}function Uk(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Ma(r,e)}function Ma(r,e){return Ma=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Ma(r,e)}var Vk=function(r){Uk(e,r);function e(i){var n;return n=r.call(this,i)||this,n.type=jk.CLASS,n._constructed=!0,n}var t=e.prototype;return t.valueToString=function(){return"."+r.prototype.valueToString.call(this)},zk(e,[{key:"value",get:function(){return this._value},set:function(n){if(this._constructed){var s=(0,Nk.default)(n,{isIdentifier:!0});s!==n?((0,Bk.ensureObject)(this,"raws"),this.raws.value=s):this.raws&&delete this.raws.value}this._value=n}}]),e}(Fk.default);li.default=Vk;Gp.exports=li.default});var Fa=x((ui,Qp)=>{u();"use strict";ui.__esModule=!0;ui.default=void 0;var Hk=Gk(dt()),Wk=Se();function Gk(r){return r&&r.__esModule?r:{default:r}}function Qk(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Ba(r,e)}function Ba(r,e){return Ba=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Ba(r,e)}var Yk=function(r){Qk(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=Wk.COMMENT,i}return e}(Hk.default);ui.default=Yk;Qp.exports=ui.default});var za=x((fi,Yp)=>{u();"use strict";fi.__esModule=!0;fi.default=void 0;var Kk=Zk(dt()),Xk=Se();function Zk(r){return r&&r.__esModule?r:{default:r}}function Jk(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,ja(r,e)}function ja(r,e){return ja=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},ja(r,e)}var eS=function(r){Jk(e,r);function e(i){var n;return n=r.call(this,i)||this,n.type=Xk.ID,n}var t=e.prototype;return t.valueToString=function(){return"#"+r.prototype.valueToString.call(this)},e}(Kk.default);fi.default=eS;Yp.exports=fi.default});var Nn=x((ci,Zp)=>{u();"use strict";ci.__esModule=!0;ci.default=void 0;var tS=Kp(Mn()),rS=ii(),iS=Kp(dt());function Kp(r){return r&&r.__esModule?r:{default:r}}function Xp(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function nS(r,e,t){return e&&Xp(r.prototype,e),t&&Xp(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}function sS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Ua(r,e)}function Ua(r,e){return Ua=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Ua(r,e)}var aS=function(r){sS(e,r);function e(){return r.apply(this,arguments)||this}var t=e.prototype;return t.qualifiedName=function(n){return this.namespace?this.namespaceString+"|"+n:n},t.valueToString=function(){return this.qualifiedName(r.prototype.valueToString.call(this))},nS(e,[{key:"namespace",get:function(){return this._namespace},set:function(n){if(n===!0||n==="*"||n==="&"){this._namespace=n,this.raws&&delete this.raws.namespace;return}var s=(0,tS.default)(n,{isIdentifier:!0});this._namespace=n,s!==n?((0,rS.ensureObject)(this,"raws"),this.raws.namespace=s):this.raws&&delete this.raws.namespace}},{key:"ns",get:function(){return this._namespace},set:function(n){this.namespace=n}},{key:"namespaceString",get:function(){if(this.namespace){var n=this.stringifyProperty("namespace");return n===!0?"":n}else return""}}]),e}(iS.default);ci.default=aS;Zp.exports=ci.default});var Ha=x((pi,Jp)=>{u();"use strict";pi.__esModule=!0;pi.default=void 0;var oS=uS(Nn()),lS=Se();function uS(r){return r&&r.__esModule?r:{default:r}}function fS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Va(r,e)}function Va(r,e){return Va=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Va(r,e)}var cS=function(r){fS(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=lS.TAG,i}return e}(oS.default);pi.default=cS;Jp.exports=pi.default});var Ga=x((di,ed)=>{u();"use strict";di.__esModule=!0;di.default=void 0;var pS=hS(dt()),dS=Se();function hS(r){return r&&r.__esModule?r:{default:r}}function mS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Wa(r,e)}function Wa(r,e){return Wa=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Wa(r,e)}var gS=function(r){mS(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=dS.STRING,i}return e}(pS.default);di.default=gS;ed.exports=di.default});var Ya=x((hi,td)=>{u();"use strict";hi.__esModule=!0;hi.default=void 0;var yS=wS(Ln()),bS=Se();function wS(r){return r&&r.__esModule?r:{default:r}}function vS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Qa(r,e)}function Qa(r,e){return Qa=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Qa(r,e)}var xS=function(r){vS(e,r);function e(i){var n;return n=r.call(this,i)||this,n.type=bS.PSEUDO,n}var t=e.prototype;return t.toString=function(){var n=this.length?"("+this.map(String).join(",")+")":"";return[this.rawSpaceBefore,this.stringifyProperty("value"),n,this.rawSpaceAfter].join("")},e}(yS.default);hi.default=xS;td.exports=hi.default});var Bn={};Ge(Bn,{deprecate:()=>kS});function kS(r){return r}var Fn=P(()=>{u()});var id=x((EI,rd)=>{u();rd.exports=(Fn(),Bn).deprecate});var to=x(yi=>{u();"use strict";yi.__esModule=!0;yi.default=void 0;yi.unescapeValue=Ja;var mi=Xa(Mn()),SS=Xa(Pn()),AS=Xa(Nn()),CS=Se(),Ka;function Xa(r){return r&&r.__esModule?r:{default:r}}function nd(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function _S(r,e,t){return e&&nd(r.prototype,e),t&&nd(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}function ES(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Za(r,e)}function Za(r,e){return Za=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Za(r,e)}var gi=id(),OS=/^('|")([^]*)\1$/,TS=gi(function(){},"Assigning an attribute a value containing characters that might need to be escaped is deprecated. Call attribute.setValue() instead."),RS=gi(function(){},"Assigning attr.quoted is deprecated and has no effect. Assign to attr.quoteMark instead."),PS=gi(function(){},"Constructing an Attribute selector with a value without specifying quoteMark is deprecated. Note: The value should be unescaped now.");function Ja(r){var e=!1,t=null,i=r,n=i.match(OS);return n&&(t=n[1],i=n[2]),i=(0,SS.default)(i),i!==r&&(e=!0),{deprecatedUsage:e,unescaped:i,quoteMark:t}}function IS(r){if(r.quoteMark!==void 0||r.value===void 0)return r;PS();var e=Ja(r.value),t=e.quoteMark,i=e.unescaped;return r.raws||(r.raws={}),r.raws.value===void 0&&(r.raws.value=r.value),r.value=i,r.quoteMark=t,r}var jn=function(r){ES(e,r);function e(i){var n;return i===void 0&&(i={}),n=r.call(this,IS(i))||this,n.type=CS.ATTRIBUTE,n.raws=n.raws||{},Object.defineProperty(n.raws,"unquoted",{get:gi(function(){return n.value},"attr.raws.unquoted is deprecated. Call attr.value instead."),set:gi(function(){return n.value},"Setting attr.raws.unquoted is deprecated and has no effect. attr.value is unescaped by default now.")}),n._constructed=!0,n}var t=e.prototype;return t.getQuotedValue=function(n){n===void 0&&(n={});var s=this._determineQuoteMark(n),a=eo[s],o=(0,mi.default)(this._value,a);return o},t._determineQuoteMark=function(n){return n.smart?this.smartQuoteMark(n):this.preferredQuoteMark(n)},t.setValue=function(n,s){s===void 0&&(s={}),this._value=n,this._quoteMark=this._determineQuoteMark(s),this._syncRawValue()},t.smartQuoteMark=function(n){var s=this.value,a=s.replace(/[^']/g,"").length,o=s.replace(/[^"]/g,"").length;if(a+o===0){var l=(0,mi.default)(s,{isIdentifier:!0});if(l===s)return e.NO_QUOTE;var c=this.preferredQuoteMark(n);if(c===e.NO_QUOTE){var f=this.quoteMark||n.quoteMark||e.DOUBLE_QUOTE,d=eo[f],p=(0,mi.default)(s,d);if(p.length<l.length)return f}return c}else return o===a?this.preferredQuoteMark(n):o<a?e.DOUBLE_QUOTE:e.SINGLE_QUOTE},t.preferredQuoteMark=function(n){var s=n.preferCurrentQuoteMark?this.quoteMark:n.quoteMark;return s===void 0&&(s=n.preferCurrentQuoteMark?n.quoteMark:this.quoteMark),s===void 0&&(s=e.DOUBLE_QUOTE),s},t._syncRawValue=function(){var n=(0,mi.default)(this._value,eo[this.quoteMark]);n===this._value?this.raws&&delete this.raws.value:this.raws.value=n},t._handleEscapes=function(n,s){if(this._constructed){var a=(0,mi.default)(s,{isIdentifier:!0});a!==s?this.raws[n]=a:delete this.raws[n]}},t._spacesFor=function(n){var s={before:"",after:""},a=this.spaces[n]||{},o=this.raws.spaces&&this.raws.spaces[n]||{};return Object.assign(s,a,o)},t._stringFor=function(n,s,a){s===void 0&&(s=n),a===void 0&&(a=sd);var o=this._spacesFor(s);return a(this.stringifyProperty(n),o)},t.offsetOf=function(n){var s=1,a=this._spacesFor("attribute");if(s+=a.before.length,n==="namespace"||n==="ns")return this.namespace?s:-1;if(n==="attributeNS"||(s+=this.namespaceString.length,this.namespace&&(s+=1),n==="attribute"))return s;s+=this.stringifyProperty("attribute").length,s+=a.after.length;var o=this._spacesFor("operator");s+=o.before.length;var l=this.stringifyProperty("operator");if(n==="operator")return l?s:-1;s+=l.length,s+=o.after.length;var c=this._spacesFor("value");s+=c.before.length;var f=this.stringifyProperty("value");if(n==="value")return f?s:-1;s+=f.length,s+=c.after.length;var d=this._spacesFor("insensitive");return s+=d.before.length,n==="insensitive"&&this.insensitive?s:-1},t.toString=function(){var n=this,s=[this.rawSpaceBefore,"["];return s.push(this._stringFor("qualifiedAttribute","attribute")),this.operator&&(this.value||this.value==="")&&(s.push(this._stringFor("operator")),s.push(this._stringFor("value")),s.push(this._stringFor("insensitiveFlag","insensitive",function(a,o){return a.length>0&&!n.quoted&&o.before.length===0&&!(n.spaces.value&&n.spaces.value.after)&&(o.before=" "),sd(a,o)}))),s.push("]"),s.push(this.rawSpaceAfter),s.join("")},_S(e,[{key:"quoted",get:function(){var n=this.quoteMark;return n==="'"||n==='"'},set:function(n){RS()}},{key:"quoteMark",get:function(){return this._quoteMark},set:function(n){if(!this._constructed){this._quoteMark=n;return}this._quoteMark!==n&&(this._quoteMark=n,this._syncRawValue())}},{key:"qualifiedAttribute",get:function(){return this.qualifiedName(this.raws.attribute||this.attribute)}},{key:"insensitiveFlag",get:function(){return this.insensitive?"i":""}},{key:"value",get:function(){return this._value},set:function(n){if(this._constructed){var s=Ja(n),a=s.deprecatedUsage,o=s.unescaped,l=s.quoteMark;if(a&&TS(),o===this._value&&l===this._quoteMark)return;this._value=o,this._quoteMark=l,this._syncRawValue()}else this._value=n}},{key:"insensitive",get:function(){return this._insensitive},set:function(n){n||(this._insensitive=!1,this.raws&&(this.raws.insensitiveFlag==="I"||this.raws.insensitiveFlag==="i")&&(this.raws.insensitiveFlag=void 0)),this._insensitive=n}},{key:"attribute",get:function(){return this._attribute},set:function(n){this._handleEscapes("attribute",n),this._attribute=n}}]),e}(AS.default);yi.default=jn;jn.NO_QUOTE=null;jn.SINGLE_QUOTE="'";jn.DOUBLE_QUOTE='"';var eo=(Ka={"'":{quotes:"single",wrap:!0},'"':{quotes:"double",wrap:!0}},Ka[null]={isIdentifier:!0},Ka);function sd(r,e){return""+e.before+r+e.after}});var io=x((bi,ad)=>{u();"use strict";bi.__esModule=!0;bi.default=void 0;var DS=$S(Nn()),qS=Se();function $S(r){return r&&r.__esModule?r:{default:r}}function LS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,ro(r,e)}function ro(r,e){return ro=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},ro(r,e)}var MS=function(r){LS(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=qS.UNIVERSAL,i.value="*",i}return e}(DS.default);bi.default=MS;ad.exports=bi.default});var so=x((wi,od)=>{u();"use strict";wi.__esModule=!0;wi.default=void 0;var NS=FS(dt()),BS=Se();function FS(r){return r&&r.__esModule?r:{default:r}}function jS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,no(r,e)}function no(r,e){return no=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},no(r,e)}var zS=function(r){jS(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=BS.COMBINATOR,i}return e}(NS.default);wi.default=zS;od.exports=wi.default});var oo=x((vi,ld)=>{u();"use strict";vi.__esModule=!0;vi.default=void 0;var US=HS(dt()),VS=Se();function HS(r){return r&&r.__esModule?r:{default:r}}function WS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,ao(r,e)}function ao(r,e){return ao=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},ao(r,e)}var GS=function(r){WS(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=VS.NESTING,i.value="&",i}return e}(US.default);vi.default=GS;ld.exports=vi.default});var fd=x((zn,ud)=>{u();"use strict";zn.__esModule=!0;zn.default=QS;function QS(r){return r.sort(function(e,t){return e-t})}ud.exports=zn.default});var lo=x(M=>{u();"use strict";M.__esModule=!0;M.word=M.tilde=M.tab=M.str=M.space=M.slash=M.singleQuote=M.semicolon=M.plus=M.pipe=M.openSquare=M.openParenthesis=M.newline=M.greaterThan=M.feed=M.equals=M.doubleQuote=M.dollar=M.cr=M.comment=M.comma=M.combinator=M.colon=M.closeSquare=M.closeParenthesis=M.caret=M.bang=M.backslash=M.at=M.asterisk=M.ampersand=void 0;var YS=38;M.ampersand=YS;var KS=42;M.asterisk=KS;var XS=64;M.at=XS;var ZS=44;M.comma=ZS;var JS=58;M.colon=JS;var eA=59;M.semicolon=eA;var tA=40;M.openParenthesis=tA;var rA=41;M.closeParenthesis=rA;var iA=91;M.openSquare=iA;var nA=93;M.closeSquare=nA;var sA=36;M.dollar=sA;var aA=126;M.tilde=aA;var oA=94;M.caret=oA;var lA=43;M.plus=lA;var uA=61;M.equals=uA;var fA=124;M.pipe=fA;var cA=62;M.greaterThan=cA;var pA=32;M.space=pA;var cd=39;M.singleQuote=cd;var dA=34;M.doubleQuote=dA;var hA=47;M.slash=hA;var mA=33;M.bang=mA;var gA=92;M.backslash=gA;var yA=13;M.cr=yA;var bA=12;M.feed=bA;var wA=10;M.newline=wA;var vA=9;M.tab=vA;var xA=cd;M.str=xA;var kA=-1;M.comment=kA;var SA=-2;M.word=SA;var AA=-3;M.combinator=AA});var hd=x(xi=>{u();"use strict";xi.__esModule=!0;xi.FIELDS=void 0;xi.default=PA;var D=CA(lo()),nr,te;function pd(r){if(typeof WeakMap!="function")return null;var e=new WeakMap,t=new WeakMap;return(pd=function(n){return n?t:e})(r)}function CA(r,e){if(!e&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var t=pd(e);if(t&&t.has(r))return t.get(r);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in r)if(s!=="default"&&Object.prototype.hasOwnProperty.call(r,s)){var a=n?Object.getOwnPropertyDescriptor(r,s):null;a&&(a.get||a.set)?Object.defineProperty(i,s,a):i[s]=r[s]}return i.default=r,t&&t.set(r,i),i}var _A=(nr={},nr[D.tab]=!0,nr[D.newline]=!0,nr[D.cr]=!0,nr[D.feed]=!0,nr),EA=(te={},te[D.space]=!0,te[D.tab]=!0,te[D.newline]=!0,te[D.cr]=!0,te[D.feed]=!0,te[D.ampersand]=!0,te[D.asterisk]=!0,te[D.bang]=!0,te[D.comma]=!0,te[D.colon]=!0,te[D.semicolon]=!0,te[D.openParenthesis]=!0,te[D.closeParenthesis]=!0,te[D.openSquare]=!0,te[D.closeSquare]=!0,te[D.singleQuote]=!0,te[D.doubleQuote]=!0,te[D.plus]=!0,te[D.pipe]=!0,te[D.tilde]=!0,te[D.greaterThan]=!0,te[D.equals]=!0,te[D.dollar]=!0,te[D.caret]=!0,te[D.slash]=!0,te),uo={},dd="0123456789abcdefABCDEF";for(Un=0;Un<dd.length;Un++)uo[dd.charCodeAt(Un)]=!0;var Un;function OA(r,e){var t=e,i;do{if(i=r.charCodeAt(t),EA[i])return t-1;i===D.backslash?t=TA(r,t)+1:t++}while(t<r.length);return t-1}function TA(r,e){var t=e,i=r.charCodeAt(t+1);if(!_A[i])if(uo[i]){var n=0;do t++,n++,i=r.charCodeAt(t+1);while(uo[i]&&n<6);n<6&&i===D.space&&t++}else t++;return t}var RA={TYPE:0,START_LINE:1,START_COL:2,END_LINE:3,END_COL:4,START_POS:5,END_POS:6};xi.FIELDS=RA;function PA(r){var e=[],t=r.css.valueOf(),i=t,n=i.length,s=-1,a=1,o=0,l=0,c,f,d,p,h,b,v,y,w,k,S,E,T;function B(N,R){if(r.safe)t+=R,w=t.length-1;else throw r.error("Unclosed "+N,a,o-s,o)}for(;o<n;){switch(c=t.charCodeAt(o),c===D.newline&&(s=o,a+=1),c){case D.space:case D.tab:case D.newline:case D.cr:case D.feed:w=o;do w+=1,c=t.charCodeAt(w),c===D.newline&&(s=w,a+=1);while(c===D.space||c===D.newline||c===D.tab||c===D.cr||c===D.feed);T=D.space,p=a,d=w-s-1,l=w;break;case D.plus:case D.greaterThan:case D.tilde:case D.pipe:w=o;do w+=1,c=t.charCodeAt(w);while(c===D.plus||c===D.greaterThan||c===D.tilde||c===D.pipe);T=D.combinator,p=a,d=o-s,l=w;break;case D.asterisk:case D.ampersand:case D.bang:case D.comma:case D.equals:case D.dollar:case D.caret:case D.openSquare:case D.closeSquare:case D.colon:case D.semicolon:case D.openParenthesis:case D.closeParenthesis:w=o,T=c,p=a,d=o-s,l=w+1;break;case D.singleQuote:case D.doubleQuote:E=c===D.singleQuote?"'":'"',w=o;do for(h=!1,w=t.indexOf(E,w+1),w===-1&&B("quote",E),b=w;t.charCodeAt(b-1)===D.backslash;)b-=1,h=!h;while(h);T=D.str,p=a,d=o-s,l=w+1;break;default:c===D.slash&&t.charCodeAt(o+1)===D.asterisk?(w=t.indexOf("*/",o+2)+1,w===0&&B("comment","*/"),f=t.slice(o,w+1),y=f.split(`
`),v=y.length-1,v>0?(k=a+v,S=w-y[v].length):(k=a,S=s),T=D.comment,a=k,p=k,d=w-S):c===D.slash?(w=o,T=c,p=a,d=o-s,l=w+1):(w=OA(t,o),T=D.word,p=a,d=w-s),l=w+1;break}e.push([T,a,o-s,p,d,o,l]),S&&(s=S,S=null),o=l}return e}});var kd=x((ki,xd)=>{u();"use strict";ki.__esModule=!0;ki.default=void 0;var IA=je(Da()),fo=je($a()),DA=je(Na()),md=je(Fa()),qA=je(za()),$A=je(Ha()),co=je(Ga()),LA=je(Ya()),gd=Vn(to()),MA=je(io()),po=je(so()),NA=je(oo()),BA=je(fd()),O=Vn(hd()),q=Vn(lo()),FA=Vn(Se()),ue=ii(),Vt,ho;function yd(r){if(typeof WeakMap!="function")return null;var e=new WeakMap,t=new WeakMap;return(yd=function(n){return n?t:e})(r)}function Vn(r,e){if(!e&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var t=yd(e);if(t&&t.has(r))return t.get(r);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in r)if(s!=="default"&&Object.prototype.hasOwnProperty.call(r,s)){var a=n?Object.getOwnPropertyDescriptor(r,s):null;a&&(a.get||a.set)?Object.defineProperty(i,s,a):i[s]=r[s]}return i.default=r,t&&t.set(r,i),i}function je(r){return r&&r.__esModule?r:{default:r}}function bd(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function jA(r,e,t){return e&&bd(r.prototype,e),t&&bd(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}var mo=(Vt={},Vt[q.space]=!0,Vt[q.cr]=!0,Vt[q.feed]=!0,Vt[q.newline]=!0,Vt[q.tab]=!0,Vt),zA=Object.assign({},mo,(ho={},ho[q.comment]=!0,ho));function wd(r){return{line:r[O.FIELDS.START_LINE],column:r[O.FIELDS.START_COL]}}function vd(r){return{line:r[O.FIELDS.END_LINE],column:r[O.FIELDS.END_COL]}}function Ht(r,e,t,i){return{start:{line:r,column:e},end:{line:t,column:i}}}function sr(r){return Ht(r[O.FIELDS.START_LINE],r[O.FIELDS.START_COL],r[O.FIELDS.END_LINE],r[O.FIELDS.END_COL])}function go(r,e){if(!!r)return Ht(r[O.FIELDS.START_LINE],r[O.FIELDS.START_COL],e[O.FIELDS.END_LINE],e[O.FIELDS.END_COL])}function ar(r,e){var t=r[e];if(typeof t=="string")return t.indexOf("\\")!==-1&&((0,ue.ensureObject)(r,"raws"),r[e]=(0,ue.unesc)(t),r.raws[e]===void 0&&(r.raws[e]=t)),r}function yo(r,e){for(var t=-1,i=[];(t=r.indexOf(e,t+1))!==-1;)i.push(t);return i}function UA(){var r=Array.prototype.concat.apply([],arguments);return r.filter(function(e,t){return t===r.indexOf(e)})}var VA=function(){function r(t,i){i===void 0&&(i={}),this.rule=t,this.options=Object.assign({lossy:!1,safe:!1},i),this.position=0,this.css=typeof this.rule=="string"?this.rule:this.rule.selector,this.tokens=(0,O.default)({css:this.css,error:this._errorGenerator(),safe:this.options.safe});var n=go(this.tokens[0],this.tokens[this.tokens.length-1]);this.root=new IA.default({source:n}),this.root.errorGenerator=this._errorGenerator();var s=new fo.default({source:{start:{line:1,column:1}},sourceIndex:0});this.root.append(s),this.current=s,this.loop()}var e=r.prototype;return e._errorGenerator=function(){var i=this;return function(n,s){return typeof i.rule=="string"?new Error(n):i.rule.error(n,s)}},e.attribute=function(){var i=[],n=this.currToken;for(this.position++;this.position<this.tokens.length&&this.currToken[O.FIELDS.TYPE]!==q.closeSquare;)i.push(this.currToken),this.position++;if(this.currToken[O.FIELDS.TYPE]!==q.closeSquare)return this.expected("closing square bracket",this.currToken[O.FIELDS.START_POS]);var s=i.length,a={source:Ht(n[1],n[2],this.currToken[3],this.currToken[4]),sourceIndex:n[O.FIELDS.START_POS]};if(s===1&&!~[q.word].indexOf(i[0][O.FIELDS.TYPE]))return this.expected("attribute",i[0][O.FIELDS.START_POS]);for(var o=0,l="",c="",f=null,d=!1;o<s;){var p=i[o],h=this.content(p),b=i[o+1];switch(p[O.FIELDS.TYPE]){case q.space:if(d=!0,this.options.lossy)break;if(f){(0,ue.ensureObject)(a,"spaces",f);var v=a.spaces[f].after||"";a.spaces[f].after=v+h;var y=(0,ue.getProp)(a,"raws","spaces",f,"after")||null;y&&(a.raws.spaces[f].after=y+h)}else l=l+h,c=c+h;break;case q.asterisk:if(b[O.FIELDS.TYPE]===q.equals)a.operator=h,f="operator";else if((!a.namespace||f==="namespace"&&!d)&&b){l&&((0,ue.ensureObject)(a,"spaces","attribute"),a.spaces.attribute.before=l,l=""),c&&((0,ue.ensureObject)(a,"raws","spaces","attribute"),a.raws.spaces.attribute.before=l,c=""),a.namespace=(a.namespace||"")+h;var w=(0,ue.getProp)(a,"raws","namespace")||null;w&&(a.raws.namespace+=h),f="namespace"}d=!1;break;case q.dollar:if(f==="value"){var k=(0,ue.getProp)(a,"raws","value");a.value+="$",k&&(a.raws.value=k+"$");break}case q.caret:b[O.FIELDS.TYPE]===q.equals&&(a.operator=h,f="operator"),d=!1;break;case q.combinator:if(h==="~"&&b[O.FIELDS.TYPE]===q.equals&&(a.operator=h,f="operator"),h!=="|"){d=!1;break}b[O.FIELDS.TYPE]===q.equals?(a.operator=h,f="operator"):!a.namespace&&!a.attribute&&(a.namespace=!0),d=!1;break;case q.word:if(b&&this.content(b)==="|"&&i[o+2]&&i[o+2][O.FIELDS.TYPE]!==q.equals&&!a.operator&&!a.namespace)a.namespace=h,f="namespace";else if(!a.attribute||f==="attribute"&&!d){l&&((0,ue.ensureObject)(a,"spaces","attribute"),a.spaces.attribute.before=l,l=""),c&&((0,ue.ensureObject)(a,"raws","spaces","attribute"),a.raws.spaces.attribute.before=c,c=""),a.attribute=(a.attribute||"")+h;var S=(0,ue.getProp)(a,"raws","attribute")||null;S&&(a.raws.attribute+=h),f="attribute"}else if(!a.value&&a.value!==""||f==="value"&&!(d||a.quoteMark)){var E=(0,ue.unesc)(h),T=(0,ue.getProp)(a,"raws","value")||"",B=a.value||"";a.value=B+E,a.quoteMark=null,(E!==h||T)&&((0,ue.ensureObject)(a,"raws"),a.raws.value=(T||B)+h),f="value"}else{var N=h==="i"||h==="I";(a.value||a.value==="")&&(a.quoteMark||d)?(a.insensitive=N,(!N||h==="I")&&((0,ue.ensureObject)(a,"raws"),a.raws.insensitiveFlag=h),f="insensitive",l&&((0,ue.ensureObject)(a,"spaces","insensitive"),a.spaces.insensitive.before=l,l=""),c&&((0,ue.ensureObject)(a,"raws","spaces","insensitive"),a.raws.spaces.insensitive.before=c,c="")):(a.value||a.value==="")&&(f="value",a.value+=h,a.raws.value&&(a.raws.value+=h))}d=!1;break;case q.str:if(!a.attribute||!a.operator)return this.error("Expected an attribute followed by an operator preceding the string.",{index:p[O.FIELDS.START_POS]});var R=(0,gd.unescapeValue)(h),F=R.unescaped,Y=R.quoteMark;a.value=F,a.quoteMark=Y,f="value",(0,ue.ensureObject)(a,"raws"),a.raws.value=h,d=!1;break;case q.equals:if(!a.attribute)return this.expected("attribute",p[O.FIELDS.START_POS],h);if(a.value)return this.error('Unexpected "=" found; an operator was already defined.',{index:p[O.FIELDS.START_POS]});a.operator=a.operator?a.operator+h:h,f="operator",d=!1;break;case q.comment:if(f)if(d||b&&b[O.FIELDS.TYPE]===q.space||f==="insensitive"){var _=(0,ue.getProp)(a,"spaces",f,"after")||"",Q=(0,ue.getProp)(a,"raws","spaces",f,"after")||_;(0,ue.ensureObject)(a,"raws","spaces",f),a.raws.spaces[f].after=Q+h}else{var U=a[f]||"",le=(0,ue.getProp)(a,"raws",f)||U;(0,ue.ensureObject)(a,"raws"),a.raws[f]=le+h}else c=c+h;break;default:return this.error('Unexpected "'+h+'" found.',{index:p[O.FIELDS.START_POS]})}o++}ar(a,"attribute"),ar(a,"namespace"),this.newNode(new gd.default(a)),this.position++},e.parseWhitespaceEquivalentTokens=function(i){i<0&&(i=this.tokens.length);var n=this.position,s=[],a="",o=void 0;do if(mo[this.currToken[O.FIELDS.TYPE]])this.options.lossy||(a+=this.content());else if(this.currToken[O.FIELDS.TYPE]===q.comment){var l={};a&&(l.before=a,a=""),o=new md.default({value:this.content(),source:sr(this.currToken),sourceIndex:this.currToken[O.FIELDS.START_POS],spaces:l}),s.push(o)}while(++this.position<i);if(a){if(o)o.spaces.after=a;else if(!this.options.lossy){var c=this.tokens[n],f=this.tokens[this.position-1];s.push(new co.default({value:"",source:Ht(c[O.FIELDS.START_LINE],c[O.FIELDS.START_COL],f[O.FIELDS.END_LINE],f[O.FIELDS.END_COL]),sourceIndex:c[O.FIELDS.START_POS],spaces:{before:a,after:""}}))}}return s},e.convertWhitespaceNodesToSpace=function(i,n){var s=this;n===void 0&&(n=!1);var a="",o="";i.forEach(function(c){var f=s.lossySpace(c.spaces.before,n),d=s.lossySpace(c.rawSpaceBefore,n);a+=f+s.lossySpace(c.spaces.after,n&&f.length===0),o+=f+c.value+s.lossySpace(c.rawSpaceAfter,n&&d.length===0)}),o===a&&(o=void 0);var l={space:a,rawSpace:o};return l},e.isNamedCombinator=function(i){return i===void 0&&(i=this.position),this.tokens[i+0]&&this.tokens[i+0][O.FIELDS.TYPE]===q.slash&&this.tokens[i+1]&&this.tokens[i+1][O.FIELDS.TYPE]===q.word&&this.tokens[i+2]&&this.tokens[i+2][O.FIELDS.TYPE]===q.slash},e.namedCombinator=function(){if(this.isNamedCombinator()){var i=this.content(this.tokens[this.position+1]),n=(0,ue.unesc)(i).toLowerCase(),s={};n!==i&&(s.value="/"+i+"/");var a=new po.default({value:"/"+n+"/",source:Ht(this.currToken[O.FIELDS.START_LINE],this.currToken[O.FIELDS.START_COL],this.tokens[this.position+2][O.FIELDS.END_LINE],this.tokens[this.position+2][O.FIELDS.END_COL]),sourceIndex:this.currToken[O.FIELDS.START_POS],raws:s});return this.position=this.position+3,a}else this.unexpected()},e.combinator=function(){var i=this;if(this.content()==="|")return this.namespace();var n=this.locateNextMeaningfulToken(this.position);if(n<0||this.tokens[n][O.FIELDS.TYPE]===q.comma||this.tokens[n][O.FIELDS.TYPE]===q.closeParenthesis){var s=this.parseWhitespaceEquivalentTokens(n);if(s.length>0){var a=this.current.last;if(a){var o=this.convertWhitespaceNodesToSpace(s),l=o.space,c=o.rawSpace;c!==void 0&&(a.rawSpaceAfter+=c),a.spaces.after+=l}else s.forEach(function(T){return i.newNode(T)})}return}var f=this.currToken,d=void 0;n>this.position&&(d=this.parseWhitespaceEquivalentTokens(n));var p;if(this.isNamedCombinator()?p=this.namedCombinator():this.currToken[O.FIELDS.TYPE]===q.combinator?(p=new po.default({value:this.content(),source:sr(this.currToken),sourceIndex:this.currToken[O.FIELDS.START_POS]}),this.position++):mo[this.currToken[O.FIELDS.TYPE]]||d||this.unexpected(),p){if(d){var h=this.convertWhitespaceNodesToSpace(d),b=h.space,v=h.rawSpace;p.spaces.before=b,p.rawSpaceBefore=v}}else{var y=this.convertWhitespaceNodesToSpace(d,!0),w=y.space,k=y.rawSpace;k||(k=w);var S={},E={spaces:{}};w.endsWith(" ")&&k.endsWith(" ")?(S.before=w.slice(0,w.length-1),E.spaces.before=k.slice(0,k.length-1)):w.startsWith(" ")&&k.startsWith(" ")?(S.after=w.slice(1),E.spaces.after=k.slice(1)):E.value=k,p=new po.default({value:" ",source:go(f,this.tokens[this.position-1]),sourceIndex:f[O.FIELDS.START_POS],spaces:S,raws:E})}return this.currToken&&this.currToken[O.FIELDS.TYPE]===q.space&&(p.spaces.after=this.optionalSpace(this.content()),this.position++),this.newNode(p)},e.comma=function(){if(this.position===this.tokens.length-1){this.root.trailingComma=!0,this.position++;return}this.current._inferEndPosition();var i=new fo.default({source:{start:wd(this.tokens[this.position+1])},sourceIndex:this.tokens[this.position+1][O.FIELDS.START_POS]});this.current.parent.append(i),this.current=i,this.position++},e.comment=function(){var i=this.currToken;this.newNode(new md.default({value:this.content(),source:sr(i),sourceIndex:i[O.FIELDS.START_POS]})),this.position++},e.error=function(i,n){throw this.root.error(i,n)},e.missingBackslash=function(){return this.error("Expected a backslash preceding the semicolon.",{index:this.currToken[O.FIELDS.START_POS]})},e.missingParenthesis=function(){return this.expected("opening parenthesis",this.currToken[O.FIELDS.START_POS])},e.missingSquareBracket=function(){return this.expected("opening square bracket",this.currToken[O.FIELDS.START_POS])},e.unexpected=function(){return this.error("Unexpected '"+this.content()+"'. Escaping special characters with \\ may help.",this.currToken[O.FIELDS.START_POS])},e.unexpectedPipe=function(){return this.error("Unexpected '|'.",this.currToken[O.FIELDS.START_POS])},e.namespace=function(){var i=this.prevToken&&this.content(this.prevToken)||!0;if(this.nextToken[O.FIELDS.TYPE]===q.word)return this.position++,this.word(i);if(this.nextToken[O.FIELDS.TYPE]===q.asterisk)return this.position++,this.universal(i);this.unexpectedPipe()},e.nesting=function(){if(this.nextToken){var i=this.content(this.nextToken);if(i==="|"){this.position++;return}}var n=this.currToken;this.newNode(new NA.default({value:this.content(),source:sr(n),sourceIndex:n[O.FIELDS.START_POS]})),this.position++},e.parentheses=function(){var i=this.current.last,n=1;if(this.position++,i&&i.type===FA.PSEUDO){var s=new fo.default({source:{start:wd(this.tokens[this.position])},sourceIndex:this.tokens[this.position][O.FIELDS.START_POS]}),a=this.current;for(i.append(s),this.current=s;this.position<this.tokens.length&&n;)this.currToken[O.FIELDS.TYPE]===q.openParenthesis&&n++,this.currToken[O.FIELDS.TYPE]===q.closeParenthesis&&n--,n?this.parse():(this.current.source.end=vd(this.currToken),this.current.parent.source.end=vd(this.currToken),this.position++);this.current=a}else{for(var o=this.currToken,l="(",c;this.position<this.tokens.length&&n;)this.currToken[O.FIELDS.TYPE]===q.openParenthesis&&n++,this.currToken[O.FIELDS.TYPE]===q.closeParenthesis&&n--,c=this.currToken,l+=this.parseParenthesisToken(this.currToken),this.position++;i?i.appendToPropertyAndEscape("value",l,l):this.newNode(new co.default({value:l,source:Ht(o[O.FIELDS.START_LINE],o[O.FIELDS.START_COL],c[O.FIELDS.END_LINE],c[O.FIELDS.END_COL]),sourceIndex:o[O.FIELDS.START_POS]}))}if(n)return this.expected("closing parenthesis",this.currToken[O.FIELDS.START_POS])},e.pseudo=function(){for(var i=this,n="",s=this.currToken;this.currToken&&this.currToken[O.FIELDS.TYPE]===q.colon;)n+=this.content(),this.position++;if(!this.currToken)return this.expected(["pseudo-class","pseudo-element"],this.position-1);if(this.currToken[O.FIELDS.TYPE]===q.word)this.splitWord(!1,function(a,o){n+=a,i.newNode(new LA.default({value:n,source:go(s,i.currToken),sourceIndex:s[O.FIELDS.START_POS]})),o>1&&i.nextToken&&i.nextToken[O.FIELDS.TYPE]===q.openParenthesis&&i.error("Misplaced parenthesis.",{index:i.nextToken[O.FIELDS.START_POS]})});else return this.expected(["pseudo-class","pseudo-element"],this.currToken[O.FIELDS.START_POS])},e.space=function(){var i=this.content();this.position===0||this.prevToken[O.FIELDS.TYPE]===q.comma||this.prevToken[O.FIELDS.TYPE]===q.openParenthesis||this.current.nodes.every(function(n){return n.type==="comment"})?(this.spaces=this.optionalSpace(i),this.position++):this.position===this.tokens.length-1||this.nextToken[O.FIELDS.TYPE]===q.comma||this.nextToken[O.FIELDS.TYPE]===q.closeParenthesis?(this.current.last.spaces.after=this.optionalSpace(i),this.position++):this.combinator()},e.string=function(){var i=this.currToken;this.newNode(new co.default({value:this.content(),source:sr(i),sourceIndex:i[O.FIELDS.START_POS]})),this.position++},e.universal=function(i){var n=this.nextToken;if(n&&this.content(n)==="|")return this.position++,this.namespace();var s=this.currToken;this.newNode(new MA.default({value:this.content(),source:sr(s),sourceIndex:s[O.FIELDS.START_POS]}),i),this.position++},e.splitWord=function(i,n){for(var s=this,a=this.nextToken,o=this.content();a&&~[q.dollar,q.caret,q.equals,q.word].indexOf(a[O.FIELDS.TYPE]);){this.position++;var l=this.content();if(o+=l,l.lastIndexOf("\\")===l.length-1){var c=this.nextToken;c&&c[O.FIELDS.TYPE]===q.space&&(o+=this.requiredSpace(this.content(c)),this.position++)}a=this.nextToken}var f=yo(o,".").filter(function(b){var v=o[b-1]==="\\",y=/^\d+\.\d+%$/.test(o);return!v&&!y}),d=yo(o,"#").filter(function(b){return o[b-1]!=="\\"}),p=yo(o,"#{");p.length&&(d=d.filter(function(b){return!~p.indexOf(b)}));var h=(0,BA.default)(UA([0].concat(f,d)));h.forEach(function(b,v){var y=h[v+1]||o.length,w=o.slice(b,y);if(v===0&&n)return n.call(s,w,h.length);var k,S=s.currToken,E=S[O.FIELDS.START_POS]+h[v],T=Ht(S[1],S[2]+b,S[3],S[2]+(y-1));if(~f.indexOf(b)){var B={value:w.slice(1),source:T,sourceIndex:E};k=new DA.default(ar(B,"value"))}else if(~d.indexOf(b)){var N={value:w.slice(1),source:T,sourceIndex:E};k=new qA.default(ar(N,"value"))}else{var R={value:w,source:T,sourceIndex:E};ar(R,"value"),k=new $A.default(R)}s.newNode(k,i),i=null}),this.position++},e.word=function(i){var n=this.nextToken;return n&&this.content(n)==="|"?(this.position++,this.namespace()):this.splitWord(i)},e.loop=function(){for(;this.position<this.tokens.length;)this.parse(!0);return this.current._inferEndPosition(),this.root},e.parse=function(i){switch(this.currToken[O.FIELDS.TYPE]){case q.space:this.space();break;case q.comment:this.comment();break;case q.openParenthesis:this.parentheses();break;case q.closeParenthesis:i&&this.missingParenthesis();break;case q.openSquare:this.attribute();break;case q.dollar:case q.caret:case q.equals:case q.word:this.word();break;case q.colon:this.pseudo();break;case q.comma:this.comma();break;case q.asterisk:this.universal();break;case q.ampersand:this.nesting();break;case q.slash:case q.combinator:this.combinator();break;case q.str:this.string();break;case q.closeSquare:this.missingSquareBracket();case q.semicolon:this.missingBackslash();default:this.unexpected()}},e.expected=function(i,n,s){if(Array.isArray(i)){var a=i.pop();i=i.join(", ")+" or "+a}var o=/^[aeiou]/.test(i[0])?"an":"a";return s?this.error("Expected "+o+" "+i+', found "'+s+'" instead.',{index:n}):this.error("Expected "+o+" "+i+".",{index:n})},e.requiredSpace=function(i){return this.options.lossy?" ":i},e.optionalSpace=function(i){return this.options.lossy?"":i},e.lossySpace=function(i,n){return this.options.lossy?n?" ":"":i},e.parseParenthesisToken=function(i){var n=this.content(i);return i[O.FIELDS.TYPE]===q.space?this.requiredSpace(n):n},e.newNode=function(i,n){return n&&(/^ +$/.test(n)&&(this.options.lossy||(this.spaces=(this.spaces||"")+n),n=!0),i.namespace=n,ar(i,"namespace")),this.spaces&&(i.spaces.before=this.spaces,this.spaces=""),this.current.append(i)},e.content=function(i){return i===void 0&&(i=this.currToken),this.css.slice(i[O.FIELDS.START_POS],i[O.FIELDS.END_POS])},e.locateNextMeaningfulToken=function(i){i===void 0&&(i=this.position+1);for(var n=i;n<this.tokens.length;)if(zA[this.tokens[n][O.FIELDS.TYPE]]){n++;continue}else return n;return-1},jA(r,[{key:"currToken",get:function(){return this.tokens[this.position]}},{key:"nextToken",get:function(){return this.tokens[this.position+1]}},{key:"prevToken",get:function(){return this.tokens[this.position-1]}}]),r}();ki.default=VA;xd.exports=ki.default});var Ad=x((Si,Sd)=>{u();"use strict";Si.__esModule=!0;Si.default=void 0;var HA=WA(kd());function WA(r){return r&&r.__esModule?r:{default:r}}var GA=function(){function r(t,i){this.func=t||function(){},this.funcRes=null,this.options=i}var e=r.prototype;return e._shouldUpdateSelector=function(i,n){n===void 0&&(n={});var s=Object.assign({},this.options,n);return s.updateSelector===!1?!1:typeof i!="string"},e._isLossy=function(i){i===void 0&&(i={});var n=Object.assign({},this.options,i);return n.lossless===!1},e._root=function(i,n){n===void 0&&(n={});var s=new HA.default(i,this._parseOptions(n));return s.root},e._parseOptions=function(i){return{lossy:this._isLossy(i)}},e._run=function(i,n){var s=this;return n===void 0&&(n={}),new Promise(function(a,o){try{var l=s._root(i,n);Promise.resolve(s.func(l)).then(function(c){var f=void 0;return s._shouldUpdateSelector(i,n)&&(f=l.toString(),i.selector=f),{transform:c,root:l,string:f}}).then(a,o)}catch(c){o(c);return}})},e._runSync=function(i,n){n===void 0&&(n={});var s=this._root(i,n),a=this.func(s);if(a&&typeof a.then=="function")throw new Error("Selector processor returned a promise to a synchronous call.");var o=void 0;return n.updateSelector&&typeof i!="string"&&(o=s.toString(),i.selector=o),{transform:a,root:s,string:o}},e.ast=function(i,n){return this._run(i,n).then(function(s){return s.root})},e.astSync=function(i,n){return this._runSync(i,n).root},e.transform=function(i,n){return this._run(i,n).then(function(s){return s.transform})},e.transformSync=function(i,n){return this._runSync(i,n).transform},e.process=function(i,n){return this._run(i,n).then(function(s){return s.string||s.root.toString()})},e.processSync=function(i,n){var s=this._runSync(i,n);return s.string||s.root.toString()},r}();Si.default=GA;Sd.exports=Si.default});var Cd=x(ne=>{u();"use strict";ne.__esModule=!0;ne.universal=ne.tag=ne.string=ne.selector=ne.root=ne.pseudo=ne.nesting=ne.id=ne.comment=ne.combinator=ne.className=ne.attribute=void 0;var QA=ze(to()),YA=ze(Na()),KA=ze(so()),XA=ze(Fa()),ZA=ze(za()),JA=ze(oo()),eC=ze(Ya()),tC=ze(Da()),rC=ze($a()),iC=ze(Ga()),nC=ze(Ha()),sC=ze(io());function ze(r){return r&&r.__esModule?r:{default:r}}var aC=function(e){return new QA.default(e)};ne.attribute=aC;var oC=function(e){return new YA.default(e)};ne.className=oC;var lC=function(e){return new KA.default(e)};ne.combinator=lC;var uC=function(e){return new XA.default(e)};ne.comment=uC;var fC=function(e){return new ZA.default(e)};ne.id=fC;var cC=function(e){return new JA.default(e)};ne.nesting=cC;var pC=function(e){return new eC.default(e)};ne.pseudo=pC;var dC=function(e){return new tC.default(e)};ne.root=dC;var hC=function(e){return new rC.default(e)};ne.selector=hC;var mC=function(e){return new iC.default(e)};ne.string=mC;var gC=function(e){return new nC.default(e)};ne.tag=gC;var yC=function(e){return new sC.default(e)};ne.universal=yC});var Td=x(Z=>{u();"use strict";Z.__esModule=!0;Z.isComment=Z.isCombinator=Z.isClassName=Z.isAttribute=void 0;Z.isContainer=TC;Z.isIdentifier=void 0;Z.isNamespace=RC;Z.isNesting=void 0;Z.isNode=bo;Z.isPseudo=void 0;Z.isPseudoClass=OC;Z.isPseudoElement=Od;Z.isUniversal=Z.isTag=Z.isString=Z.isSelector=Z.isRoot=void 0;var fe=Se(),Oe,bC=(Oe={},Oe[fe.ATTRIBUTE]=!0,Oe[fe.CLASS]=!0,Oe[fe.COMBINATOR]=!0,Oe[fe.COMMENT]=!0,Oe[fe.ID]=!0,Oe[fe.NESTING]=!0,Oe[fe.PSEUDO]=!0,Oe[fe.ROOT]=!0,Oe[fe.SELECTOR]=!0,Oe[fe.STRING]=!0,Oe[fe.TAG]=!0,Oe[fe.UNIVERSAL]=!0,Oe);function bo(r){return typeof r=="object"&&bC[r.type]}function Ue(r,e){return bo(e)&&e.type===r}var _d=Ue.bind(null,fe.ATTRIBUTE);Z.isAttribute=_d;var wC=Ue.bind(null,fe.CLASS);Z.isClassName=wC;var vC=Ue.bind(null,fe.COMBINATOR);Z.isCombinator=vC;var xC=Ue.bind(null,fe.COMMENT);Z.isComment=xC;var kC=Ue.bind(null,fe.ID);Z.isIdentifier=kC;var SC=Ue.bind(null,fe.NESTING);Z.isNesting=SC;var wo=Ue.bind(null,fe.PSEUDO);Z.isPseudo=wo;var AC=Ue.bind(null,fe.ROOT);Z.isRoot=AC;var CC=Ue.bind(null,fe.SELECTOR);Z.isSelector=CC;var _C=Ue.bind(null,fe.STRING);Z.isString=_C;var Ed=Ue.bind(null,fe.TAG);Z.isTag=Ed;var EC=Ue.bind(null,fe.UNIVERSAL);Z.isUniversal=EC;function Od(r){return wo(r)&&r.value&&(r.value.startsWith("::")||r.value.toLowerCase()===":before"||r.value.toLowerCase()===":after"||r.value.toLowerCase()===":first-letter"||r.value.toLowerCase()===":first-line")}function OC(r){return wo(r)&&!Od(r)}function TC(r){return!!(bo(r)&&r.walk)}function RC(r){return _d(r)||Ed(r)}});var Rd=x(Ke=>{u();"use strict";Ke.__esModule=!0;var vo=Se();Object.keys(vo).forEach(function(r){r==="default"||r==="__esModule"||r in Ke&&Ke[r]===vo[r]||(Ke[r]=vo[r])});var xo=Cd();Object.keys(xo).forEach(function(r){r==="default"||r==="__esModule"||r in Ke&&Ke[r]===xo[r]||(Ke[r]=xo[r])});var ko=Td();Object.keys(ko).forEach(function(r){r==="default"||r==="__esModule"||r in Ke&&Ke[r]===ko[r]||(Ke[r]=ko[r])})});var it=x((Ai,Id)=>{u();"use strict";Ai.__esModule=!0;Ai.default=void 0;var PC=qC(Ad()),IC=DC(Rd());function Pd(r){if(typeof WeakMap!="function")return null;var e=new WeakMap,t=new WeakMap;return(Pd=function(n){return n?t:e})(r)}function DC(r,e){if(!e&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var t=Pd(e);if(t&&t.has(r))return t.get(r);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in r)if(s!=="default"&&Object.prototype.hasOwnProperty.call(r,s)){var a=n?Object.getOwnPropertyDescriptor(r,s):null;a&&(a.get||a.set)?Object.defineProperty(i,s,a):i[s]=r[s]}return i.default=r,t&&t.set(r,i),i}function qC(r){return r&&r.__esModule?r:{default:r}}var So=function(e){return new PC.default(e)};Object.assign(So,IC);delete So.__esModule;var $C=So;Ai.default=$C;Id.exports=Ai.default});function mt(r){return["fontSize","outline"].includes(r)?e=>(typeof e=="function"&&(e=e({})),Array.isArray(e)&&(e=e[0]),e):r==="fontFamily"?e=>{typeof e=="function"&&(e=e({}));let t=Array.isArray(e)&&ke(e[1])?e[0]:e;return Array.isArray(t)?t.join(", "):t}:["boxShadow","transitionProperty","transitionDuration","transitionDelay","transitionTimingFunction","backgroundImage","backgroundSize","backgroundColor","cursor","animation"].includes(r)?e=>(typeof e=="function"&&(e=e({})),Array.isArray(e)&&(e=e.join(", ")),e):["gridTemplateColumns","gridTemplateRows","objectPosition"].includes(r)?e=>(typeof e=="function"&&(e=e({})),typeof e=="string"&&(e=ee.list.comma(e).join(" ")),e):(e,t={})=>(typeof e=="function"&&(e=e(t)),e)}var Ci=P(()=>{u();Ot();Kt()});var Bd=x((MI,Oo)=>{u();var{AtRule:LC,Rule:Dd}=$e(),qd=it();function Ao(r,e){let t;try{qd(i=>{t=i}).processSync(r)}catch(i){throw r.includes(":")?e?e.error("Missed semicolon"):i:e?e.error(i.message):i}return t.at(0)}function $d(r,e){let t=!1;return r.each(i=>{if(i.type==="nesting"){let n=e.clone({});i.value!=="&"?i.replaceWith(Ao(i.value.replace("&",n.toString()))):i.replaceWith(n),t=!0}else"nodes"in i&&i.nodes&&$d(i,e)&&(t=!0)}),t}function Ld(r,e){let t=[];return r.selectors.forEach(i=>{let n=Ao(i,r);e.selectors.forEach(s=>{if(!s)return;let a=Ao(s,e);$d(a,n)||(a.prepend(qd.combinator({value:" "})),a.prepend(n.clone({}))),t.push(a.toString())})}),t}function Hn(r,e){let t=r.prev();for(e.after(r);t&&t.type==="comment";){let i=t.prev();e.after(t),t=i}return r}function MC(r){return function e(t,i,n,s=n){let a=[];if(i.each(o=>{o.type==="rule"&&n?s&&(o.selectors=Ld(t,o)):o.type==="atrule"&&o.nodes?r[o.name]?e(t,o,s):i[_o]!==!1&&a.push(o):a.push(o)}),n&&a.length){let o=t.clone({nodes:[]});for(let l of a)o.append(l);i.prepend(o)}}}function Co(r,e,t){let i=new Dd({nodes:[],selector:r});return i.append(e),t.after(i),i}function Md(r,e){let t={};for(let i of r)t[i]=!0;if(e)for(let i of e)t[i.replace(/^@/,"")]=!0;return t}function NC(r){r=r.trim();let e=r.match(/^\((.*)\)$/);if(!e)return{selector:r,type:"basic"};let t=e[1].match(/^(with(?:out)?):(.+)$/);if(t){let i=t[1]==="with",n=Object.fromEntries(t[2].trim().split(/\s+/).map(a=>[a,!0]));if(i&&n.all)return{type:"noop"};let s=a=>!!n[a];return n.all?s=()=>!0:i&&(s=a=>a==="all"?!1:!n[a]),{escapes:s,type:"withrules"}}return{type:"unknown"}}function BC(r){let e=[],t=r.parent;for(;t&&t instanceof LC;)e.push(t),t=t.parent;return e}function FC(r){let e=r[Nd];if(!e)r.after(r.nodes);else{let t=r.nodes,i,n=-1,s,a,o,l=BC(r);if(l.forEach((c,f)=>{if(e(c.name))i=c,n=f,a=o;else{let d=o;o=c.clone({nodes:[]}),d&&o.append(d),s=s||o}}),i?a?(s.append(t),i.after(a)):i.after(t):r.after(t),r.next()&&i){let c;l.slice(0,n+1).forEach((f,d,p)=>{let h=c;c=f.clone({nodes:[]}),h&&c.append(h);let b=[],y=(p[d-1]||r).next();for(;y;)b.push(y),y=y.next();c.append(b)}),c&&(a||t[t.length-1]).after(c)}}r.remove()}var _o=Symbol("rootRuleMergeSel"),Nd=Symbol("rootRuleEscapes");function jC(r){let{params:e}=r,{escapes:t,selector:i,type:n}=NC(e);if(n==="unknown")throw r.error(`Unknown @${r.name} parameter ${JSON.stringify(e)}`);if(n==="basic"&&i){let s=new Dd({nodes:r.nodes,selector:i});r.removeAll(),r.append(s)}r[Nd]=t,r[_o]=t?!t("all"):n==="noop"}var Eo=Symbol("hasRootRule");Oo.exports=(r={})=>{let e=Md(["media","supports","layer","container","starting-style"],r.bubble),t=MC(e),i=Md(["document","font-face","keyframes","-webkit-keyframes","-moz-keyframes"],r.unwrap),n=(r.rootRuleName||"at-root").replace(/^@/,""),s=r.preserveEmpty;return{Once(a){a.walkAtRules(n,o=>{jC(o),a[Eo]=!0})},postcssPlugin:"postcss-nested",RootExit(a){a[Eo]&&(a.walkAtRules(n,FC),a[Eo]=!1)},Rule(a){let o=!1,l=a,c=!1,f=[];a.each(d=>{d.type==="rule"?(f.length&&(l=Co(a.selector,f,l),f=[]),c=!0,o=!0,d.selectors=Ld(a,d),l=Hn(d,l)):d.type==="atrule"?(f.length&&(l=Co(a.selector,f,l),f=[]),d.name===n?(o=!0,t(a,d,!0,d[_o]),l=Hn(d,l)):e[d.name]?(c=!0,o=!0,t(a,d,!0),l=Hn(d,l)):i[d.name]?(c=!0,o=!0,t(a,d,!1),l=Hn(d,l)):c&&f.push(d)):d.type==="decl"&&c&&f.push(d)}),f.length&&(l=Co(a.selector,f,l)),o&&s!==!0&&(a.raws.semicolon=!0,a.nodes.length===0&&a.remove())}}};Oo.exports.postcss=!0});var Ud=x((NI,zd)=>{u();"use strict";var Fd=/-(\w|$)/g,jd=(r,e)=>e.toUpperCase(),zC=r=>(r=r.toLowerCase(),r==="float"?"cssFloat":r.startsWith("-ms-")?r.substr(1).replace(Fd,jd):r.replace(Fd,jd));zd.exports=zC});var Po=x((BI,Vd)=>{u();var UC=Ud(),VC={boxFlex:!0,boxFlexGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,strokeDashoffset:!0,strokeOpacity:!0,strokeWidth:!0};function To(r){return typeof r.nodes=="undefined"?!0:Ro(r)}function Ro(r){let e,t={};return r.each(i=>{if(i.type==="atrule")e="@"+i.name,i.params&&(e+=" "+i.params),typeof t[e]=="undefined"?t[e]=To(i):Array.isArray(t[e])?t[e].push(To(i)):t[e]=[t[e],To(i)];else if(i.type==="rule"){let n=Ro(i);if(t[i.selector])for(let s in n)t[i.selector][s]=n[s];else t[i.selector]=n}else if(i.type==="decl"){i.prop[0]==="-"&&i.prop[1]==="-"||i.parent&&i.parent.selector===":export"?e=i.prop:e=UC(i.prop);let n=i.value;!isNaN(i.value)&&VC[e]&&(n=parseFloat(i.value)),i.important&&(n+=" !important"),typeof t[e]=="undefined"?t[e]=n:Array.isArray(t[e])?t[e].push(n):t[e]=[t[e],n]}}),t}Vd.exports=Ro});var Wn=x((FI,Qd)=>{u();var _i=$e(),Hd=/\s*!important\s*$/i,HC={"box-flex":!0,"box-flex-group":!0,"column-count":!0,flex:!0,"flex-grow":!0,"flex-positive":!0,"flex-shrink":!0,"flex-negative":!0,"font-weight":!0,"line-clamp":!0,"line-height":!0,opacity:!0,order:!0,orphans:!0,"tab-size":!0,widows:!0,"z-index":!0,zoom:!0,"fill-opacity":!0,"stroke-dashoffset":!0,"stroke-opacity":!0,"stroke-width":!0};function WC(r){return r.replace(/([A-Z])/g,"-$1").replace(/^ms-/,"-ms-").toLowerCase()}function Wd(r,e,t){t===!1||t===null||(e.startsWith("--")||(e=WC(e)),typeof t=="number"&&(t===0||HC[e]?t=t.toString():t+="px"),e==="css-float"&&(e="float"),Hd.test(t)?(t=t.replace(Hd,""),r.push(_i.decl({prop:e,value:t,important:!0}))):r.push(_i.decl({prop:e,value:t})))}function Gd(r,e,t){let i=_i.atRule({name:e[1],params:e[3]||""});typeof t=="object"&&(i.nodes=[],Io(t,i)),r.push(i)}function Io(r,e){let t,i,n;for(t in r)if(i=r[t],!(i===null||typeof i=="undefined"))if(t[0]==="@"){let s=t.match(/@(\S+)(\s+([\W\w]*)\s*)?/);if(Array.isArray(i))for(let a of i)Gd(e,s,a);else Gd(e,s,i)}else if(Array.isArray(i))for(let s of i)Wd(e,t,s);else typeof i=="object"?(n=_i.rule({selector:t}),Io(i,n),e.push(n)):Wd(e,t,i)}Qd.exports=function(r){let e=_i.root();return Io(r,e),e}});var Do=x((jI,Yd)=>{u();var GC=Po();Yd.exports=function(e){return console&&console.warn&&e.warnings().forEach(t=>{let i=t.plugin||"PostCSS";console.warn(i+": "+t.text)}),GC(e.root)}});var Xd=x((zI,Kd)=>{u();var QC=$e(),YC=Do(),KC=Wn();Kd.exports=function(e){let t=QC(e);return async i=>{let n=await t.process(i,{parser:KC,from:void 0});return YC(n)}}});var Jd=x((UI,Zd)=>{u();var XC=$e(),ZC=Do(),JC=Wn();Zd.exports=function(r){let e=XC(r);return t=>{let i=e.process(t,{parser:JC,from:void 0});return ZC(i)}}});var th=x((VI,eh)=>{u();var e_=Po(),t_=Wn(),r_=Xd(),i_=Jd();eh.exports={objectify:e_,parse:t_,async:r_,sync:i_}});var or,rh,HI,WI,GI,QI,ih=P(()=>{u();or=pe(th()),rh=or.default,HI=or.default.objectify,WI=or.default.parse,GI=or.default.async,QI=or.default.sync});function lr(r){return Array.isArray(r)?r.flatMap(e=>ee([(0,nh.default)({bubble:["screen"]})]).process(e,{parser:rh}).root.nodes):lr([r])}var nh,qo=P(()=>{u();Ot();nh=pe(Bd());ih()});function ur(r,e,t=!1){if(r==="")return e;let i=typeof e=="string"?(0,sh.default)().astSync(e):e;return i.walkClasses(n=>{let s=n.value,a=t&&s.startsWith("-");n.value=a?`-${r}${s.slice(1)}`:`${r}${s}`}),typeof e=="string"?i.toString():i}var sh,Gn=P(()=>{u();sh=pe(it())});function Te(r){let e=ah.default.className();return e.value=r,jt(e?.raws?.value??e.value)}var ah,fr=P(()=>{u();ah=pe(it());Zi()});function $o(r){return jt(`.${Te(r)}`)}function Qn(r,e){return $o(Ei(r,e))}function Ei(r,e){return e==="DEFAULT"?r:e==="-"||e==="-DEFAULT"?`-${r}`:e.startsWith("-")?`-${r}${e}`:e.startsWith("/")?`${r}${e}`:`${r}-${e}`}var Lo=P(()=>{u();fr();Zi()});function L(r,e=[[r,[r]]],{filterDefault:t=!1,...i}={}){let n=mt(r);return function({matchUtilities:s,theme:a}){for(let o of e){let l=Array.isArray(o[0])?o:[o];s(l.reduce((c,[f,d])=>Object.assign(c,{[f]:p=>d.reduce((h,b)=>Array.isArray(b)?Object.assign(h,{[b[0]]:b[1]}):Object.assign(h,{[b]:n(p)}),{})}),{}),{...i,values:t?Object.fromEntries(Object.entries(a(r)??{}).filter(([c])=>c!=="DEFAULT")):a(r)})}}}var oh=P(()=>{u();Ci()});function Tt(r){return r=Array.isArray(r)?r:[r],r.map(e=>{let t=e.values.map(i=>i.raw!==void 0?i.raw:[i.min&&`(min-width: ${i.min})`,i.max&&`(max-width: ${i.max})`].filter(Boolean).join(" and "));return e.not?`not all and ${t}`:t}).join(", ")}var Yn=P(()=>{u()});function Mo(r){return r.split(f_).map(t=>{let i=t.trim(),n={value:i},s=i.split(c_),a=new Set;for(let o of s)!a.has("DIRECTIONS")&&n_.has(o)?(n.direction=o,a.add("DIRECTIONS")):!a.has("PLAY_STATES")&&s_.has(o)?(n.playState=o,a.add("PLAY_STATES")):!a.has("FILL_MODES")&&a_.has(o)?(n.fillMode=o,a.add("FILL_MODES")):!a.has("ITERATION_COUNTS")&&(o_.has(o)||p_.test(o))?(n.iterationCount=o,a.add("ITERATION_COUNTS")):!a.has("TIMING_FUNCTION")&&l_.has(o)||!a.has("TIMING_FUNCTION")&&u_.some(l=>o.startsWith(`${l}(`))?(n.timingFunction=o,a.add("TIMING_FUNCTION")):!a.has("DURATION")&&lh.test(o)?(n.duration=o,a.add("DURATION")):!a.has("DELAY")&&lh.test(o)?(n.delay=o,a.add("DELAY")):a.has("NAME")?(n.unknown||(n.unknown=[]),n.unknown.push(o)):(n.name=o,a.add("NAME"));return n})}var n_,s_,a_,o_,l_,u_,f_,c_,lh,p_,uh=P(()=>{u();n_=new Set(["normal","reverse","alternate","alternate-reverse"]),s_=new Set(["running","paused"]),a_=new Set(["none","forwards","backwards","both"]),o_=new Set(["infinite"]),l_=new Set(["linear","ease","ease-in","ease-out","ease-in-out","step-start","step-end"]),u_=["cubic-bezier","steps"],f_=/\,(?![^(]*\))/g,c_=/\ +(?![^(]*\))/g,lh=/^(-?[\d.]+m?s)$/,p_=/^(\d+)$/});var fh,xe,ch=P(()=>{u();fh=r=>Object.assign({},...Object.entries(r??{}).flatMap(([e,t])=>typeof t=="object"?Object.entries(fh(t)).map(([i,n])=>({[e+(i==="DEFAULT"?"":`-${i}`)]:n})):[{[`${e}`]:t}])),xe=fh});var dh,ph=P(()=>{dh="3.4.17"});function Rt(r,e=!0){return Array.isArray(r)?r.map(t=>{if(e&&Array.isArray(t))throw new Error("The tuple syntax is not supported for `screens`.");if(typeof t=="string")return{name:t.toString(),not:!1,values:[{min:t,max:void 0}]};let[i,n]=t;return i=i.toString(),typeof n=="string"?{name:i,not:!1,values:[{min:n,max:void 0}]}:Array.isArray(n)?{name:i,not:!1,values:n.map(s=>mh(s))}:{name:i,not:!1,values:[mh(n)]}}):Rt(Object.entries(r??{}),!1)}function Kn(r){return r.values.length!==1?{result:!1,reason:"multiple-values"}:r.values[0].raw!==void 0?{result:!1,reason:"raw-values"}:r.values[0].min!==void 0&&r.values[0].max!==void 0?{result:!1,reason:"min-and-max"}:{result:!0,reason:null}}function hh(r,e,t){let i=Xn(e,r),n=Xn(t,r),s=Kn(i),a=Kn(n);if(s.reason==="multiple-values"||a.reason==="multiple-values")throw new Error("Attempted to sort a screen with multiple values. This should never happen. Please open a bug report.");if(s.reason==="raw-values"||a.reason==="raw-values")throw new Error("Attempted to sort a screen with raw values. This should never happen. Please open a bug report.");if(s.reason==="min-and-max"||a.reason==="min-and-max")throw new Error("Attempted to sort a screen with both min and max values. This should never happen. Please open a bug report.");let{min:o,max:l}=i.values[0],{min:c,max:f}=n.values[0];e.not&&([o,l]=[l,o]),t.not&&([c,f]=[f,c]),o=o===void 0?o:parseFloat(o),l=l===void 0?l:parseFloat(l),c=c===void 0?c:parseFloat(c),f=f===void 0?f:parseFloat(f);let[d,p]=r==="min"?[o,c]:[f,l];return d-p}function Xn(r,e){return typeof r=="object"?r:{name:"arbitrary-screen",values:[{[e]:r}]}}function mh({"min-width":r,min:e=r,max:t,raw:i}={}){return{min:e,max:t,raw:i}}var Zn=P(()=>{u()});function Jn(r,e){r.walkDecls(t=>{if(e.includes(t.prop)){t.remove();return}for(let i of e)t.value.includes(`/ var(${i})`)?t.value=t.value.replace(`/ var(${i})`,""):t.value.includes(`/ var(${i}, 1)`)&&(t.value=t.value.replace(`/ var(${i}, 1)`,""))})}var gh=P(()=>{u()});var se,Xe,nt,ge,yh,bh=P(()=>{u();ft();et();Ot();oh();Yn();fr();uh();ch();Lr();ra();Kt();Ci();ph();Be();Zn();Ys();gh();ct();Br();Oi();se={childVariant:({addVariant:r})=>{r("*","& > *")},pseudoElementVariants:({addVariant:r})=>{r("first-letter","&::first-letter"),r("first-line","&::first-line"),r("marker",[({container:e})=>(Jn(e,["--tw-text-opacity"]),"& *::marker"),({container:e})=>(Jn(e,["--tw-text-opacity"]),"&::marker")]),r("selection",["& *::selection","&::selection"]),r("file","&::file-selector-button"),r("placeholder","&::placeholder"),r("backdrop","&::backdrop"),r("before",({container:e})=>(e.walkRules(t=>{let i=!1;t.walkDecls("content",()=>{i=!0}),i||t.prepend(ee.decl({prop:"content",value:"var(--tw-content)"}))}),"&::before")),r("after",({container:e})=>(e.walkRules(t=>{let i=!1;t.walkDecls("content",()=>{i=!0}),i||t.prepend(ee.decl({prop:"content",value:"var(--tw-content)"}))}),"&::after"))},pseudoClassVariants:({addVariant:r,matchVariant:e,config:t,prefix:i})=>{let n=[["first","&:first-child"],["last","&:last-child"],["only","&:only-child"],["odd","&:nth-child(odd)"],["even","&:nth-child(even)"],"first-of-type","last-of-type","only-of-type",["visited",({container:a})=>(Jn(a,["--tw-text-opacity","--tw-border-opacity","--tw-bg-opacity"]),"&:visited")],"target",["open","&[open]"],"default","checked","indeterminate","placeholder-shown","autofill","optional","required","valid","invalid","in-range","out-of-range","read-only","empty","focus-within",["hover",we(t(),"hoverOnlyWhenSupported")?"@media (hover: hover) and (pointer: fine) { &:hover }":"&:hover"],"focus","focus-visible","active","enabled","disabled"].map(a=>Array.isArray(a)?a:[a,`&:${a}`]);for(let[a,o]of n)r(a,l=>typeof o=="function"?o(l):o);let s={group:(a,{modifier:o})=>o?[`:merge(${i(".group")}\\/${Te(o)})`," &"]:[`:merge(${i(".group")})`," &"],peer:(a,{modifier:o})=>o?[`:merge(${i(".peer")}\\/${Te(o)})`," ~ &"]:[`:merge(${i(".peer")})`," ~ &"]};for(let[a,o]of Object.entries(s))e(a,(l="",c)=>{let f=K(typeof l=="function"?l(c):l);f.includes("&")||(f="&"+f);let[d,p]=o("",c),h=null,b=null,v=0;for(let y=0;y<f.length;++y){let w=f[y];w==="&"?h=y:w==="'"||w==='"'?v+=1:h!==null&&w===" "&&!v&&(b=y)}return h!==null&&b===null&&(b=f.length),f.slice(0,h)+d+f.slice(h+1,b)+p+f.slice(b)},{values:Object.fromEntries(n),[Pt]:{respectPrefix:!1}})},directionVariants:({addVariant:r})=>{r("ltr",'&:where([dir="ltr"], [dir="ltr"] *)'),r("rtl",'&:where([dir="rtl"], [dir="rtl"] *)')},reducedMotionVariants:({addVariant:r})=>{r("motion-safe","@media (prefers-reduced-motion: no-preference)"),r("motion-reduce","@media (prefers-reduced-motion: reduce)")},darkVariants:({config:r,addVariant:e})=>{let[t,i=".dark"]=[].concat(r("darkMode","media"));if(t===!1&&(t="media",G.warn("darkmode-false",["The `darkMode` option in your Tailwind CSS configuration is set to `false`, which now behaves the same as `media`.","Change `darkMode` to `media` or remove it entirely.","https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration"])),t==="variant"){let n;if(Array.isArray(i)||typeof i=="function"?n=i:typeof i=="string"&&(n=[i]),Array.isArray(n))for(let s of n)s===".dark"?(t=!1,G.warn("darkmode-variant-without-selector",["When using `variant` for `darkMode`, you must provide a selector.",'Example: `darkMode: ["variant", ".your-selector &"]`'])):s.includes("&")||(t=!1,G.warn("darkmode-variant-without-ampersand",["When using `variant` for `darkMode`, your selector must contain `&`.",'Example `darkMode: ["variant", ".your-selector &"]`']));i=n}t==="selector"?e("dark",`&:where(${i}, ${i} *)`):t==="media"?e("dark","@media (prefers-color-scheme: dark)"):t==="variant"?e("dark",i):t==="class"&&e("dark",`&:is(${i} *)`)},printVariant:({addVariant:r})=>{r("print","@media print")},screenVariants:({theme:r,addVariant:e,matchVariant:t})=>{let i=r("screens")??{},n=Object.values(i).every(w=>typeof w=="string"),s=Rt(r("screens")),a=new Set([]);function o(w){return w.match(/(\D+)$/)?.[1]??"(none)"}function l(w){w!==void 0&&a.add(o(w))}function c(w){return l(w),a.size===1}for(let w of s)for(let k of w.values)l(k.min),l(k.max);let f=a.size<=1;function d(w){return Object.fromEntries(s.filter(k=>Kn(k).result).map(k=>{let{min:S,max:E}=k.values[0];if(w==="min"&&S!==void 0)return k;if(w==="min"&&E!==void 0)return{...k,not:!k.not};if(w==="max"&&E!==void 0)return k;if(w==="max"&&S!==void 0)return{...k,not:!k.not}}).map(k=>[k.name,k]))}function p(w){return(k,S)=>hh(w,k.value,S.value)}let h=p("max"),b=p("min");function v(w){return k=>{if(n)if(f){if(typeof k=="string"&&!c(k))return G.warn("minmax-have-mixed-units",["The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."]),[]}else return G.warn("mixed-screen-units",["The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."]),[];else return G.warn("complex-screen-config",["The `min-*` and `max-*` variants are not supported with a `screens` configuration containing objects."]),[];return[`@media ${Tt(Xn(k,w))}`]}}t("max",v("max"),{sort:h,values:n?d("max"):{}});let y="min-screens";for(let w of s)e(w.name,`@media ${Tt(w)}`,{id:y,sort:n&&f?b:void 0,value:w});t("min",v("min"),{id:y,sort:b})},supportsVariants:({matchVariant:r,theme:e})=>{r("supports",(t="")=>{let i=K(t),n=/^\w*\s*\(/.test(i);return i=n?i.replace(/\b(and|or|not)\b/g," $1 "):i,n?`@supports ${i}`:(i.includes(":")||(i=`${i}: var(--tw)`),i.startsWith("(")&&i.endsWith(")")||(i=`(${i})`),`@supports ${i}`)},{values:e("supports")??{}})},hasVariants:({matchVariant:r,prefix:e})=>{r("has",t=>`&:has(${K(t)})`,{values:{},[Pt]:{respectPrefix:!1}}),r("group-has",(t,{modifier:i})=>i?`:merge(${e(".group")}\\/${i}):has(${K(t)}) &`:`:merge(${e(".group")}):has(${K(t)}) &`,{values:{},[Pt]:{respectPrefix:!1}}),r("peer-has",(t,{modifier:i})=>i?`:merge(${e(".peer")}\\/${i}):has(${K(t)}) ~ &`:`:merge(${e(".peer")}):has(${K(t)}) ~ &`,{values:{},[Pt]:{respectPrefix:!1}})},ariaVariants:({matchVariant:r,theme:e})=>{r("aria",t=>`&[aria-${Ye(K(t))}]`,{values:e("aria")??{}}),r("group-aria",(t,{modifier:i})=>i?`:merge(.group\\/${i})[aria-${Ye(K(t))}] &`:`:merge(.group)[aria-${Ye(K(t))}] &`,{values:e("aria")??{}}),r("peer-aria",(t,{modifier:i})=>i?`:merge(.peer\\/${i})[aria-${Ye(K(t))}] ~ &`:`:merge(.peer)[aria-${Ye(K(t))}] ~ &`,{values:e("aria")??{}})},dataVariants:({matchVariant:r,theme:e})=>{r("data",t=>`&[data-${Ye(K(t))}]`,{values:e("data")??{}}),r("group-data",(t,{modifier:i})=>i?`:merge(.group\\/${i})[data-${Ye(K(t))}] &`:`:merge(.group)[data-${Ye(K(t))}] &`,{values:e("data")??{}}),r("peer-data",(t,{modifier:i})=>i?`:merge(.peer\\/${i})[data-${Ye(K(t))}] ~ &`:`:merge(.peer)[data-${Ye(K(t))}] ~ &`,{values:e("data")??{}})},orientationVariants:({addVariant:r})=>{r("portrait","@media (orientation: portrait)"),r("landscape","@media (orientation: landscape)")},prefersContrastVariants:({addVariant:r})=>{r("contrast-more","@media (prefers-contrast: more)"),r("contrast-less","@media (prefers-contrast: less)")},forcedColorsVariants:({addVariant:r})=>{r("forced-colors","@media (forced-colors: active)")}},Xe=["translate(var(--tw-translate-x), var(--tw-translate-y))","rotate(var(--tw-rotate))","skewX(var(--tw-skew-x))","skewY(var(--tw-skew-y))","scaleX(var(--tw-scale-x))","scaleY(var(--tw-scale-y))"].join(" "),nt=["var(--tw-blur)","var(--tw-brightness)","var(--tw-contrast)","var(--tw-grayscale)","var(--tw-hue-rotate)","var(--tw-invert)","var(--tw-saturate)","var(--tw-sepia)","var(--tw-drop-shadow)"].join(" "),ge=["var(--tw-backdrop-blur)","var(--tw-backdrop-brightness)","var(--tw-backdrop-contrast)","var(--tw-backdrop-grayscale)","var(--tw-backdrop-hue-rotate)","var(--tw-backdrop-invert)","var(--tw-backdrop-opacity)","var(--tw-backdrop-saturate)","var(--tw-backdrop-sepia)"].join(" "),yh={preflight:({addBase:r})=>{let e=ee.parse(`*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme('borderColor.DEFAULT', currentColor)}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme('fontFamily.sans', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:theme('fontFamily.sans[1].fontFeatureSettings', normal);font-variation-settings:theme('fontFamily.sans[1].fontVariationSettings', normal);-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:theme('fontFamily.mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:theme('fontFamily.mono[1].fontFeatureSettings', normal);font-variation-settings:theme('fontFamily.mono[1].fontVariationSettings', normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:theme('colors.gray.4', #9ca3af)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}`);r([ee.comment({text:`! tailwindcss v${dh} | MIT License | https://tailwindcss.com`}),...e.nodes])},container:(()=>{function r(t=[]){return t.flatMap(i=>i.values.map(n=>n.min)).filter(i=>i!==void 0)}function e(t,i,n){if(typeof n=="undefined")return[];if(!(typeof n=="object"&&n!==null))return[{screen:"DEFAULT",minWidth:0,padding:n}];let s=[];n.DEFAULT&&s.push({screen:"DEFAULT",minWidth:0,padding:n.DEFAULT});for(let a of t)for(let o of i)for(let{min:l}of o.values)l===a&&s.push({minWidth:a,padding:n[o.name]});return s}return function({addComponents:t,theme:i}){let n=Rt(i("container.screens",i("screens"))),s=r(n),a=e(s,n,i("container.padding")),o=c=>{let f=a.find(d=>d.minWidth===c);return f?{paddingRight:f.padding,paddingLeft:f.padding}:{}},l=Array.from(new Set(s.slice().sort((c,f)=>parseInt(c)-parseInt(f)))).map(c=>({[`@media (min-width: ${c})`]:{".container":{"max-width":c,...o(c)}}}));t([{".container":Object.assign({width:"100%"},i("container.center",!1)?{marginRight:"auto",marginLeft:"auto"}:{},o(0))},...l])}})(),accessibility:({addUtilities:r})=>{r({".sr-only":{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"},".not-sr-only":{position:"static",width:"auto",height:"auto",padding:"0",margin:"0",overflow:"visible",clip:"auto",whiteSpace:"normal"}})},pointerEvents:({addUtilities:r})=>{r({".pointer-events-none":{"pointer-events":"none"},".pointer-events-auto":{"pointer-events":"auto"}})},visibility:({addUtilities:r})=>{r({".visible":{visibility:"visible"},".invisible":{visibility:"hidden"},".collapse":{visibility:"collapse"}})},position:({addUtilities:r})=>{r({".static":{position:"static"},".fixed":{position:"fixed"},".absolute":{position:"absolute"},".relative":{position:"relative"},".sticky":{position:"sticky"}})},inset:L("inset",[["inset",["inset"]],[["inset-x",["left","right"]],["inset-y",["top","bottom"]]],[["start",["inset-inline-start"]],["end",["inset-inline-end"]],["top",["top"]],["right",["right"]],["bottom",["bottom"]],["left",["left"]]]],{supportsNegativeValues:!0}),isolation:({addUtilities:r})=>{r({".isolate":{isolation:"isolate"},".isolation-auto":{isolation:"auto"}})},zIndex:L("zIndex",[["z",["zIndex"]]],{supportsNegativeValues:!0}),order:L("order",void 0,{supportsNegativeValues:!0}),gridColumn:L("gridColumn",[["col",["gridColumn"]]]),gridColumnStart:L("gridColumnStart",[["col-start",["gridColumnStart"]]],{supportsNegativeValues:!0}),gridColumnEnd:L("gridColumnEnd",[["col-end",["gridColumnEnd"]]],{supportsNegativeValues:!0}),gridRow:L("gridRow",[["row",["gridRow"]]]),gridRowStart:L("gridRowStart",[["row-start",["gridRowStart"]]],{supportsNegativeValues:!0}),gridRowEnd:L("gridRowEnd",[["row-end",["gridRowEnd"]]],{supportsNegativeValues:!0}),float:({addUtilities:r})=>{r({".float-start":{float:"inline-start"},".float-end":{float:"inline-end"},".float-right":{float:"right"},".float-left":{float:"left"},".float-none":{float:"none"}})},clear:({addUtilities:r})=>{r({".clear-start":{clear:"inline-start"},".clear-end":{clear:"inline-end"},".clear-left":{clear:"left"},".clear-right":{clear:"right"},".clear-both":{clear:"both"},".clear-none":{clear:"none"}})},margin:L("margin",[["m",["margin"]],[["mx",["margin-left","margin-right"]],["my",["margin-top","margin-bottom"]]],[["ms",["margin-inline-start"]],["me",["margin-inline-end"]],["mt",["margin-top"]],["mr",["margin-right"]],["mb",["margin-bottom"]],["ml",["margin-left"]]]],{supportsNegativeValues:!0}),boxSizing:({addUtilities:r})=>{r({".box-border":{"box-sizing":"border-box"},".box-content":{"box-sizing":"content-box"}})},lineClamp:({matchUtilities:r,addUtilities:e,theme:t})=>{r({"line-clamp":i=>({overflow:"hidden",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":`${i}`})},{values:t("lineClamp")}),e({".line-clamp-none":{overflow:"visible",display:"block","-webkit-box-orient":"horizontal","-webkit-line-clamp":"none"}})},display:({addUtilities:r})=>{r({".block":{display:"block"},".inline-block":{display:"inline-block"},".inline":{display:"inline"},".flex":{display:"flex"},".inline-flex":{display:"inline-flex"},".table":{display:"table"},".inline-table":{display:"inline-table"},".table-caption":{display:"table-caption"},".table-cell":{display:"table-cell"},".table-column":{display:"table-column"},".table-column-group":{display:"table-column-group"},".table-footer-group":{display:"table-footer-group"},".table-header-group":{display:"table-header-group"},".table-row-group":{display:"table-row-group"},".table-row":{display:"table-row"},".flow-root":{display:"flow-root"},".grid":{display:"grid"},".inline-grid":{display:"inline-grid"},".contents":{display:"contents"},".list-item":{display:"list-item"},".hidden":{display:"none"}})},aspectRatio:L("aspectRatio",[["aspect",["aspect-ratio"]]]),size:L("size",[["size",["width","height"]]]),height:L("height",[["h",["height"]]]),maxHeight:L("maxHeight",[["max-h",["maxHeight"]]]),minHeight:L("minHeight",[["min-h",["minHeight"]]]),width:L("width",[["w",["width"]]]),minWidth:L("minWidth",[["min-w",["minWidth"]]]),maxWidth:L("maxWidth",[["max-w",["maxWidth"]]]),flex:L("flex"),flexShrink:L("flexShrink",[["flex-shrink",["flex-shrink"]],["shrink",["flex-shrink"]]]),flexGrow:L("flexGrow",[["flex-grow",["flex-grow"]],["grow",["flex-grow"]]]),flexBasis:L("flexBasis",[["basis",["flex-basis"]]]),tableLayout:({addUtilities:r})=>{r({".table-auto":{"table-layout":"auto"},".table-fixed":{"table-layout":"fixed"}})},captionSide:({addUtilities:r})=>{r({".caption-top":{"caption-side":"top"},".caption-bottom":{"caption-side":"bottom"}})},borderCollapse:({addUtilities:r})=>{r({".border-collapse":{"border-collapse":"collapse"},".border-separate":{"border-collapse":"separate"}})},borderSpacing:({addDefaults:r,matchUtilities:e,theme:t})=>{r("border-spacing",{"--tw-border-spacing-x":0,"--tw-border-spacing-y":0}),e({"border-spacing":i=>({"--tw-border-spacing-x":i,"--tw-border-spacing-y":i,"@defaults border-spacing":{},"border-spacing":"var(--tw-border-spacing-x) var(--tw-border-spacing-y)"}),"border-spacing-x":i=>({"--tw-border-spacing-x":i,"@defaults border-spacing":{},"border-spacing":"var(--tw-border-spacing-x) var(--tw-border-spacing-y)"}),"border-spacing-y":i=>({"--tw-border-spacing-y":i,"@defaults border-spacing":{},"border-spacing":"var(--tw-border-spacing-x) var(--tw-border-spacing-y)"})},{values:t("borderSpacing")})},transformOrigin:L("transformOrigin",[["origin",["transformOrigin"]]]),translate:L("translate",[[["translate-x",[["@defaults transform",{}],"--tw-translate-x",["transform",Xe]]],["translate-y",[["@defaults transform",{}],"--tw-translate-y",["transform",Xe]]]]],{supportsNegativeValues:!0}),rotate:L("rotate",[["rotate",[["@defaults transform",{}],"--tw-rotate",["transform",Xe]]]],{supportsNegativeValues:!0}),skew:L("skew",[[["skew-x",[["@defaults transform",{}],"--tw-skew-x",["transform",Xe]]],["skew-y",[["@defaults transform",{}],"--tw-skew-y",["transform",Xe]]]]],{supportsNegativeValues:!0}),scale:L("scale",[["scale",[["@defaults transform",{}],"--tw-scale-x","--tw-scale-y",["transform",Xe]]],[["scale-x",[["@defaults transform",{}],"--tw-scale-x",["transform",Xe]]],["scale-y",[["@defaults transform",{}],"--tw-scale-y",["transform",Xe]]]]],{supportsNegativeValues:!0}),transform:({addDefaults:r,addUtilities:e})=>{r("transform",{"--tw-translate-x":"0","--tw-translate-y":"0","--tw-rotate":"0","--tw-skew-x":"0","--tw-skew-y":"0","--tw-scale-x":"1","--tw-scale-y":"1"}),e({".transform":{"@defaults transform":{},transform:Xe},".transform-cpu":{transform:Xe},".transform-gpu":{transform:Xe.replace("translate(var(--tw-translate-x), var(--tw-translate-y))","translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)")},".transform-none":{transform:"none"}})},animation:({matchUtilities:r,theme:e,config:t})=>{let i=s=>Te(t("prefix")+s),n=Object.fromEntries(Object.entries(e("keyframes")??{}).map(([s,a])=>[s,{[`@keyframes ${i(s)}`]:a}]));r({animate:s=>{let a=Mo(s);return[...a.flatMap(o=>n[o.name]),{animation:a.map(({name:o,value:l})=>o===void 0||n[o]===void 0?l:l.replace(o,i(o))).join(", ")}]}},{values:e("animation")})},cursor:L("cursor"),touchAction:({addDefaults:r,addUtilities:e})=>{r("touch-action",{"--tw-pan-x":" ","--tw-pan-y":" ","--tw-pinch-zoom":" "});let t="var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)";e({".touch-auto":{"touch-action":"auto"},".touch-none":{"touch-action":"none"},".touch-pan-x":{"@defaults touch-action":{},"--tw-pan-x":"pan-x","touch-action":t},".touch-pan-left":{"@defaults touch-action":{},"--tw-pan-x":"pan-left","touch-action":t},".touch-pan-right":{"@defaults touch-action":{},"--tw-pan-x":"pan-right","touch-action":t},".touch-pan-y":{"@defaults touch-action":{},"--tw-pan-y":"pan-y","touch-action":t},".touch-pan-up":{"@defaults touch-action":{},"--tw-pan-y":"pan-up","touch-action":t},".touch-pan-down":{"@defaults touch-action":{},"--tw-pan-y":"pan-down","touch-action":t},".touch-pinch-zoom":{"@defaults touch-action":{},"--tw-pinch-zoom":"pinch-zoom","touch-action":t},".touch-manipulation":{"touch-action":"manipulation"}})},userSelect:({addUtilities:r})=>{r({".select-none":{"user-select":"none"},".select-text":{"user-select":"text"},".select-all":{"user-select":"all"},".select-auto":{"user-select":"auto"}})},resize:({addUtilities:r})=>{r({".resize-none":{resize:"none"},".resize-y":{resize:"vertical"},".resize-x":{resize:"horizontal"},".resize":{resize:"both"}})},scrollSnapType:({addDefaults:r,addUtilities:e})=>{r("scroll-snap-type",{"--tw-scroll-snap-strictness":"proximity"}),e({".snap-none":{"scroll-snap-type":"none"},".snap-x":{"@defaults scroll-snap-type":{},"scroll-snap-type":"x var(--tw-scroll-snap-strictness)"},".snap-y":{"@defaults scroll-snap-type":{},"scroll-snap-type":"y var(--tw-scroll-snap-strictness)"},".snap-both":{"@defaults scroll-snap-type":{},"scroll-snap-type":"both var(--tw-scroll-snap-strictness)"},".snap-mandatory":{"--tw-scroll-snap-strictness":"mandatory"},".snap-proximity":{"--tw-scroll-snap-strictness":"proximity"}})},scrollSnapAlign:({addUtilities:r})=>{r({".snap-start":{"scroll-snap-align":"start"},".snap-end":{"scroll-snap-align":"end"},".snap-center":{"scroll-snap-align":"center"},".snap-align-none":{"scroll-snap-align":"none"}})},scrollSnapStop:({addUtilities:r})=>{r({".snap-normal":{"scroll-snap-stop":"normal"},".snap-always":{"scroll-snap-stop":"always"}})},scrollMargin:L("scrollMargin",[["scroll-m",["scroll-margin"]],[["scroll-mx",["scroll-margin-left","scroll-margin-right"]],["scroll-my",["scroll-margin-top","scroll-margin-bottom"]]],[["scroll-ms",["scroll-margin-inline-start"]],["scroll-me",["scroll-margin-inline-end"]],["scroll-mt",["scroll-margin-top"]],["scroll-mr",["scroll-margin-right"]],["scroll-mb",["scroll-margin-bottom"]],["scroll-ml",["scroll-margin-left"]]]],{supportsNegativeValues:!0}),scrollPadding:L("scrollPadding",[["scroll-p",["scroll-padding"]],[["scroll-px",["scroll-padding-left","scroll-padding-right"]],["scroll-py",["scroll-padding-top","scroll-padding-bottom"]]],[["scroll-ps",["scroll-padding-inline-start"]],["scroll-pe",["scroll-padding-inline-end"]],["scroll-pt",["scroll-padding-top"]],["scroll-pr",["scroll-padding-right"]],["scroll-pb",["scroll-padding-bottom"]],["scroll-pl",["scroll-padding-left"]]]]),listStylePosition:({addUtilities:r})=>{r({".list-inside":{"list-style-position":"inside"},".list-outside":{"list-style-position":"outside"}})},listStyleType:L("listStyleType",[["list",["listStyleType"]]]),listStyleImage:L("listStyleImage",[["list-image",["listStyleImage"]]]),appearance:({addUtilities:r})=>{r({".appearance-none":{appearance:"none"},".appearance-auto":{appearance:"auto"}})},columns:L("columns",[["columns",["columns"]]]),breakBefore:({addUtilities:r})=>{r({".break-before-auto":{"break-before":"auto"},".break-before-avoid":{"break-before":"avoid"},".break-before-all":{"break-before":"all"},".break-before-avoid-page":{"break-before":"avoid-page"},".break-before-page":{"break-before":"page"},".break-before-left":{"break-before":"left"},".break-before-right":{"break-before":"right"},".break-before-column":{"break-before":"column"}})},breakInside:({addUtilities:r})=>{r({".break-inside-auto":{"break-inside":"auto"},".break-inside-avoid":{"break-inside":"avoid"},".break-inside-avoid-page":{"break-inside":"avoid-page"},".break-inside-avoid-column":{"break-inside":"avoid-column"}})},breakAfter:({addUtilities:r})=>{r({".break-after-auto":{"break-after":"auto"},".break-after-avoid":{"break-after":"avoid"},".break-after-all":{"break-after":"all"},".break-after-avoid-page":{"break-after":"avoid-page"},".break-after-page":{"break-after":"page"},".break-after-left":{"break-after":"left"},".break-after-right":{"break-after":"right"},".break-after-column":{"break-after":"column"}})},gridAutoColumns:L("gridAutoColumns",[["auto-cols",["gridAutoColumns"]]]),gridAutoFlow:({addUtilities:r})=>{r({".grid-flow-row":{gridAutoFlow:"row"},".grid-flow-col":{gridAutoFlow:"column"},".grid-flow-dense":{gridAutoFlow:"dense"},".grid-flow-row-dense":{gridAutoFlow:"row dense"},".grid-flow-col-dense":{gridAutoFlow:"column dense"}})},gridAutoRows:L("gridAutoRows",[["auto-rows",["gridAutoRows"]]]),gridTemplateColumns:L("gridTemplateColumns",[["grid-cols",["gridTemplateColumns"]]]),gridTemplateRows:L("gridTemplateRows",[["grid-rows",["gridTemplateRows"]]]),flexDirection:({addUtilities:r})=>{r({".flex-row":{"flex-direction":"row"},".flex-row-reverse":{"flex-direction":"row-reverse"},".flex-col":{"flex-direction":"column"},".flex-col-reverse":{"flex-direction":"column-reverse"}})},flexWrap:({addUtilities:r})=>{r({".flex-wrap":{"flex-wrap":"wrap"},".flex-wrap-reverse":{"flex-wrap":"wrap-reverse"},".flex-nowrap":{"flex-wrap":"nowrap"}})},placeContent:({addUtilities:r})=>{r({".place-content-center":{"place-content":"center"},".place-content-start":{"place-content":"start"},".place-content-end":{"place-content":"end"},".place-content-between":{"place-content":"space-between"},".place-content-around":{"place-content":"space-around"},".place-content-evenly":{"place-content":"space-evenly"},".place-content-baseline":{"place-content":"baseline"},".place-content-stretch":{"place-content":"stretch"}})},placeItems:({addUtilities:r})=>{r({".place-items-start":{"place-items":"start"},".place-items-end":{"place-items":"end"},".place-items-center":{"place-items":"center"},".place-items-baseline":{"place-items":"baseline"},".place-items-stretch":{"place-items":"stretch"}})},alignContent:({addUtilities:r})=>{r({".content-normal":{"align-content":"normal"},".content-center":{"align-content":"center"},".content-start":{"align-content":"flex-start"},".content-end":{"align-content":"flex-end"},".content-between":{"align-content":"space-between"},".content-around":{"align-content":"space-around"},".content-evenly":{"align-content":"space-evenly"},".content-baseline":{"align-content":"baseline"},".content-stretch":{"align-content":"stretch"}})},alignItems:({addUtilities:r})=>{r({".items-start":{"align-items":"flex-start"},".items-end":{"align-items":"flex-end"},".items-center":{"align-items":"center"},".items-baseline":{"align-items":"baseline"},".items-stretch":{"align-items":"stretch"}})},justifyContent:({addUtilities:r})=>{r({".justify-normal":{"justify-content":"normal"},".justify-start":{"justify-content":"flex-start"},".justify-end":{"justify-content":"flex-end"},".justify-center":{"justify-content":"center"},".justify-between":{"justify-content":"space-between"},".justify-around":{"justify-content":"space-around"},".justify-evenly":{"justify-content":"space-evenly"},".justify-stretch":{"justify-content":"stretch"}})},justifyItems:({addUtilities:r})=>{r({".justify-items-start":{"justify-items":"start"},".justify-items-end":{"justify-items":"end"},".justify-items-center":{"justify-items":"center"},".justify-items-stretch":{"justify-items":"stretch"}})},gap:L("gap",[["gap",["gap"]],[["gap-x",["columnGap"]],["gap-y",["rowGap"]]]]),space:({matchUtilities:r,addUtilities:e,theme:t})=>{r({"space-x":i=>(i=i==="0"?"0px":i,{"& > :not([hidden]) ~ :not([hidden])":{"--tw-space-x-reverse":"0","margin-right":`calc(${i} * var(--tw-space-x-reverse))`,"margin-left":`calc(${i} * calc(1 - var(--tw-space-x-reverse)))`}}),"space-y":i=>(i=i==="0"?"0px":i,{"& > :not([hidden]) ~ :not([hidden])":{"--tw-space-y-reverse":"0","margin-top":`calc(${i} * calc(1 - var(--tw-space-y-reverse)))`,"margin-bottom":`calc(${i} * var(--tw-space-y-reverse))`}})},{values:t("space"),supportsNegativeValues:!0}),e({".space-y-reverse > :not([hidden]) ~ :not([hidden])":{"--tw-space-y-reverse":"1"},".space-x-reverse > :not([hidden]) ~ :not([hidden])":{"--tw-space-x-reverse":"1"}})},divideWidth:({matchUtilities:r,addUtilities:e,theme:t})=>{r({"divide-x":i=>(i=i==="0"?"0px":i,{"& > :not([hidden]) ~ :not([hidden])":{"@defaults border-width":{},"--tw-divide-x-reverse":"0","border-right-width":`calc(${i} * var(--tw-divide-x-reverse))`,"border-left-width":`calc(${i} * calc(1 - var(--tw-divide-x-reverse)))`}}),"divide-y":i=>(i=i==="0"?"0px":i,{"& > :not([hidden]) ~ :not([hidden])":{"@defaults border-width":{},"--tw-divide-y-reverse":"0","border-top-width":`calc(${i} * calc(1 - var(--tw-divide-y-reverse)))`,"border-bottom-width":`calc(${i} * var(--tw-divide-y-reverse))`}})},{values:t("divideWidth"),type:["line-width","length","any"]}),e({".divide-y-reverse > :not([hidden]) ~ :not([hidden])":{"@defaults border-width":{},"--tw-divide-y-reverse":"1"},".divide-x-reverse > :not([hidden]) ~ :not([hidden])":{"@defaults border-width":{},"--tw-divide-x-reverse":"1"}})},divideStyle:({addUtilities:r})=>{r({".divide-solid > :not([hidden]) ~ :not([hidden])":{"border-style":"solid"},".divide-dashed > :not([hidden]) ~ :not([hidden])":{"border-style":"dashed"},".divide-dotted > :not([hidden]) ~ :not([hidden])":{"border-style":"dotted"},".divide-double > :not([hidden]) ~ :not([hidden])":{"border-style":"double"},".divide-none > :not([hidden]) ~ :not([hidden])":{"border-style":"none"}})},divideColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({divide:i=>t("divideOpacity")?{["& > :not([hidden]) ~ :not([hidden])"]:Ae({color:i,property:"border-color",variable:"--tw-divide-opacity"})}:{["& > :not([hidden]) ~ :not([hidden])"]:{"border-color":X(i)}}},{values:(({DEFAULT:i,...n})=>n)(xe(e("divideColor"))),type:["color","any"]})},divideOpacity:({matchUtilities:r,theme:e})=>{r({"divide-opacity":t=>({["& > :not([hidden]) ~ :not([hidden])"]:{"--tw-divide-opacity":t}})},{values:e("divideOpacity")})},placeSelf:({addUtilities:r})=>{r({".place-self-auto":{"place-self":"auto"},".place-self-start":{"place-self":"start"},".place-self-end":{"place-self":"end"},".place-self-center":{"place-self":"center"},".place-self-stretch":{"place-self":"stretch"}})},alignSelf:({addUtilities:r})=>{r({".self-auto":{"align-self":"auto"},".self-start":{"align-self":"flex-start"},".self-end":{"align-self":"flex-end"},".self-center":{"align-self":"center"},".self-stretch":{"align-self":"stretch"},".self-baseline":{"align-self":"baseline"}})},justifySelf:({addUtilities:r})=>{r({".justify-self-auto":{"justify-self":"auto"},".justify-self-start":{"justify-self":"start"},".justify-self-end":{"justify-self":"end"},".justify-self-center":{"justify-self":"center"},".justify-self-stretch":{"justify-self":"stretch"}})},overflow:({addUtilities:r})=>{r({".overflow-auto":{overflow:"auto"},".overflow-hidden":{overflow:"hidden"},".overflow-clip":{overflow:"clip"},".overflow-visible":{overflow:"visible"},".overflow-scroll":{overflow:"scroll"},".overflow-x-auto":{"overflow-x":"auto"},".overflow-y-auto":{"overflow-y":"auto"},".overflow-x-hidden":{"overflow-x":"hidden"},".overflow-y-hidden":{"overflow-y":"hidden"},".overflow-x-clip":{"overflow-x":"clip"},".overflow-y-clip":{"overflow-y":"clip"},".overflow-x-visible":{"overflow-x":"visible"},".overflow-y-visible":{"overflow-y":"visible"},".overflow-x-scroll":{"overflow-x":"scroll"},".overflow-y-scroll":{"overflow-y":"scroll"}})},overscrollBehavior:({addUtilities:r})=>{r({".overscroll-auto":{"overscroll-behavior":"auto"},".overscroll-contain":{"overscroll-behavior":"contain"},".overscroll-none":{"overscroll-behavior":"none"},".overscroll-y-auto":{"overscroll-behavior-y":"auto"},".overscroll-y-contain":{"overscroll-behavior-y":"contain"},".overscroll-y-none":{"overscroll-behavior-y":"none"},".overscroll-x-auto":{"overscroll-behavior-x":"auto"},".overscroll-x-contain":{"overscroll-behavior-x":"contain"},".overscroll-x-none":{"overscroll-behavior-x":"none"}})},scrollBehavior:({addUtilities:r})=>{r({".scroll-auto":{"scroll-behavior":"auto"},".scroll-smooth":{"scroll-behavior":"smooth"}})},textOverflow:({addUtilities:r})=>{r({".truncate":{overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"},".overflow-ellipsis":{"text-overflow":"ellipsis"},".text-ellipsis":{"text-overflow":"ellipsis"},".text-clip":{"text-overflow":"clip"}})},hyphens:({addUtilities:r})=>{r({".hyphens-none":{hyphens:"none"},".hyphens-manual":{hyphens:"manual"},".hyphens-auto":{hyphens:"auto"}})},whitespace:({addUtilities:r})=>{r({".whitespace-normal":{"white-space":"normal"},".whitespace-nowrap":{"white-space":"nowrap"},".whitespace-pre":{"white-space":"pre"},".whitespace-pre-line":{"white-space":"pre-line"},".whitespace-pre-wrap":{"white-space":"pre-wrap"},".whitespace-break-spaces":{"white-space":"break-spaces"}})},textWrap:({addUtilities:r})=>{r({".text-wrap":{"text-wrap":"wrap"},".text-nowrap":{"text-wrap":"nowrap"},".text-balance":{"text-wrap":"balance"},".text-pretty":{"text-wrap":"pretty"}})},wordBreak:({addUtilities:r})=>{r({".break-normal":{"overflow-wrap":"normal","word-break":"normal"},".break-words":{"overflow-wrap":"break-word"},".break-all":{"word-break":"break-all"},".break-keep":{"word-break":"keep-all"}})},borderRadius:L("borderRadius",[["rounded",["border-radius"]],[["rounded-s",["border-start-start-radius","border-end-start-radius"]],["rounded-e",["border-start-end-radius","border-end-end-radius"]],["rounded-t",["border-top-left-radius","border-top-right-radius"]],["rounded-r",["border-top-right-radius","border-bottom-right-radius"]],["rounded-b",["border-bottom-right-radius","border-bottom-left-radius"]],["rounded-l",["border-top-left-radius","border-bottom-left-radius"]]],[["rounded-ss",["border-start-start-radius"]],["rounded-se",["border-start-end-radius"]],["rounded-ee",["border-end-end-radius"]],["rounded-es",["border-end-start-radius"]],["rounded-tl",["border-top-left-radius"]],["rounded-tr",["border-top-right-radius"]],["rounded-br",["border-bottom-right-radius"]],["rounded-bl",["border-bottom-left-radius"]]]]),borderWidth:L("borderWidth",[["border",[["@defaults border-width",{}],"border-width"]],[["border-x",[["@defaults border-width",{}],"border-left-width","border-right-width"]],["border-y",[["@defaults border-width",{}],"border-top-width","border-bottom-width"]]],[["border-s",[["@defaults border-width",{}],"border-inline-start-width"]],["border-e",[["@defaults border-width",{}],"border-inline-end-width"]],["border-t",[["@defaults border-width",{}],"border-top-width"]],["border-r",[["@defaults border-width",{}],"border-right-width"]],["border-b",[["@defaults border-width",{}],"border-bottom-width"]],["border-l",[["@defaults border-width",{}],"border-left-width"]]]],{type:["line-width","length"]}),borderStyle:({addUtilities:r})=>{r({".border-solid":{"border-style":"solid"},".border-dashed":{"border-style":"dashed"},".border-dotted":{"border-style":"dotted"},".border-double":{"border-style":"double"},".border-hidden":{"border-style":"hidden"},".border-none":{"border-style":"none"}})},borderColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({border:i=>t("borderOpacity")?Ae({color:i,property:"border-color",variable:"--tw-border-opacity"}):{"border-color":X(i)}},{values:(({DEFAULT:i,...n})=>n)(xe(e("borderColor"))),type:["color","any"]}),r({"border-x":i=>t("borderOpacity")?Ae({color:i,property:["border-left-color","border-right-color"],variable:"--tw-border-opacity"}):{"border-left-color":X(i),"border-right-color":X(i)},"border-y":i=>t("borderOpacity")?Ae({color:i,property:["border-top-color","border-bottom-color"],variable:"--tw-border-opacity"}):{"border-top-color":X(i),"border-bottom-color":X(i)}},{values:(({DEFAULT:i,...n})=>n)(xe(e("borderColor"))),type:["color","any"]}),r({"border-s":i=>t("borderOpacity")?Ae({color:i,property:"border-inline-start-color",variable:"--tw-border-opacity"}):{"border-inline-start-color":X(i)},"border-e":i=>t("borderOpacity")?Ae({color:i,property:"border-inline-end-color",variable:"--tw-border-opacity"}):{"border-inline-end-color":X(i)},"border-t":i=>t("borderOpacity")?Ae({color:i,property:"border-top-color",variable:"--tw-border-opacity"}):{"border-top-color":X(i)},"border-r":i=>t("borderOpacity")?Ae({color:i,property:"border-right-color",variable:"--tw-border-opacity"}):{"border-right-color":X(i)},"border-b":i=>t("borderOpacity")?Ae({color:i,property:"border-bottom-color",variable:"--tw-border-opacity"}):{"border-bottom-color":X(i)},"border-l":i=>t("borderOpacity")?Ae({color:i,property:"border-left-color",variable:"--tw-border-opacity"}):{"border-left-color":X(i)}},{values:(({DEFAULT:i,...n})=>n)(xe(e("borderColor"))),type:["color","any"]})},borderOpacity:L("borderOpacity",[["border-opacity",["--tw-border-opacity"]]]),backgroundColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({bg:i=>t("backgroundOpacity")?Ae({color:i,property:"background-color",variable:"--tw-bg-opacity"}):{"background-color":X(i)}},{values:xe(e("backgroundColor")),type:["color","any"]})},backgroundOpacity:L("backgroundOpacity",[["bg-opacity",["--tw-bg-opacity"]]]),backgroundImage:L("backgroundImage",[["bg",["background-image"]]],{type:["lookup","image","url"]}),gradientColorStops:(()=>{function r(e){return Je(e,0,"rgb(255 255 255 / 0)")}return function({matchUtilities:e,theme:t,addDefaults:i}){i("gradient-color-stops",{"--tw-gradient-from-position":" ","--tw-gradient-via-position":" ","--tw-gradient-to-position":" "});let n={values:xe(t("gradientColorStops")),type:["color","any"]},s={values:t("gradientColorStopPositions"),type:["length","percentage"]};e({from:a=>{let o=r(a);return{"@defaults gradient-color-stops":{},"--tw-gradient-from":`${X(a)} var(--tw-gradient-from-position)`,"--tw-gradient-to":`${o} var(--tw-gradient-to-position)`,"--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)"}}},n),e({from:a=>({"--tw-gradient-from-position":a})},s),e({via:a=>{let o=r(a);return{"@defaults gradient-color-stops":{},"--tw-gradient-to":`${o} var(--tw-gradient-to-position)`,"--tw-gradient-stops":`var(--tw-gradient-from), ${X(a)} var(--tw-gradient-via-position), var(--tw-gradient-to)`}}},n),e({via:a=>({"--tw-gradient-via-position":a})},s),e({to:a=>({"@defaults gradient-color-stops":{},"--tw-gradient-to":`${X(a)} var(--tw-gradient-to-position)`})},n),e({to:a=>({"--tw-gradient-to-position":a})},s)}})(),boxDecorationBreak:({addUtilities:r})=>{r({".decoration-slice":{"box-decoration-break":"slice"},".decoration-clone":{"box-decoration-break":"clone"},".box-decoration-slice":{"box-decoration-break":"slice"},".box-decoration-clone":{"box-decoration-break":"clone"}})},backgroundSize:L("backgroundSize",[["bg",["background-size"]]],{type:["lookup","length","percentage","size"]}),backgroundAttachment:({addUtilities:r})=>{r({".bg-fixed":{"background-attachment":"fixed"},".bg-local":{"background-attachment":"local"},".bg-scroll":{"background-attachment":"scroll"}})},backgroundClip:({addUtilities:r})=>{r({".bg-clip-border":{"background-clip":"border-box"},".bg-clip-padding":{"background-clip":"padding-box"},".bg-clip-content":{"background-clip":"content-box"},".bg-clip-text":{"background-clip":"text"}})},backgroundPosition:L("backgroundPosition",[["bg",["background-position"]]],{type:["lookup",["position",{preferOnConflict:!0}]]}),backgroundRepeat:({addUtilities:r})=>{r({".bg-repeat":{"background-repeat":"repeat"},".bg-no-repeat":{"background-repeat":"no-repeat"},".bg-repeat-x":{"background-repeat":"repeat-x"},".bg-repeat-y":{"background-repeat":"repeat-y"},".bg-repeat-round":{"background-repeat":"round"},".bg-repeat-space":{"background-repeat":"space"}})},backgroundOrigin:({addUtilities:r})=>{r({".bg-origin-border":{"background-origin":"border-box"},".bg-origin-padding":{"background-origin":"padding-box"},".bg-origin-content":{"background-origin":"content-box"}})},fill:({matchUtilities:r,theme:e})=>{r({fill:t=>({fill:X(t)})},{values:xe(e("fill")),type:["color","any"]})},stroke:({matchUtilities:r,theme:e})=>{r({stroke:t=>({stroke:X(t)})},{values:xe(e("stroke")),type:["color","url","any"]})},strokeWidth:L("strokeWidth",[["stroke",["stroke-width"]]],{type:["length","number","percentage"]}),objectFit:({addUtilities:r})=>{r({".object-contain":{"object-fit":"contain"},".object-cover":{"object-fit":"cover"},".object-fill":{"object-fit":"fill"},".object-none":{"object-fit":"none"},".object-scale-down":{"object-fit":"scale-down"}})},objectPosition:L("objectPosition",[["object",["object-position"]]]),padding:L("padding",[["p",["padding"]],[["px",["padding-left","padding-right"]],["py",["padding-top","padding-bottom"]]],[["ps",["padding-inline-start"]],["pe",["padding-inline-end"]],["pt",["padding-top"]],["pr",["padding-right"]],["pb",["padding-bottom"]],["pl",["padding-left"]]]]),textAlign:({addUtilities:r})=>{r({".text-left":{"text-align":"left"},".text-center":{"text-align":"center"},".text-right":{"text-align":"right"},".text-justify":{"text-align":"justify"},".text-start":{"text-align":"start"},".text-end":{"text-align":"end"}})},textIndent:L("textIndent",[["indent",["text-indent"]]],{supportsNegativeValues:!0}),verticalAlign:({addUtilities:r,matchUtilities:e})=>{r({".align-baseline":{"vertical-align":"baseline"},".align-top":{"vertical-align":"top"},".align-middle":{"vertical-align":"middle"},".align-bottom":{"vertical-align":"bottom"},".align-text-top":{"vertical-align":"text-top"},".align-text-bottom":{"vertical-align":"text-bottom"},".align-sub":{"vertical-align":"sub"},".align-super":{"vertical-align":"super"}}),e({align:t=>({"vertical-align":t})})},fontFamily:({matchUtilities:r,theme:e})=>{r({font:t=>{let[i,n={}]=Array.isArray(t)&&ke(t[1])?t:[t],{fontFeatureSettings:s,fontVariationSettings:a}=n;return{"font-family":Array.isArray(i)?i.join(", "):i,...s===void 0?{}:{"font-feature-settings":s},...a===void 0?{}:{"font-variation-settings":a}}}},{values:e("fontFamily"),type:["lookup","generic-name","family-name"]})},fontSize:({matchUtilities:r,theme:e})=>{r({text:(t,{modifier:i})=>{let[n,s]=Array.isArray(t)?t:[t];if(i)return{"font-size":n,"line-height":i};let{lineHeight:a,letterSpacing:o,fontWeight:l}=ke(s)?s:{lineHeight:s};return{"font-size":n,...a===void 0?{}:{"line-height":a},...o===void 0?{}:{"letter-spacing":o},...l===void 0?{}:{"font-weight":l}}}},{values:e("fontSize"),modifiers:e("lineHeight"),type:["absolute-size","relative-size","length","percentage"]})},fontWeight:L("fontWeight",[["font",["fontWeight"]]],{type:["lookup","number","any"]}),textTransform:({addUtilities:r})=>{r({".uppercase":{"text-transform":"uppercase"},".lowercase":{"text-transform":"lowercase"},".capitalize":{"text-transform":"capitalize"},".normal-case":{"text-transform":"none"}})},fontStyle:({addUtilities:r})=>{r({".italic":{"font-style":"italic"},".not-italic":{"font-style":"normal"}})},fontVariantNumeric:({addDefaults:r,addUtilities:e})=>{let t="var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)";r("font-variant-numeric",{"--tw-ordinal":" ","--tw-slashed-zero":" ","--tw-numeric-figure":" ","--tw-numeric-spacing":" ","--tw-numeric-fraction":" "}),e({".normal-nums":{"font-variant-numeric":"normal"},".ordinal":{"@defaults font-variant-numeric":{},"--tw-ordinal":"ordinal","font-variant-numeric":t},".slashed-zero":{"@defaults font-variant-numeric":{},"--tw-slashed-zero":"slashed-zero","font-variant-numeric":t},".lining-nums":{"@defaults font-variant-numeric":{},"--tw-numeric-figure":"lining-nums","font-variant-numeric":t},".oldstyle-nums":{"@defaults font-variant-numeric":{},"--tw-numeric-figure":"oldstyle-nums","font-variant-numeric":t},".proportional-nums":{"@defaults font-variant-numeric":{},"--tw-numeric-spacing":"proportional-nums","font-variant-numeric":t},".tabular-nums":{"@defaults font-variant-numeric":{},"--tw-numeric-spacing":"tabular-nums","font-variant-numeric":t},".diagonal-fractions":{"@defaults font-variant-numeric":{},"--tw-numeric-fraction":"diagonal-fractions","font-variant-numeric":t},".stacked-fractions":{"@defaults font-variant-numeric":{},"--tw-numeric-fraction":"stacked-fractions","font-variant-numeric":t}})},lineHeight:L("lineHeight",[["leading",["lineHeight"]]]),letterSpacing:L("letterSpacing",[["tracking",["letterSpacing"]]],{supportsNegativeValues:!0}),textColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({text:i=>t("textOpacity")?Ae({color:i,property:"color",variable:"--tw-text-opacity"}):{color:X(i)}},{values:xe(e("textColor")),type:["color","any"]})},textOpacity:L("textOpacity",[["text-opacity",["--tw-text-opacity"]]]),textDecoration:({addUtilities:r})=>{r({".underline":{"text-decoration-line":"underline"},".overline":{"text-decoration-line":"overline"},".line-through":{"text-decoration-line":"line-through"},".no-underline":{"text-decoration-line":"none"}})},textDecorationColor:({matchUtilities:r,theme:e})=>{r({decoration:t=>({"text-decoration-color":X(t)})},{values:xe(e("textDecorationColor")),type:["color","any"]})},textDecorationStyle:({addUtilities:r})=>{r({".decoration-solid":{"text-decoration-style":"solid"},".decoration-double":{"text-decoration-style":"double"},".decoration-dotted":{"text-decoration-style":"dotted"},".decoration-dashed":{"text-decoration-style":"dashed"},".decoration-wavy":{"text-decoration-style":"wavy"}})},textDecorationThickness:L("textDecorationThickness",[["decoration",["text-decoration-thickness"]]],{type:["length","percentage"]}),textUnderlineOffset:L("textUnderlineOffset",[["underline-offset",["text-underline-offset"]]],{type:["length","percentage","any"]}),fontSmoothing:({addUtilities:r})=>{r({".antialiased":{"-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale"},".subpixel-antialiased":{"-webkit-font-smoothing":"auto","-moz-osx-font-smoothing":"auto"}})},placeholderColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({placeholder:i=>t("placeholderOpacity")?{"&::placeholder":Ae({color:i,property:"color",variable:"--tw-placeholder-opacity"})}:{"&::placeholder":{color:X(i)}}},{values:xe(e("placeholderColor")),type:["color","any"]})},placeholderOpacity:({matchUtilities:r,theme:e})=>{r({"placeholder-opacity":t=>({["&::placeholder"]:{"--tw-placeholder-opacity":t}})},{values:e("placeholderOpacity")})},caretColor:({matchUtilities:r,theme:e})=>{r({caret:t=>({"caret-color":X(t)})},{values:xe(e("caretColor")),type:["color","any"]})},accentColor:({matchUtilities:r,theme:e})=>{r({accent:t=>({"accent-color":X(t)})},{values:xe(e("accentColor")),type:["color","any"]})},opacity:L("opacity",[["opacity",["opacity"]]]),backgroundBlendMode:({addUtilities:r})=>{r({".bg-blend-normal":{"background-blend-mode":"normal"},".bg-blend-multiply":{"background-blend-mode":"multiply"},".bg-blend-screen":{"background-blend-mode":"screen"},".bg-blend-overlay":{"background-blend-mode":"overlay"},".bg-blend-darken":{"background-blend-mode":"darken"},".bg-blend-lighten":{"background-blend-mode":"lighten"},".bg-blend-color-dodge":{"background-blend-mode":"color-dodge"},".bg-blend-color-burn":{"background-blend-mode":"color-burn"},".bg-blend-hard-light":{"background-blend-mode":"hard-light"},".bg-blend-soft-light":{"background-blend-mode":"soft-light"},".bg-blend-difference":{"background-blend-mode":"difference"},".bg-blend-exclusion":{"background-blend-mode":"exclusion"},".bg-blend-hue":{"background-blend-mode":"hue"},".bg-blend-saturation":{"background-blend-mode":"saturation"},".bg-blend-color":{"background-blend-mode":"color"},".bg-blend-luminosity":{"background-blend-mode":"luminosity"}})},mixBlendMode:({addUtilities:r})=>{r({".mix-blend-normal":{"mix-blend-mode":"normal"},".mix-blend-multiply":{"mix-blend-mode":"multiply"},".mix-blend-screen":{"mix-blend-mode":"screen"},".mix-blend-overlay":{"mix-blend-mode":"overlay"},".mix-blend-darken":{"mix-blend-mode":"darken"},".mix-blend-lighten":{"mix-blend-mode":"lighten"},".mix-blend-color-dodge":{"mix-blend-mode":"color-dodge"},".mix-blend-color-burn":{"mix-blend-mode":"color-burn"},".mix-blend-hard-light":{"mix-blend-mode":"hard-light"},".mix-blend-soft-light":{"mix-blend-mode":"soft-light"},".mix-blend-difference":{"mix-blend-mode":"difference"},".mix-blend-exclusion":{"mix-blend-mode":"exclusion"},".mix-blend-hue":{"mix-blend-mode":"hue"},".mix-blend-saturation":{"mix-blend-mode":"saturation"},".mix-blend-color":{"mix-blend-mode":"color"},".mix-blend-luminosity":{"mix-blend-mode":"luminosity"},".mix-blend-plus-darker":{"mix-blend-mode":"plus-darker"},".mix-blend-plus-lighter":{"mix-blend-mode":"plus-lighter"}})},boxShadow:(()=>{let r=mt("boxShadow"),e=["var(--tw-ring-offset-shadow, 0 0 #0000)","var(--tw-ring-shadow, 0 0 #0000)","var(--tw-shadow)"].join(", ");return function({matchUtilities:t,addDefaults:i,theme:n}){i("box-shadow",{"--tw-ring-offset-shadow":"0 0 #0000","--tw-ring-shadow":"0 0 #0000","--tw-shadow":"0 0 #0000","--tw-shadow-colored":"0 0 #0000"}),t({shadow:s=>{s=r(s);let a=en(s);for(let o of a)!o.valid||(o.color="var(--tw-shadow-color)");return{"@defaults box-shadow":{},"--tw-shadow":s==="none"?"0 0 #0000":s,"--tw-shadow-colored":s==="none"?"0 0 #0000":Lf(a),"box-shadow":e}}},{values:n("boxShadow"),type:["shadow"]})}})(),boxShadowColor:({matchUtilities:r,theme:e})=>{r({shadow:t=>({"--tw-shadow-color":X(t),"--tw-shadow":"var(--tw-shadow-colored)"})},{values:xe(e("boxShadowColor")),type:["color","any"]})},outlineStyle:({addUtilities:r})=>{r({".outline-none":{outline:"2px solid transparent","outline-offset":"2px"},".outline":{"outline-style":"solid"},".outline-dashed":{"outline-style":"dashed"},".outline-dotted":{"outline-style":"dotted"},".outline-double":{"outline-style":"double"}})},outlineWidth:L("outlineWidth",[["outline",["outline-width"]]],{type:["length","number","percentage"]}),outlineOffset:L("outlineOffset",[["outline-offset",["outline-offset"]]],{type:["length","number","percentage","any"],supportsNegativeValues:!0}),outlineColor:({matchUtilities:r,theme:e})=>{r({outline:t=>({"outline-color":X(t)})},{values:xe(e("outlineColor")),type:["color","any"]})},ringWidth:({matchUtilities:r,addDefaults:e,addUtilities:t,theme:i,config:n})=>{let s=(()=>{if(we(n(),"respectDefaultRingColorOpacity"))return i("ringColor.DEFAULT");let a=i("ringOpacity.DEFAULT","0.5");return i("ringColor")?.DEFAULT?Je(i("ringColor")?.DEFAULT,a,`rgb(147 197 253 / ${a})`):`rgb(147 197 253 / ${a})`})();e("ring-width",{"--tw-ring-inset":" ","--tw-ring-offset-width":i("ringOffsetWidth.DEFAULT","0px"),"--tw-ring-offset-color":i("ringOffsetColor.DEFAULT","#fff"),"--tw-ring-color":s,"--tw-ring-offset-shadow":"0 0 #0000","--tw-ring-shadow":"0 0 #0000","--tw-shadow":"0 0 #0000","--tw-shadow-colored":"0 0 #0000"}),r({ring:a=>({"@defaults ring-width":{},"--tw-ring-offset-shadow":"var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)","--tw-ring-shadow":`var(--tw-ring-inset) 0 0 0 calc(${a} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,"box-shadow":["var(--tw-ring-offset-shadow)","var(--tw-ring-shadow)","var(--tw-shadow, 0 0 #0000)"].join(", ")})},{values:i("ringWidth"),type:"length"}),t({".ring-inset":{"@defaults ring-width":{},"--tw-ring-inset":"inset"}})},ringColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({ring:i=>t("ringOpacity")?Ae({color:i,property:"--tw-ring-color",variable:"--tw-ring-opacity"}):{"--tw-ring-color":X(i)}},{values:Object.fromEntries(Object.entries(xe(e("ringColor"))).filter(([i])=>i!=="DEFAULT")),type:["color","any"]})},ringOpacity:r=>{let{config:e}=r;return L("ringOpacity",[["ring-opacity",["--tw-ring-opacity"]]],{filterDefault:!we(e(),"respectDefaultRingColorOpacity")})(r)},ringOffsetWidth:L("ringOffsetWidth",[["ring-offset",["--tw-ring-offset-width"]]],{type:"length"}),ringOffsetColor:({matchUtilities:r,theme:e})=>{r({"ring-offset":t=>({"--tw-ring-offset-color":X(t)})},{values:xe(e("ringOffsetColor")),type:["color","any"]})},blur:({matchUtilities:r,theme:e})=>{r({blur:t=>({"--tw-blur":t.trim()===""?" ":`blur(${t})`,"@defaults filter":{},filter:nt})},{values:e("blur")})},brightness:({matchUtilities:r,theme:e})=>{r({brightness:t=>({"--tw-brightness":`brightness(${t})`,"@defaults filter":{},filter:nt})},{values:e("brightness")})},contrast:({matchUtilities:r,theme:e})=>{r({contrast:t=>({"--tw-contrast":`contrast(${t})`,"@defaults filter":{},filter:nt})},{values:e("contrast")})},dropShadow:({matchUtilities:r,theme:e})=>{r({"drop-shadow":t=>({"--tw-drop-shadow":Array.isArray(t)?t.map(i=>`drop-shadow(${i})`).join(" "):`drop-shadow(${t})`,"@defaults filter":{},filter:nt})},{values:e("dropShadow")})},grayscale:({matchUtilities:r,theme:e})=>{r({grayscale:t=>({"--tw-grayscale":`grayscale(${t})`,"@defaults filter":{},filter:nt})},{values:e("grayscale")})},hueRotate:({matchUtilities:r,theme:e})=>{r({"hue-rotate":t=>({"--tw-hue-rotate":`hue-rotate(${t})`,"@defaults filter":{},filter:nt})},{values:e("hueRotate"),supportsNegativeValues:!0})},invert:({matchUtilities:r,theme:e})=>{r({invert:t=>({"--tw-invert":`invert(${t})`,"@defaults filter":{},filter:nt})},{values:e("invert")})},saturate:({matchUtilities:r,theme:e})=>{r({saturate:t=>({"--tw-saturate":`saturate(${t})`,"@defaults filter":{},filter:nt})},{values:e("saturate")})},sepia:({matchUtilities:r,theme:e})=>{r({sepia:t=>({"--tw-sepia":`sepia(${t})`,"@defaults filter":{},filter:nt})},{values:e("sepia")})},filter:({addDefaults:r,addUtilities:e})=>{r("filter",{"--tw-blur":" ","--tw-brightness":" ","--tw-contrast":" ","--tw-grayscale":" ","--tw-hue-rotate":" ","--tw-invert":" ","--tw-saturate":" ","--tw-sepia":" ","--tw-drop-shadow":" "}),e({".filter":{"@defaults filter":{},filter:nt},".filter-none":{filter:"none"}})},backdropBlur:({matchUtilities:r,theme:e})=>{r({"backdrop-blur":t=>({"--tw-backdrop-blur":t.trim()===""?" ":`blur(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropBlur")})},backdropBrightness:({matchUtilities:r,theme:e})=>{r({"backdrop-brightness":t=>({"--tw-backdrop-brightness":`brightness(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropBrightness")})},backdropContrast:({matchUtilities:r,theme:e})=>{r({"backdrop-contrast":t=>({"--tw-backdrop-contrast":`contrast(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropContrast")})},backdropGrayscale:({matchUtilities:r,theme:e})=>{r({"backdrop-grayscale":t=>({"--tw-backdrop-grayscale":`grayscale(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropGrayscale")})},backdropHueRotate:({matchUtilities:r,theme:e})=>{r({"backdrop-hue-rotate":t=>({"--tw-backdrop-hue-rotate":`hue-rotate(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropHueRotate"),supportsNegativeValues:!0})},backdropInvert:({matchUtilities:r,theme:e})=>{r({"backdrop-invert":t=>({"--tw-backdrop-invert":`invert(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropInvert")})},backdropOpacity:({matchUtilities:r,theme:e})=>{r({"backdrop-opacity":t=>({"--tw-backdrop-opacity":`opacity(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropOpacity")})},backdropSaturate:({matchUtilities:r,theme:e})=>{r({"backdrop-saturate":t=>({"--tw-backdrop-saturate":`saturate(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropSaturate")})},backdropSepia:({matchUtilities:r,theme:e})=>{r({"backdrop-sepia":t=>({"--tw-backdrop-sepia":`sepia(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropSepia")})},backdropFilter:({addDefaults:r,addUtilities:e})=>{r("backdrop-filter",{"--tw-backdrop-blur":" ","--tw-backdrop-brightness":" ","--tw-backdrop-contrast":" ","--tw-backdrop-grayscale":" ","--tw-backdrop-hue-rotate":" ","--tw-backdrop-invert":" ","--tw-backdrop-opacity":" ","--tw-backdrop-saturate":" ","--tw-backdrop-sepia":" "}),e({".backdrop-filter":{"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge},".backdrop-filter-none":{"-webkit-backdrop-filter":"none","backdrop-filter":"none"}})},transitionProperty:({matchUtilities:r,theme:e})=>{let t=e("transitionTimingFunction.DEFAULT"),i=e("transitionDuration.DEFAULT");r({transition:n=>({"transition-property":n,...n==="none"?{}:{"transition-timing-function":t,"transition-duration":i}})},{values:e("transitionProperty")})},transitionDelay:L("transitionDelay",[["delay",["transitionDelay"]]]),transitionDuration:L("transitionDuration",[["duration",["transitionDuration"]]],{filterDefault:!0}),transitionTimingFunction:L("transitionTimingFunction",[["ease",["transitionTimingFunction"]]],{filterDefault:!0}),willChange:L("willChange",[["will-change",["will-change"]]]),contain:({addDefaults:r,addUtilities:e})=>{let t="var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)";r("contain",{"--tw-contain-size":" ","--tw-contain-layout":" ","--tw-contain-paint":" ","--tw-contain-style":" "}),e({".contain-none":{contain:"none"},".contain-content":{contain:"content"},".contain-strict":{contain:"strict"},".contain-size":{"@defaults contain":{},"--tw-contain-size":"size",contain:t},".contain-inline-size":{"@defaults contain":{},"--tw-contain-size":"inline-size",contain:t},".contain-layout":{"@defaults contain":{},"--tw-contain-layout":"layout",contain:t},".contain-paint":{"@defaults contain":{},"--tw-contain-paint":"paint",contain:t},".contain-style":{"@defaults contain":{},"--tw-contain-style":"style",contain:t}})},content:L("content",[["content",["--tw-content",["content","var(--tw-content)"]]]]),forcedColorAdjust:({addUtilities:r})=>{r({".forced-color-adjust-auto":{"forced-color-adjust":"auto"},".forced-color-adjust-none":{"forced-color-adjust":"none"}})}}});function h_(r){if(r===void 0)return!1;if(r==="true"||r==="1")return!0;if(r==="false"||r==="0")return!1;if(r==="*")return!0;let e=r.split(",").map(t=>t.split(":")[0]);return e.includes("-tailwindcss")?!1:!!e.includes("tailwindcss")}var Ze,wh,vh,es,No,gt,Ti,It=P(()=>{u();Ze=typeof m!="undefined"?{NODE_ENV:"production",DEBUG:h_(m.env.DEBUG)}:{NODE_ENV:"production",DEBUG:!1},wh=new Map,vh=new Map,es=new Map,No=new Map,gt=new String("*"),Ti=Symbol("__NONE__")});function cr(r){let e=[],t=!1;for(let i=0;i<r.length;i++){let n=r[i];if(n===":"&&!t&&e.length===0)return!1;if(m_.has(n)&&r[i-1]!=="\\"&&(t=!t),!t&&r[i-1]!=="\\"){if(xh.has(n))e.push(n);else if(kh.has(n)){let s=kh.get(n);if(e.length<=0||e.pop()!==s)return!1}}}return!(e.length>0)}var xh,kh,m_,Bo=P(()=>{u();xh=new Map([["{","}"],["[","]"],["(",")"]]),kh=new Map(Array.from(xh.entries()).map(([r,e])=>[e,r])),m_=new Set(['"',"'","`"])});function pr(r){let[e]=Sh(r);return e.forEach(([t,i])=>t.removeChild(i)),r.nodes.push(...e.map(([,t])=>t)),r}function Sh(r){let e=[],t=null;for(let i of r.nodes)if(i.type==="combinator")e=e.filter(([,n])=>jo(n).includes("jumpable")),t=null;else if(i.type==="pseudo"){g_(i)?(t=i,e.push([r,i,null])):t&&y_(i,t)?e.push([r,i,t]):t=null;for(let n of i.nodes??[]){let[s,a]=Sh(n);t=a||t,e.push(...s)}}return[e,t]}function Ah(r){return r.value.startsWith("::")||Fo[r.value]!==void 0}function g_(r){return Ah(r)&&jo(r).includes("terminal")}function y_(r,e){return r.type!=="pseudo"||Ah(r)?!1:jo(e).includes("actionable")}function jo(r){return Fo[r.value]??Fo.__default__}var Fo,ts=P(()=>{u();Fo={"::after":["terminal","jumpable"],"::backdrop":["terminal","jumpable"],"::before":["terminal","jumpable"],"::cue":["terminal"],"::cue-region":["terminal"],"::first-letter":["terminal","jumpable"],"::first-line":["terminal","jumpable"],"::grammar-error":["terminal"],"::marker":["terminal","jumpable"],"::part":["terminal","actionable"],"::placeholder":["terminal","jumpable"],"::selection":["terminal","jumpable"],"::slotted":["terminal"],"::spelling-error":["terminal"],"::target-text":["terminal"],"::file-selector-button":["terminal","actionable"],"::deep":["actionable"],"::v-deep":["actionable"],"::ng-deep":["actionable"],":after":["terminal","jumpable"],":before":["terminal","jumpable"],":first-letter":["terminal","jumpable"],":first-line":["terminal","jumpable"],":where":[],":is":[],":has":[],__default__:["terminal","actionable"]}});function dr(r,{context:e,candidate:t}){let i=e?.tailwindConfig.prefix??"",n=r.map(a=>{let o=(0,st.default)().astSync(a.format);return{...a,ast:a.respectPrefix?ur(i,o):o}}),s=st.default.root({nodes:[st.default.selector({nodes:[st.default.className({value:Te(t)})]})]});for(let{ast:a}of n)[s,a]=w_(s,a),a.walkNesting(o=>o.replaceWith(...s.nodes[0].nodes)),s=a;return s}function _h(r){let e=[];for(;r.prev()&&r.prev().type!=="combinator";)r=r.prev();for(;r&&r.type!=="combinator";)e.push(r),r=r.next();return e}function b_(r){return r.sort((e,t)=>e.type==="tag"&&t.type==="class"?-1:e.type==="class"&&t.type==="tag"?1:e.type==="class"&&t.type==="pseudo"&&t.value.startsWith("::")?-1:e.type==="pseudo"&&e.value.startsWith("::")&&t.type==="class"?1:r.index(e)-r.index(t)),r}function Uo(r,e){let t=!1;r.walk(i=>{if(i.type==="class"&&i.value===e)return t=!0,!1}),t||r.remove()}function rs(r,e,{context:t,candidate:i,base:n}){let s=t?.tailwindConfig?.separator??":";n=n??ve(i,s).pop();let a=(0,st.default)().astSync(r);if(a.walkClasses(f=>{f.raws&&f.value.includes(n)&&(f.raws.value=Te((0,Ch.default)(f.raws.value)))}),a.each(f=>Uo(f,n)),a.length===0)return null;let o=Array.isArray(e)?dr(e,{context:t,candidate:i}):e;if(o===null)return a.toString();let l=st.default.comment({value:"/*__simple__*/"}),c=st.default.comment({value:"/*__simple__*/"});return a.walkClasses(f=>{if(f.value!==n)return;let d=f.parent,p=o.nodes[0].nodes;if(d.nodes.length===1){f.replaceWith(...p);return}let h=_h(f);d.insertBefore(h[0],l),d.insertAfter(h[h.length-1],c);for(let v of p)d.insertBefore(h[0],v.clone());f.remove(),h=_h(l);let b=d.index(l);d.nodes.splice(b,h.length,...b_(st.default.selector({nodes:h})).nodes),l.remove(),c.remove()}),a.walkPseudos(f=>{f.value===zo&&f.replaceWith(f.nodes)}),a.each(f=>pr(f)),a.toString()}function w_(r,e){let t=[];return r.walkPseudos(i=>{i.value===zo&&t.push({pseudo:i,value:i.nodes[0].toString()})}),e.walkPseudos(i=>{if(i.value!==zo)return;let n=i.nodes[0].toString(),s=t.find(c=>c.value===n);if(!s)return;let a=[],o=i.next();for(;o&&o.type!=="combinator";)a.push(o),o=o.next();let l=o;s.pseudo.parent.insertAfter(s.pseudo,st.default.selector({nodes:a.map(c=>c.clone())})),i.remove(),a.forEach(c=>c.remove()),l&&l.type==="combinator"&&l.remove()}),[r,e]}var st,Ch,zo,Vo=P(()=>{u();st=pe(it()),Ch=pe(Pn());fr();Gn();ts();zt();zo=":merge"});function is(r,e){let t=(0,Ho.default)().astSync(r);return t.each(i=>{i.nodes.some(s=>s.type==="combinator")&&(i.nodes=[Ho.default.pseudo({value:":is",nodes:[i.clone()]})]),pr(i)}),`${e} ${t.toString()}`}var Ho,Wo=P(()=>{u();Ho=pe(it());ts()});function Go(r){return v_.transformSync(r)}function*x_(r){let e=1/0;for(;e>=0;){let t,i=!1;if(e===1/0&&r.endsWith("]")){let a=r.indexOf("[");r[a-1]==="-"?t=a-1:r[a-1]==="/"?(t=a-1,i=!0):t=-1}else e===1/0&&r.includes("/")?(t=r.lastIndexOf("/"),i=!0):t=r.lastIndexOf("-",e);if(t<0)break;let n=r.slice(0,t),s=r.slice(i?t:t+1);e=t-1,!(n===""||s==="/")&&(yield[n,s])}}function k_(r,e){if(r.length===0||e.tailwindConfig.prefix==="")return r;for(let t of r){let[i]=t;if(i.options.respectPrefix){let n=ee.root({nodes:[t[1].clone()]}),s=t[1].raws.tailwind.classCandidate;n.walkRules(a=>{let o=s.startsWith("-");a.selector=ur(e.tailwindConfig.prefix,a.selector,o)}),t[1]=n.nodes[0]}}return r}function S_(r,e){if(r.length===0)return r;let t=[];function i(n){return n.parent&&n.parent.type==="atrule"&&n.parent.name==="keyframes"}for(let[n,s]of r){let a=ee.root({nodes:[s.clone()]});a.walkRules(o=>{if(i(o))return;let l=(0,ns.default)().astSync(o.selector);l.each(c=>Uo(c,e)),Qf(l,c=>c===e?`!${c}`:c),o.selector=l.toString(),o.walkDecls(c=>c.important=!0)}),t.push([{...n,important:!0},a.nodes[0]])}return t}function A_(r,e,t){if(e.length===0)return e;let i={modifier:null,value:Ti};{let[n,...s]=ve(r,"/");if(s.length>1&&(n=n+"/"+s.slice(0,-1).join("/"),s=s.slice(-1)),s.length&&!t.variantMap.has(r)&&(r=n,i.modifier=s[0],!we(t.tailwindConfig,"generalizedModifiers")))return[]}if(r.endsWith("]")&&!r.startsWith("[")){let n=/(.)(-?)\[(.*)\]/g.exec(r);if(n){let[,s,a,o]=n;if(s==="@"&&a==="-")return[];if(s!=="@"&&a==="")return[];r=r.replace(`${a}[${o}]`,""),i.value=o}}if(Ko(r)&&!t.variantMap.has(r)){let n=t.offsets.recordVariant(r),s=K(r.slice(1,-1)),a=ve(s,",");if(a.length>1)return[];if(!a.every(ls))return[];let o=a.map((l,c)=>[t.offsets.applyParallelOffset(n,c),Ri(l.trim())]);t.variantMap.set(r,o)}if(t.variantMap.has(r)){let n=Ko(r),s=t.variantOptions.get(r)?.[Pt]??{},a=t.variantMap.get(r).slice(),o=[],l=(()=>!(n||s.respectPrefix===!1))();for(let[c,f]of e){if(c.layer==="user")continue;let d=ee.root({nodes:[f.clone()]});for(let[p,h,b]of a){let w=function(){v.raws.neededBackup||(v.raws.neededBackup=!0,v.walkRules(T=>T.raws.originalSelector=T.selector))},k=function(T){return w(),v.each(B=>{B.type==="rule"&&(B.selectors=B.selectors.map(N=>T({get className(){return Go(N)},selector:N})))}),v},v=(b??d).clone(),y=[],S=h({get container(){return w(),v},separator:t.tailwindConfig.separator,modifySelectors:k,wrap(T){let B=v.nodes;v.removeAll(),T.append(B),v.append(T)},format(T){y.push({format:T,respectPrefix:l})},args:i});if(Array.isArray(S)){for(let[T,B]of S.entries())a.push([t.offsets.applyParallelOffset(p,T),B,v.clone()]);continue}if(typeof S=="string"&&y.push({format:S,respectPrefix:l}),S===null)continue;v.raws.neededBackup&&(delete v.raws.neededBackup,v.walkRules(T=>{let B=T.raws.originalSelector;if(!B||(delete T.raws.originalSelector,B===T.selector))return;let N=T.selector,R=(0,ns.default)(F=>{F.walkClasses(Y=>{Y.value=`${r}${t.tailwindConfig.separator}${Y.value}`})}).processSync(B);y.push({format:N.replace(R,"&"),respectPrefix:l}),T.selector=B})),v.nodes[0].raws.tailwind={...v.nodes[0].raws.tailwind,parentLayer:c.layer};let E=[{...c,sort:t.offsets.applyVariantOffset(c.sort,p,Object.assign(i,t.variantOptions.get(r))),collectedFormats:(c.collectedFormats??[]).concat(y)},v.nodes[0]];o.push(E)}}return o}return[]}function Qo(r,e,t={}){return!ke(r)&&!Array.isArray(r)?[[r],t]:Array.isArray(r)?Qo(r[0],e,r[1]):(e.has(r)||e.set(r,lr(r)),[e.get(r),t])}function __(r){return C_.test(r)}function E_(r){if(!r.includes("://"))return!1;try{let e=new URL(r);return e.scheme!==""&&e.host!==""}catch(e){return!1}}function Eh(r){let e=!0;return r.walkDecls(t=>{if(!Oh(t.prop,t.value))return e=!1,!1}),e}function Oh(r,e){if(E_(`${r}:${e}`))return!1;try{return ee.parse(`a{${r}:${e}}`).toResult(),!0}catch(t){return!1}}function O_(r,e){let[,t,i]=r.match(/^\[([a-zA-Z0-9-_]+):(\S+)\]$/)??[];if(i===void 0||!__(t)||!cr(i))return null;let n=K(i,{property:t});return Oh(t,n)?[[{sort:e.offsets.arbitraryProperty(r),layer:"utilities",options:{respectImportant:!0}},()=>({[$o(r)]:{[t]:n}})]]:null}function*T_(r,e){e.candidateRuleMap.has(r)&&(yield[e.candidateRuleMap.get(r),"DEFAULT"]),yield*function*(o){o!==null&&(yield[o,"DEFAULT"])}(O_(r,e));let t=r,i=!1,n=e.tailwindConfig.prefix,s=n.length,a=t.startsWith(n)||t.startsWith(`-${n}`);t[s]==="-"&&a&&(i=!0,t=n+t.slice(s+1)),i&&e.candidateRuleMap.has(t)&&(yield[e.candidateRuleMap.get(t),"-DEFAULT"]);for(let[o,l]of x_(t))e.candidateRuleMap.has(o)&&(yield[e.candidateRuleMap.get(o),i?`-${l}`:l])}function R_(r,e){return r===gt?[gt]:ve(r,e)}function*P_(r,e){for(let t of r)t[1].raws.tailwind={...t[1].raws.tailwind,classCandidate:e,preserveSource:t[0].options?.preserveSource??!1},yield t}function*Yo(r,e){let t=e.tailwindConfig.separator,[i,...n]=R_(r,t).reverse(),s=!1;i.startsWith("!")&&(s=!0,i=i.slice(1));for(let a of T_(i,e)){let o=[],l=new Map,[c,f]=a,d=c.length===1;for(let[p,h]of c){let b=[];if(typeof h=="function")for(let v of[].concat(h(f,{isOnlyPlugin:d}))){let[y,w]=Qo(v,e.postCssNodeCache);for(let k of y)b.push([{...p,options:{...p.options,...w}},k])}else if(f==="DEFAULT"||f==="-DEFAULT"){let v=h,[y,w]=Qo(v,e.postCssNodeCache);for(let k of y)b.push([{...p,options:{...p.options,...w}},k])}if(b.length>0){let v=Array.from(ta(p.options?.types??[],f,p.options??{},e.tailwindConfig)).map(([y,w])=>w);v.length>0&&l.set(b,v),o.push(b)}}if(Ko(f)){if(o.length>1){let b=function(y){return y.length===1?y[0]:y.find(w=>{let k=l.get(w);return w.some(([{options:S},E])=>Eh(E)?S.types.some(({type:T,preferOnConflict:B})=>k.includes(T)&&B):!1)})},[p,h]=o.reduce((y,w)=>(w.some(([{options:S}])=>S.types.some(({type:E})=>E==="any"))?y[0].push(w):y[1].push(w),y),[[],[]]),v=b(h)??b(p);if(v)o=[v];else{let y=o.map(k=>new Set([...l.get(k)??[]]));for(let k of y)for(let S of k){let E=!1;for(let T of y)k!==T&&T.has(S)&&(T.delete(S),E=!0);E&&k.delete(S)}let w=[];for(let[k,S]of y.entries())for(let E of S){let T=o[k].map(([,B])=>B).flat().map(B=>B.toString().split(`
`).slice(1,-1).map(N=>N.trim()).map(N=>` ${N}`).join(`
`)).join(`
`);w.push(` Use \`${r.replace("[",`[${E}:`)}\` for \`${T.trim()}\``);break}G.warn([`The class \`${r}\` is ambiguous and matches multiple utilities.`,...w,`If this is content and not a class, replace it with \`${r.replace("[","[").replace("]","]")}\` to silence this warning.`]);continue}}o=o.map(p=>p.filter(h=>Eh(h[1])))}o=o.flat(),o=Array.from(P_(o,i)),o=k_(o,e),s&&(o=S_(o,i));for(let p of n)o=A_(p,o,e);for(let p of o)p[1].raws.tailwind={...p[1].raws.tailwind,candidate:r},p=I_(p,{context:e,candidate:r}),p!==null&&(yield p)}}function I_(r,{context:e,candidate:t}){if(!r[0].collectedFormats)return r;let i=!0,n;try{n=dr(r[0].collectedFormats,{context:e,candidate:t})}catch{return null}let s=ee.root({nodes:[r[1].clone()]});return s.walkRules(a=>{if(!ss(a))try{let o=rs(a.selector,n,{candidate:t,context:e});if(o===null){a.remove();return}a.selector=o}catch{return i=!1,!1}}),!i||s.nodes.length===0?null:(r[1]=s.nodes[0],r)}function ss(r){return r.parent&&r.parent.type==="atrule"&&r.parent.name==="keyframes"}function D_(r){if(r===!0)return e=>{ss(e)||e.walkDecls(t=>{t.parent.type==="rule"&&!ss(t.parent)&&(t.important=!0)})};if(typeof r=="string")return e=>{ss(e)||(e.selectors=e.selectors.map(t=>is(t,r)))}}function as(r,e,t=!1){let i=[],n=D_(e.tailwindConfig.important);for(let s of r){if(e.notClassCache.has(s))continue;if(e.candidateRuleCache.has(s)){i=i.concat(Array.from(e.candidateRuleCache.get(s)));continue}let a=Array.from(Yo(s,e));if(a.length===0){e.notClassCache.add(s);continue}e.classCache.set(s,a);let o=e.candidateRuleCache.get(s)??new Set;e.candidateRuleCache.set(s,o);for(let l of a){let[{sort:c,options:f},d]=l;if(f.respectImportant&&n){let h=ee.root({nodes:[d.clone()]});h.walkRules(n),d=h.nodes[0]}let p=[c,t?d.clone():d];o.add(p),e.ruleCache.add(p),i.push(p)}}return i}function Ko(r){return r.startsWith("[")&&r.endsWith("]")}var ns,v_,C_,os=P(()=>{u();Ot();ns=pe(it());qo();Kt();Gn();Fr();Be();It();Vo();Lo();Br();Oi();Bo();zt();ct();Wo();v_=(0,ns.default)(r=>r.first.filter(({type:e})=>e==="class").pop().value);C_=/^[a-z_-]/});var Th,Rh=P(()=>{u();Th={}});function q_(r){try{return Th.createHash("md5").update(r,"utf-8").digest("binary")}catch(e){return""}}function Ph(r,e){let t=e.toString();if(!t.includes("@tailwind"))return!1;let i=No.get(r),n=q_(t),s=i!==n;return No.set(r,n),s}var Ih=P(()=>{u();Rh();It()});function us(r){return(r>0n)-(r<0n)}var Dh=P(()=>{u()});function qh(r,e){let t=0n,i=0n;for(let[n,s]of e)r&n&&(t=t|n,i=i|s);return r&~t|i}var $h=P(()=>{u()});function Lh(r){let e=null;for(let t of r)e=e??t,e=e>t?e:t;return e}function $_(r,e){let t=r.length,i=e.length,n=t<i?t:i;for(let s=0;s<n;s++){let a=r.charCodeAt(s)-e.charCodeAt(s);if(a!==0)return a}return t-i}var Xo,Mh=P(()=>{u();Dh();$h();Xo=class{constructor(){this.offsets={defaults:0n,base:0n,components:0n,utilities:0n,variants:0n,user:0n},this.layerPositions={defaults:0n,base:1n,components:2n,utilities:3n,user:4n,variants:5n},this.reservedVariantBits=0n,this.variantOffsets=new Map}create(e){return{layer:e,parentLayer:e,arbitrary:0n,variants:0n,parallelIndex:0n,index:this.offsets[e]++,propertyOffset:0n,property:"",options:[]}}arbitraryProperty(e){return{...this.create("utilities"),arbitrary:1n,property:e}}forVariant(e,t=0){let i=this.variantOffsets.get(e);if(i===void 0)throw new Error(`Cannot find offset for unknown variant ${e}`);return{...this.create("variants"),variants:i<<BigInt(t)}}applyVariantOffset(e,t,i){return i.variant=t.variants,{...e,layer:"variants",parentLayer:e.layer==="variants"?e.parentLayer:e.layer,variants:e.variants|t.variants,options:i.sort?[].concat(i,e.options):e.options,parallelIndex:Lh([e.parallelIndex,t.parallelIndex])}}applyParallelOffset(e,t){return{...e,parallelIndex:BigInt(t)}}recordVariants(e,t){for(let i of e)this.recordVariant(i,t(i))}recordVariant(e,t=1){return this.variantOffsets.set(e,1n<<this.reservedVariantBits),this.reservedVariantBits+=BigInt(t),{...this.create("variants"),variants:this.variantOffsets.get(e)}}compare(e,t){if(e.layer!==t.layer)return this.layerPositions[e.layer]-this.layerPositions[t.layer];if(e.parentLayer!==t.parentLayer)return this.layerPositions[e.parentLayer]-this.layerPositions[t.parentLayer];for(let i of e.options)for(let n of t.options){if(i.id!==n.id||!i.sort||!n.sort)continue;let s=Lh([i.variant,n.variant])??0n,a=~(s|s-1n),o=e.variants&a,l=t.variants&a;if(o!==l)continue;let c=i.sort({value:i.value,modifier:i.modifier},{value:n.value,modifier:n.modifier});if(c!==0)return c}return e.variants!==t.variants?e.variants-t.variants:e.parallelIndex!==t.parallelIndex?e.parallelIndex-t.parallelIndex:e.arbitrary!==t.arbitrary?e.arbitrary-t.arbitrary:e.propertyOffset!==t.propertyOffset?e.propertyOffset-t.propertyOffset:e.index-t.index}recalculateVariantOffsets(){let e=Array.from(this.variantOffsets.entries()).filter(([n])=>n.startsWith("[")).sort(([n],[s])=>$_(n,s)),t=e.map(([,n])=>n).sort((n,s)=>us(n-s));return e.map(([,n],s)=>[n,t[s]]).filter(([n,s])=>n!==s)}remapArbitraryVariantOffsets(e){let t=this.recalculateVariantOffsets();return t.length===0?e:e.map(i=>{let[n,s]=i;return n={...n,variants:qh(n.variants,t)},[n,s]})}sortArbitraryProperties(e){let t=new Set;for(let[a]of e)a.arbitrary===1n&&t.add(a.property);if(t.size===0)return e;let i=Array.from(t).sort(),n=new Map,s=1n;for(let a of i)n.set(a,s++);return e.map(a=>{let[o,l]=a;return o={...o,propertyOffset:n.get(o.property)??0n},[o,l]})}sort(e){return e=this.remapArbitraryVariantOffsets(e),e=this.sortArbitraryProperties(e),e.sort(([t],[i])=>us(this.compare(t,i)))}}});function tl(r,e){let t=r.tailwindConfig.prefix;return typeof t=="function"?t(e):t+e}function Bh({type:r="any",...e}){let t=[].concat(r);return{...e,types:t.map(i=>Array.isArray(i)?{type:i[0],...i[1]}:{type:i,preferOnConflict:!1})}}function L_(r){let e=[],t="",i=0;for(let n=0;n<r.length;n++){let s=r[n];if(s==="\\")t+="\\"+r[++n];else if(s==="{")++i,e.push(t.trim()),t="";else if(s==="}"){if(--i<0)throw new Error("Your { and } are unbalanced.");e.push(t.trim()),t=""}else t+=s}return t.length>0&&e.push(t.trim()),e=e.filter(n=>n!==""),e}function M_(r,e,{before:t=[]}={}){if(t=[].concat(t),t.length<=0){r.push(e);return}let i=r.length-1;for(let n of t){let s=r.indexOf(n);s!==-1&&(i=Math.min(i,s))}r.splice(i,0,e)}function Fh(r){return Array.isArray(r)?r.flatMap(e=>!Array.isArray(e)&&!ke(e)?e:lr(e)):Fh([r])}function N_(r,e){return(0,Zo.default)(i=>{let n=[];return e&&e(i),i.walkClasses(s=>{n.push(s.value)}),n}).transformSync(r)}function B_(r){r.walkPseudos(e=>{e.value===":not"&&e.remove()})}function F_(r,e={containsNonOnDemandable:!1},t=0){let i=[],n=[];r.type==="rule"?n.push(...r.selectors):r.type==="atrule"&&r.walkRules(s=>n.push(...s.selectors));for(let s of n){let a=N_(s,B_);a.length===0&&(e.containsNonOnDemandable=!0);for(let o of a)i.push(o)}return t===0?[e.containsNonOnDemandable||i.length===0,i]:i}function fs(r){return Fh(r).flatMap(e=>{let t=new Map,[i,n]=F_(e);return i&&n.unshift(gt),n.map(s=>(t.has(e)||t.set(e,e),[s,t.get(e)]))})}function ls(r){return r.startsWith("@")||r.includes("&")}function Ri(r){r=r.replace(/\n+/g,"").replace(/\s{1,}/g," ").trim();let e=L_(r).map(t=>{if(!t.startsWith("@"))return({format:s})=>s(t);let[,i,n]=/@(\S*)( .+|[({].*)?/g.exec(t);return({wrap:s})=>s(ee.atRule({name:i,params:n?.trim()??""}))}).reverse();return t=>{for(let i of e)i(t)}}function j_(r,e,{variantList:t,variantMap:i,offsets:n,classList:s}){function a(p,h){return p?(0,Nh.default)(r,p,h):r}function o(p){return ur(r.prefix,p)}function l(p,h){return p===gt?gt:h.respectPrefix?e.tailwindConfig.prefix+p:p}function c(p,h,b={}){let v=kt(p),y=a(["theme",...v],h);return mt(v[0])(y,b)}let f=0,d={postcss:ee,prefix:o,e:Te,config:a,theme:c,corePlugins:p=>Array.isArray(r.corePlugins)?r.corePlugins.includes(p):a(["corePlugins",p],!0),variants:()=>[],addBase(p){for(let[h,b]of fs(p)){let v=l(h,{}),y=n.create("base");e.candidateRuleMap.has(v)||e.candidateRuleMap.set(v,[]),e.candidateRuleMap.get(v).push([{sort:y,layer:"base"},b])}},addDefaults(p,h){let b={[`@defaults ${p}`]:h};for(let[v,y]of fs(b)){let w=l(v,{});e.candidateRuleMap.has(w)||e.candidateRuleMap.set(w,[]),e.candidateRuleMap.get(w).push([{sort:n.create("defaults"),layer:"defaults"},y])}},addComponents(p,h){h=Object.assign({},{preserveSource:!1,respectPrefix:!0,respectImportant:!1},Array.isArray(h)?{}:h);for(let[v,y]of fs(p)){let w=l(v,h);s.add(w),e.candidateRuleMap.has(w)||e.candidateRuleMap.set(w,[]),e.candidateRuleMap.get(w).push([{sort:n.create("components"),layer:"components",options:h},y])}},addUtilities(p,h){h=Object.assign({},{preserveSource:!1,respectPrefix:!0,respectImportant:!0},Array.isArray(h)?{}:h);for(let[v,y]of fs(p)){let w=l(v,h);s.add(w),e.candidateRuleMap.has(w)||e.candidateRuleMap.set(w,[]),e.candidateRuleMap.get(w).push([{sort:n.create("utilities"),layer:"utilities",options:h},y])}},matchUtilities:function(p,h){h=Bh({...{respectPrefix:!0,respectImportant:!0,modifiers:!1},...h});let v=n.create("utilities");for(let y in p){let S=function(T,{isOnlyPlugin:B}){let[N,R,F]=ea(h.types,T,h,r);if(N===void 0)return[];if(!h.types.some(({type:U})=>U===R))if(B)G.warn([`Unnecessary typehint \`${R}\` in \`${y}-${T}\`.`,`You can safely update it to \`${y}-${T.replace(R+":","")}\`.`]);else return[];if(!cr(N))return[];let Y={get modifier(){return h.modifiers||G.warn(`modifier-used-without-options-for-${y}`,["Your plugin must set `modifiers: true` in its options to support modifiers."]),F}},_=we(r,"generalizedModifiers");return[].concat(_?k(N,Y):k(N)).filter(Boolean).map(U=>({[Qn(y,T)]:U}))},w=l(y,h),k=p[y];s.add([w,h]);let E=[{sort:v,layer:"utilities",options:h},S];e.candidateRuleMap.has(w)||e.candidateRuleMap.set(w,[]),e.candidateRuleMap.get(w).push(E)}},matchComponents:function(p,h){h=Bh({...{respectPrefix:!0,respectImportant:!1,modifiers:!1},...h});let v=n.create("components");for(let y in p){let S=function(T,{isOnlyPlugin:B}){let[N,R,F]=ea(h.types,T,h,r);if(N===void 0)return[];if(!h.types.some(({type:U})=>U===R))if(B)G.warn([`Unnecessary typehint \`${R}\` in \`${y}-${T}\`.`,`You can safely update it to \`${y}-${T.replace(R+":","")}\`.`]);else return[];if(!cr(N))return[];let Y={get modifier(){return h.modifiers||G.warn(`modifier-used-without-options-for-${y}`,["Your plugin must set `modifiers: true` in its options to support modifiers."]),F}},_=we(r,"generalizedModifiers");return[].concat(_?k(N,Y):k(N)).filter(Boolean).map(U=>({[Qn(y,T)]:U}))},w=l(y,h),k=p[y];s.add([w,h]);let E=[{sort:v,layer:"components",options:h},S];e.candidateRuleMap.has(w)||e.candidateRuleMap.set(w,[]),e.candidateRuleMap.get(w).push(E)}},addVariant(p,h,b={}){h=[].concat(h).map(v=>{if(typeof v!="string")return(y={})=>{let{args:w,modifySelectors:k,container:S,separator:E,wrap:T,format:B}=y,N=v(Object.assign({modifySelectors:k,container:S,separator:E},b.type===Jo.MatchVariant&&{args:w,wrap:T,format:B}));if(typeof N=="string"&&!ls(N))throw new Error(`Your custom variant \`${p}\` has an invalid format string. Make sure it's an at-rule or contains a \`&\` placeholder.`);return Array.isArray(N)?N.filter(R=>typeof R=="string").map(R=>Ri(R)):N&&typeof N=="string"&&Ri(N)(y)};if(!ls(v))throw new Error(`Your custom variant \`${p}\` has an invalid format string. Make sure it's an at-rule or contains a \`&\` placeholder.`);return Ri(v)}),M_(t,p,b),i.set(p,h),e.variantOptions.set(p,b)},matchVariant(p,h,b){let v=b?.id??++f,y=p==="@",w=we(r,"generalizedModifiers");for(let[S,E]of Object.entries(b?.values??{}))S!=="DEFAULT"&&d.addVariant(y?`${p}${S}`:`${p}-${S}`,({args:T,container:B})=>h(E,w?{modifier:T?.modifier,container:B}:{container:B}),{...b,value:E,id:v,type:Jo.MatchVariant,variantInfo:el.Base});let k="DEFAULT"in(b?.values??{});d.addVariant(p,({args:S,container:E})=>S?.value===Ti&&!k?null:h(S?.value===Ti?b.values.DEFAULT:S?.value??(typeof S=="string"?S:""),w?{modifier:S?.modifier,container:E}:{container:E}),{...b,id:v,type:Jo.MatchVariant,variantInfo:el.Dynamic})}};return d}function cs(r){return rl.has(r)||rl.set(r,new Map),rl.get(r)}function jh(r,e){let t=!1,i=new Map;for(let n of r){if(!n)continue;let s=oa.parse(n),a=s.hash?s.href.replace(s.hash,""):s.href;a=s.search?a.replace(s.search,""):a;let o=be.statSync(decodeURIComponent(a),{throwIfNoEntry:!1})?.mtimeMs;!o||((!e.has(n)||o>e.get(n))&&(t=!0),i.set(n,o))}return[t,i]}function zh(r){r.walkAtRules(e=>{["responsive","variants"].includes(e.name)&&(zh(e),e.before(e.nodes),e.remove())})}function z_(r){let e=[];return r.each(t=>{t.type==="atrule"&&["responsive","variants"].includes(t.name)&&(t.name="layer",t.params="utilities")}),r.walkAtRules("layer",t=>{if(zh(t),t.params==="base"){for(let i of t.nodes)e.push(function({addBase:n}){n(i,{respectPrefix:!1})});t.remove()}else if(t.params==="components"){for(let i of t.nodes)e.push(function({addComponents:n}){n(i,{respectPrefix:!1,preserveSource:!0})});t.remove()}else if(t.params==="utilities"){for(let i of t.nodes)e.push(function({addUtilities:n}){n(i,{respectPrefix:!1,preserveSource:!0})});t.remove()}}),e}function U_(r,e){let t=Object.entries({...se,...yh}).map(([l,c])=>r.tailwindConfig.corePlugins.includes(l)?c:null).filter(Boolean),i=r.tailwindConfig.plugins.map(l=>(l.__isOptionsFunction&&(l=l()),typeof l=="function"?l:l.handler)),n=z_(e),s=[se.childVariant,se.pseudoElementVariants,se.pseudoClassVariants,se.hasVariants,se.ariaVariants,se.dataVariants],a=[se.supportsVariants,se.reducedMotionVariants,se.prefersContrastVariants,se.screenVariants,se.orientationVariants,se.directionVariants,se.darkVariants,se.forcedColorsVariants,se.printVariant];return(r.tailwindConfig.darkMode==="class"||Array.isArray(r.tailwindConfig.darkMode)&&r.tailwindConfig.darkMode[0]==="class")&&(a=[se.supportsVariants,se.reducedMotionVariants,se.prefersContrastVariants,se.darkVariants,se.screenVariants,se.orientationVariants,se.directionVariants,se.forcedColorsVariants,se.printVariant]),[...t,...s,...i,...a,...n]}function V_(r,e){let t=[],i=new Map;e.variantMap=i;let n=new Xo;e.offsets=n;let s=new Set,a=j_(e.tailwindConfig,e,{variantList:t,variantMap:i,offsets:n,classList:s});for(let f of r)if(Array.isArray(f))for(let d of f)d(a);else f?.(a);n.recordVariants(t,f=>i.get(f).length);for(let[f,d]of i.entries())e.variantMap.set(f,d.map((p,h)=>[n.forVariant(f,h),p]));let o=(e.tailwindConfig.safelist??[]).filter(Boolean);if(o.length>0){let f=[];for(let d of o){if(typeof d=="string"){e.changedContent.push({content:d,extension:"html"});continue}if(d instanceof RegExp){G.warn("root-regex",["Regular expressions in `safelist` work differently in Tailwind CSS v3.0.","Update your `safelist` configuration to eliminate this warning.","https://tailwindcss.com/docs/content-configuration#safelisting-classes"]);continue}f.push(d)}if(f.length>0){let d=new Map,p=e.tailwindConfig.prefix.length,h=f.some(b=>b.pattern.source.includes("!"));for(let b of s){let v=Array.isArray(b)?(()=>{let[y,w]=b,S=Object.keys(w?.values??{}).map(E=>Ei(y,E));return w?.supportsNegativeValues&&(S=[...S,...S.map(E=>"-"+E)],S=[...S,...S.map(E=>E.slice(0,p)+"-"+E.slice(p))]),w.types.some(({type:E})=>E==="color")&&(S=[...S,...S.flatMap(E=>Object.keys(e.tailwindConfig.theme.opacity).map(T=>`${E}/${T}`))]),h&&w?.respectImportant&&(S=[...S,...S.map(E=>"!"+E)]),S})():[b];for(let y of v)for(let{pattern:w,variants:k=[]}of f)if(w.lastIndex=0,d.has(w)||d.set(w,0),!!w.test(y)){d.set(w,d.get(w)+1),e.changedContent.push({content:y,extension:"html"});for(let S of k)e.changedContent.push({content:S+e.tailwindConfig.separator+y,extension:"html"})}}for(let[b,v]of d.entries())v===0&&G.warn([`The safelist pattern \`${b}\` doesn't match any Tailwind CSS classes.`,"Fix this pattern or remove it from your `safelist` configuration.","https://tailwindcss.com/docs/content-configuration#safelisting-classes"])}}let l=[].concat(e.tailwindConfig.darkMode??"media")[1]??"dark",c=[tl(e,l),tl(e,"group"),tl(e,"peer")];e.getClassOrder=function(d){let p=[...d].sort((y,w)=>y===w?0:y<w?-1:1),h=new Map(p.map(y=>[y,null])),b=as(new Set(p),e,!0);b=e.offsets.sort(b);let v=BigInt(c.length);for(let[,y]of b){let w=y.raws.tailwind.candidate;h.set(w,h.get(w)??v++)}return d.map(y=>{let w=h.get(y)??null,k=c.indexOf(y);return w===null&&k!==-1&&(w=BigInt(k)),[y,w]})},e.getClassList=function(d={}){let p=[];for(let h of s)if(Array.isArray(h)){let[b,v]=h,y=[],w=Object.keys(v?.modifiers??{});v?.types?.some(({type:E})=>E==="color")&&w.push(...Object.keys(e.tailwindConfig.theme.opacity??{}));let k={modifiers:w},S=d.includeMetadata&&w.length>0;for(let[E,T]of Object.entries(v?.values??{})){if(T==null)continue;let B=Ei(b,E);if(p.push(S?[B,k]:B),v?.supportsNegativeValues&&xt(T)){let N=Ei(b,`-${E}`);y.push(S?[N,k]:N)}}p.push(...y)}else p.push(h);return p},e.getVariants=function(){let d=Math.random().toString(36).substring(7).toUpperCase(),p=[];for(let[h,b]of e.variantOptions.entries())b.variantInfo!==el.Base&&p.push({name:h,isArbitrary:b.type===Symbol.for("MATCH_VARIANT"),values:Object.keys(b.values??{}),hasDash:h!=="@",selectors({modifier:v,value:y}={}){let w=`TAILWINDPLACEHOLDER${d}`,k=ee.rule({selector:`.${w}`}),S=ee.root({nodes:[k.clone()]}),E=S.toString(),T=(e.variantMap.get(h)??[]).flatMap(([le,A])=>A),B=[];for(let le of T){let A=[],C={args:{modifier:v,value:b.values?.[y]??y},separator:e.tailwindConfig.separator,modifySelectors(V){return S.each(Ee=>{Ee.type==="rule"&&(Ee.selectors=Ee.selectors.map(Ie=>V({get className(){return Go(Ie)},selector:Ie})))}),S},format(V){A.push(V)},wrap(V){A.push(`@${V.name} ${V.params} { & }`)},container:S},he=le(C);if(A.length>0&&B.push(A),Array.isArray(he))for(let V of he)A=[],V(C),B.push(A)}let N=[],R=S.toString();E!==R&&(S.walkRules(le=>{let A=le.selector,C=(0,Zo.default)(he=>{he.walkClasses(V=>{V.value=`${h}${e.tailwindConfig.separator}${V.value}`})}).processSync(A);N.push(A.replace(C,"&").replace(w,"&"))}),S.walkAtRules(le=>{N.push(`@${le.name} (${le.params}) { & }`)}));let F=!(y in(b.values??{})),Y=b[Pt]??{},_=(()=>!(F||Y.respectPrefix===!1))();B=B.map(le=>le.map(A=>({format:A,respectPrefix:_}))),N=N.map(le=>({format:le,respectPrefix:_}));let Q={candidate:w,context:e},U=B.map(le=>rs(`.${w}`,dr(le,Q),Q).replace(`.${w}`,"&").replace("{ & }","").trim());return N.length>0&&U.push(dr(N,Q).toString().replace(`.${w}`,"&")),U}});return p}}function Uh(r,e){!r.classCache.has(e)||(r.notClassCache.add(e),r.classCache.delete(e),r.applyClassCache.delete(e),r.candidateRuleMap.delete(e),r.candidateRuleCache.delete(e),r.stylesheetCache=null)}function H_(r,e){let t=e.raws.tailwind.candidate;if(!!t){for(let i of r.ruleCache)i[1].raws.tailwind.candidate===t&&r.ruleCache.delete(i);Uh(r,t)}}function il(r,e=[],t=ee.root()){let i={disposables:[],ruleCache:new Set,candidateRuleCache:new Map,classCache:new Map,applyClassCache:new Map,notClassCache:new Set(r.blocklist??[]),postCssNodeCache:new Map,candidateRuleMap:new Map,tailwindConfig:r,changedContent:e,variantMap:new Map,stylesheetCache:null,variantOptions:new Map,markInvalidUtilityCandidate:s=>Uh(i,s),markInvalidUtilityNode:s=>H_(i,s)},n=U_(i,t);return V_(n,i),i}function Vh(r,e,t,i,n,s){let a=e.opts.from,o=i!==null;Ze.DEBUG&&console.log("Source path:",a);let l;if(o&&hr.has(a))l=hr.get(a);else if(Pi.has(n)){let p=Pi.get(n);Dt.get(p).add(a),hr.set(a,p),l=p}let c=Ph(a,r);if(l){let[p,h]=jh([...s],cs(l));if(!p&&!c)return[l,!1,h]}if(hr.has(a)){let p=hr.get(a);if(Dt.has(p)&&(Dt.get(p).delete(a),Dt.get(p).size===0)){Dt.delete(p);for(let[h,b]of Pi)b===p&&Pi.delete(h);for(let h of p.disposables.splice(0))h(p)}}Ze.DEBUG&&console.log("Setting up new context...");let f=il(t,[],r);Object.assign(f,{userConfigPath:i});let[,d]=jh([...s],cs(f));return Pi.set(n,f),hr.set(a,f),Dt.has(f)||Dt.set(f,new Set),Dt.get(f).add(a),[f,!0,d]}var Nh,Zo,Pt,Jo,el,rl,hr,Pi,Dt,Oi=P(()=>{u();ft();la();Ot();Nh=pe(Ra()),Zo=pe(it());Ci();qo();Gn();Kt();fr();Lo();Fr();bh();It();It();Yi();Be();Gi();Bo();os();Ih();Mh();ct();Vo();Pt=Symbol(),Jo={AddVariant:Symbol.for("ADD_VARIANT"),MatchVariant:Symbol.for("MATCH_VARIANT")},el={Base:1<<0,Dynamic:1<<1};rl=new WeakMap;hr=wh,Pi=vh,Dt=es});function nl(r){return r.ignore?[]:r.glob?m.env.ROLLUP_WATCH==="true"?[{type:"dependency",file:r.base}]:[{type:"dir-dependency",dir:r.base,glob:r.glob}]:[{type:"dependency",file:r.base}]}var Hh=P(()=>{u()});function Wh(r,e){return{handler:r,config:e}}var Gh,Qh=P(()=>{u();Wh.withOptions=function(r,e=()=>({})){let t=function(i){return{__options:i,handler:r(i),config:e(i)}};return t.__isOptionsFunction=!0,t.__pluginFunction=r,t.__configFunction=e,t};Gh=Wh});var sl={};Ge(sl,{default:()=>W_});var W_,al=P(()=>{u();Qh();W_=Gh});var Kh=x((z4,Yh)=>{u();var G_=(al(),sl).default,Q_={overflow:"hidden",display:"-webkit-box","-webkit-box-orient":"vertical"},Y_=G_(function({matchUtilities:r,addUtilities:e,theme:t,variants:i}){let n=t("lineClamp");r({"line-clamp":s=>({...Q_,"-webkit-line-clamp":`${s}`})},{values:n}),e([{".line-clamp-none":{"-webkit-line-clamp":"unset"}}],i("lineClamp"))},{theme:{lineClamp:{1:"1",2:"2",3:"3",4:"4",5:"5",6:"6"}},variants:{lineClamp:["responsive"]}});Yh.exports=Y_});function ol(r){r.content.files.length===0&&G.warn("content-problems",["The `content` option in your Tailwind CSS configuration is missing or empty.","Configure your content sources or your generated CSS will be missing styles.","https://tailwindcss.com/docs/content-configuration"]);try{let e=Kh();r.plugins.includes(e)&&(G.warn("line-clamp-in-core",["As of Tailwind CSS v3.3, the `@tailwindcss/line-clamp` plugin is now included by default.","Remove it from the `plugins` array in your configuration to eliminate this warning."]),r.plugins=r.plugins.filter(t=>t!==e))}catch{}return r}var Xh=P(()=>{u();Be()});var Zh,Jh=P(()=>{u();Zh=()=>!1});var ps,em=P(()=>{u();ps={sync:r=>[].concat(r),generateTasks:r=>[{dynamic:!1,base:".",negative:[],positive:[].concat(r),patterns:[].concat(r)}],escapePath:r=>r}});var ll,tm=P(()=>{u();ll=r=>r});var rm,im=P(()=>{u();rm=()=>""});function nm(r){let e=r,t=rm(r);return t!=="."&&(e=r.substr(t.length),e.charAt(0)==="/"&&(e=e.substr(1))),e.substr(0,2)==="./"?e=e.substr(2):e.charAt(0)==="/"&&(e=e.substr(1)),{base:t,glob:e}}var sm=P(()=>{u();im()});var ds=x(Ve=>{u();"use strict";Ve.isInteger=r=>typeof r=="number"?Number.isInteger(r):typeof r=="string"&&r.trim()!==""?Number.isInteger(Number(r)):!1;Ve.find=(r,e)=>r.nodes.find(t=>t.type===e);Ve.exceedsLimit=(r,e,t=1,i)=>i===!1||!Ve.isInteger(r)||!Ve.isInteger(e)?!1:(Number(e)-Number(r))/Number(t)>=i;Ve.escapeNode=(r,e=0,t)=>{let i=r.nodes[e];!i||(t&&i.type===t||i.type==="open"||i.type==="close")&&i.escaped!==!0&&(i.value="\\"+i.value,i.escaped=!0)};Ve.encloseBrace=r=>r.type!=="brace"?!1:r.commas>>0+r.ranges>>0==0?(r.invalid=!0,!0):!1;Ve.isInvalidBrace=r=>r.type!=="brace"?!1:r.invalid===!0||r.dollar?!0:r.commas>>0+r.ranges>>0==0||r.open!==!0||r.close!==!0?(r.invalid=!0,!0):!1;Ve.isOpenOrClose=r=>r.type==="open"||r.type==="close"?!0:r.open===!0||r.close===!0;Ve.reduce=r=>r.reduce((e,t)=>(t.type==="text"&&e.push(t.value),t.type==="range"&&(t.type="text"),e),[]);Ve.flatten=(...r)=>{let e=[],t=i=>{for(let n=0;n<i.length;n++){let s=i[n];if(Array.isArray(s)){t(s);continue}s!==void 0&&e.push(s)}return e};return t(r),e}});var hs=x((Z4,om)=>{u();"use strict";var am=ds();om.exports=(r,e={})=>{let t=(i,n={})=>{let s=e.escapeInvalid&&am.isInvalidBrace(n),a=i.invalid===!0&&e.escapeInvalid===!0,o="";if(i.value)return(s||a)&&am.isOpenOrClose(i)?"\\"+i.value:i.value;if(i.value)return i.value;if(i.nodes)for(let l of i.nodes)o+=t(l);return o};return t(r)}});var um=x((J4,lm)=>{u();"use strict";lm.exports=function(r){return typeof r=="number"?r-r==0:typeof r=="string"&&r.trim()!==""?Number.isFinite?Number.isFinite(+r):isFinite(+r):!1}});var bm=x((e6,ym)=>{u();"use strict";var fm=um(),Wt=(r,e,t)=>{if(fm(r)===!1)throw new TypeError("toRegexRange: expected the first argument to be a number");if(e===void 0||r===e)return String(r);if(fm(e)===!1)throw new TypeError("toRegexRange: expected the second argument to be a number.");let i={relaxZeros:!0,...t};typeof i.strictZeros=="boolean"&&(i.relaxZeros=i.strictZeros===!1);let n=String(i.relaxZeros),s=String(i.shorthand),a=String(i.capture),o=String(i.wrap),l=r+":"+e+"="+n+s+a+o;if(Wt.cache.hasOwnProperty(l))return Wt.cache[l].result;let c=Math.min(r,e),f=Math.max(r,e);if(Math.abs(c-f)===1){let v=r+"|"+e;return i.capture?`(${v})`:i.wrap===!1?v:`(?:${v})`}let d=gm(r)||gm(e),p={min:r,max:e,a:c,b:f},h=[],b=[];if(d&&(p.isPadded=d,p.maxLen=String(p.max).length),c<0){let v=f<0?Math.abs(f):1;b=cm(v,Math.abs(c),p,i),c=p.a=0}return f>=0&&(h=cm(c,f,p,i)),p.negatives=b,p.positives=h,p.result=K_(b,h,i),i.capture===!0?p.result=`(${p.result})`:i.wrap!==!1&&h.length+b.length>1&&(p.result=`(?:${p.result})`),Wt.cache[l]=p,p.result};function K_(r,e,t){let i=ul(r,e,"-",!1,t)||[],n=ul(e,r,"",!1,t)||[],s=ul(r,e,"-?",!0,t)||[];return i.concat(s).concat(n).join("|")}function X_(r,e){let t=1,i=1,n=dm(r,t),s=new Set([e]);for(;r<=n&&n<=e;)s.add(n),t+=1,n=dm(r,t);for(n=hm(e+1,i)-1;r<n&&n<=e;)s.add(n),i+=1,n=hm(e+1,i)-1;return s=[...s],s.sort(eE),s}function Z_(r,e,t){if(r===e)return{pattern:r,count:[],digits:0};let i=J_(r,e),n=i.length,s="",a=0;for(let o=0;o<n;o++){let[l,c]=i[o];l===c?s+=l:l!=="0"||c!=="9"?s+=tE(l,c,t):a++}return a&&(s+=t.shorthand===!0?"\\d":"[0-9]"),{pattern:s,count:[a],digits:n}}function cm(r,e,t,i){let n=X_(r,e),s=[],a=r,o;for(let l=0;l<n.length;l++){let c=n[l],f=Z_(String(a),String(c),i),d="";if(!t.isPadded&&o&&o.pattern===f.pattern){o.count.length>1&&o.count.pop(),o.count.push(f.count[0]),o.string=o.pattern+mm(o.count),a=c+1;continue}t.isPadded&&(d=rE(c,t,i)),f.string=d+f.pattern+mm(f.count),s.push(f),a=c+1,o=f}return s}function ul(r,e,t,i,n){let s=[];for(let a of r){let{string:o}=a;!i&&!pm(e,"string",o)&&s.push(t+o),i&&pm(e,"string",o)&&s.push(t+o)}return s}function J_(r,e){let t=[];for(let i=0;i<r.length;i++)t.push([r[i],e[i]]);return t}function eE(r,e){return r>e?1:e>r?-1:0}function pm(r,e,t){return r.some(i=>i[e]===t)}function dm(r,e){return Number(String(r).slice(0,-e)+"9".repeat(e))}function hm(r,e){return r-r%Math.pow(10,e)}function mm(r){let[e=0,t=""]=r;return t||e>1?`{${e+(t?","+t:"")}}`:""}function tE(r,e,t){return`[${r}${e-r==1?"":"-"}${e}]`}function gm(r){return/^-?(0+)\d/.test(r)}function rE(r,e,t){if(!e.isPadded)return r;let i=Math.abs(e.maxLen-String(r).length),n=t.relaxZeros!==!1;switch(i){case 0:return"";case 1:return n?"0?":"0";case 2:return n?"0{0,2}":"00";default:return n?`0{0,${i}}`:`0{${i}}`}}Wt.cache={};Wt.clearCache=()=>Wt.cache={};ym.exports=Wt});var pl=x((t6,Cm)=>{u();"use strict";var iE=(Fn(),Bn),wm=bm(),vm=r=>r!==null&&typeof r=="object"&&!Array.isArray(r),nE=r=>e=>r===!0?Number(e):String(e),fl=r=>typeof r=="number"||typeof r=="string"&&r!=="",Ii=r=>Number.isInteger(+r),cl=r=>{let e=`${r}`,t=-1;if(e[0]==="-"&&(e=e.slice(1)),e==="0")return!1;for(;e[++t]==="0";);return t>0},sE=(r,e,t)=>typeof r=="string"||typeof e=="string"?!0:t.stringify===!0,aE=(r,e,t)=>{if(e>0){let i=r[0]==="-"?"-":"";i&&(r=r.slice(1)),r=i+r.padStart(i?e-1:e,"0")}return t===!1?String(r):r},ms=(r,e)=>{let t=r[0]==="-"?"-":"";for(t&&(r=r.slice(1),e--);r.length<e;)r="0"+r;return t?"-"+r:r},oE=(r,e,t)=>{r.negatives.sort((o,l)=>o<l?-1:o>l?1:0),r.positives.sort((o,l)=>o<l?-1:o>l?1:0);let i=e.capture?"":"?:",n="",s="",a;return r.positives.length&&(n=r.positives.map(o=>ms(String(o),t)).join("|")),r.negatives.length&&(s=`-(${i}${r.negatives.map(o=>ms(String(o),t)).join("|")})`),n&&s?a=`${n}|${s}`:a=n||s,e.wrap?`(${i}${a})`:a},xm=(r,e,t,i)=>{if(t)return wm(r,e,{wrap:!1,...i});let n=String.fromCharCode(r);if(r===e)return n;let s=String.fromCharCode(e);return`[${n}-${s}]`},km=(r,e,t)=>{if(Array.isArray(r)){let i=t.wrap===!0,n=t.capture?"":"?:";return i?`(${n}${r.join("|")})`:r.join("|")}return wm(r,e,t)},Sm=(...r)=>new RangeError("Invalid range arguments: "+iE.inspect(...r)),Am=(r,e,t)=>{if(t.strictRanges===!0)throw Sm([r,e]);return[]},lE=(r,e)=>{if(e.strictRanges===!0)throw new TypeError(`Expected step "${r}" to be a number`);return[]},uE=(r,e,t=1,i={})=>{let n=Number(r),s=Number(e);if(!Number.isInteger(n)||!Number.isInteger(s)){if(i.strictRanges===!0)throw Sm([r,e]);return[]}n===0&&(n=0),s===0&&(s=0);let a=n>s,o=String(r),l=String(e),c=String(t);t=Math.max(Math.abs(t),1);let f=cl(o)||cl(l)||cl(c),d=f?Math.max(o.length,l.length,c.length):0,p=f===!1&&sE(r,e,i)===!1,h=i.transform||nE(p);if(i.toRegex&&t===1)return xm(ms(r,d),ms(e,d),!0,i);let b={negatives:[],positives:[]},v=k=>b[k<0?"negatives":"positives"].push(Math.abs(k)),y=[],w=0;for(;a?n>=s:n<=s;)i.toRegex===!0&&t>1?v(n):y.push(aE(h(n,w),d,p)),n=a?n-t:n+t,w++;return i.toRegex===!0?t>1?oE(b,i,d):km(y,null,{wrap:!1,...i}):y},fE=(r,e,t=1,i={})=>{if(!Ii(r)&&r.length>1||!Ii(e)&&e.length>1)return Am(r,e,i);let n=i.transform||(p=>String.fromCharCode(p)),s=`${r}`.charCodeAt(0),a=`${e}`.charCodeAt(0),o=s>a,l=Math.min(s,a),c=Math.max(s,a);if(i.toRegex&&t===1)return xm(l,c,!1,i);let f=[],d=0;for(;o?s>=a:s<=a;)f.push(n(s,d)),s=o?s-t:s+t,d++;return i.toRegex===!0?km(f,null,{wrap:!1,options:i}):f},gs=(r,e,t,i={})=>{if(e==null&&fl(r))return[r];if(!fl(r)||!fl(e))return Am(r,e,i);if(typeof t=="function")return gs(r,e,1,{transform:t});if(vm(t))return gs(r,e,0,t);let n={...i};return n.capture===!0&&(n.wrap=!0),t=t||n.step||1,Ii(t)?Ii(r)&&Ii(e)?uE(r,e,t,n):fE(r,e,Math.max(Math.abs(t),1),n):t!=null&&!vm(t)?lE(t,n):gs(r,e,1,t)};Cm.exports=gs});var Om=x((r6,Em)=>{u();"use strict";var cE=pl(),_m=ds(),pE=(r,e={})=>{let t=(i,n={})=>{let s=_m.isInvalidBrace(n),a=i.invalid===!0&&e.escapeInvalid===!0,o=s===!0||a===!0,l=e.escapeInvalid===!0?"\\":"",c="";if(i.isOpen===!0)return l+i.value;if(i.isClose===!0)return console.log("node.isClose",l,i.value),l+i.value;if(i.type==="open")return o?l+i.value:"(";if(i.type==="close")return o?l+i.value:")";if(i.type==="comma")return i.prev.type==="comma"?"":o?i.value:"|";if(i.value)return i.value;if(i.nodes&&i.ranges>0){let f=_m.reduce(i.nodes),d=cE(...f,{...e,wrap:!1,toRegex:!0,strictZeros:!0});if(d.length!==0)return f.length>1&&d.length>1?`(${d})`:d}if(i.nodes)for(let f of i.nodes)c+=t(f,i);return c};return t(r)};Em.exports=pE});var Pm=x((i6,Rm)=>{u();"use strict";var dE=pl(),Tm=hs(),mr=ds(),Gt=(r="",e="",t=!1)=>{let i=[];if(r=[].concat(r),e=[].concat(e),!e.length)return r;if(!r.length)return t?mr.flatten(e).map(n=>`{${n}}`):e;for(let n of r)if(Array.isArray(n))for(let s of n)i.push(Gt(s,e,t));else for(let s of e)t===!0&&typeof s=="string"&&(s=`{${s}}`),i.push(Array.isArray(s)?Gt(n,s,t):n+s);return mr.flatten(i)},hE=(r,e={})=>{let t=e.rangeLimit===void 0?1e3:e.rangeLimit,i=(n,s={})=>{n.queue=[];let a=s,o=s.queue;for(;a.type!=="brace"&&a.type!=="root"&&a.parent;)a=a.parent,o=a.queue;if(n.invalid||n.dollar){o.push(Gt(o.pop(),Tm(n,e)));return}if(n.type==="brace"&&n.invalid!==!0&&n.nodes.length===2){o.push(Gt(o.pop(),["{}"]));return}if(n.nodes&&n.ranges>0){let d=mr.reduce(n.nodes);if(mr.exceedsLimit(...d,e.step,t))throw new RangeError("expanded array length exceeds range limit. Use options.rangeLimit to increase or disable the limit.");let p=dE(...d,e);p.length===0&&(p=Tm(n,e)),o.push(Gt(o.pop(),p)),n.nodes=[];return}let l=mr.encloseBrace(n),c=n.queue,f=n;for(;f.type!=="brace"&&f.type!=="root"&&f.parent;)f=f.parent,c=f.queue;for(let d=0;d<n.nodes.length;d++){let p=n.nodes[d];if(p.type==="comma"&&n.type==="brace"){d===1&&c.push(""),c.push("");continue}if(p.type==="close"){o.push(Gt(o.pop(),c,l));continue}if(p.value&&p.type!=="open"){c.push(Gt(c.pop(),p.value));continue}p.nodes&&i(p,n)}return c};return mr.flatten(i(r))};Rm.exports=hE});var Dm=x((n6,Im)=>{u();"use strict";Im.exports={MAX_LENGTH:1e4,CHAR_0:"0",CHAR_9:"9",CHAR_UPPERCASE_A:"A",CHAR_LOWERCASE_A:"a",CHAR_UPPERCASE_Z:"Z",CHAR_LOWERCASE_Z:"z",CHAR_LEFT_PARENTHESES:"(",CHAR_RIGHT_PARENTHESES:")",CHAR_ASTERISK:"*",CHAR_AMPERSAND:"&",CHAR_AT:"@",CHAR_BACKSLASH:"\\",CHAR_BACKTICK:"`",CHAR_CARRIAGE_RETURN:"\r",CHAR_CIRCUMFLEX_ACCENT:"^",CHAR_COLON:":",CHAR_COMMA:",",CHAR_DOLLAR:"$",CHAR_DOT:".",CHAR_DOUBLE_QUOTE:'"',CHAR_EQUAL:"=",CHAR_EXCLAMATION_MARK:"!",CHAR_FORM_FEED:"\f",CHAR_FORWARD_SLASH:"/",CHAR_HASH:"#",CHAR_HYPHEN_MINUS:"-",CHAR_LEFT_ANGLE_BRACKET:"<",CHAR_LEFT_CURLY_BRACE:"{",CHAR_LEFT_SQUARE_BRACKET:"[",CHAR_LINE_FEED:`
`,CHAR_NO_BREAK_SPACE:"\xA0",CHAR_PERCENT:"%",CHAR_PLUS:"+",CHAR_QUESTION_MARK:"?",CHAR_RIGHT_ANGLE_BRACKET:">",CHAR_RIGHT_CURLY_BRACE:"}",CHAR_RIGHT_SQUARE_BRACKET:"]",CHAR_SEMICOLON:";",CHAR_SINGLE_QUOTE:"'",CHAR_SPACE:" ",CHAR_TAB:" ",CHAR_UNDERSCORE:"_",CHAR_VERTICAL_LINE:"|",CHAR_ZERO_WIDTH_NOBREAK_SPACE:"\uFEFF"}});var Nm=x((s6,Mm)=>{u();"use strict";var mE=hs(),{MAX_LENGTH:qm,CHAR_BACKSLASH:dl,CHAR_BACKTICK:gE,CHAR_COMMA:yE,CHAR_DOT:bE,CHAR_LEFT_PARENTHESES:wE,CHAR_RIGHT_PARENTHESES:vE,CHAR_LEFT_CURLY_BRACE:xE,CHAR_RIGHT_CURLY_BRACE:kE,CHAR_LEFT_SQUARE_BRACKET:$m,CHAR_RIGHT_SQUARE_BRACKET:Lm,CHAR_DOUBLE_QUOTE:SE,CHAR_SINGLE_QUOTE:AE,CHAR_NO_BREAK_SPACE:CE,CHAR_ZERO_WIDTH_NOBREAK_SPACE:_E}=Dm(),EE=(r,e={})=>{if(typeof r!="string")throw new TypeError("Expected a string");let t=e||{},i=typeof t.maxLength=="number"?Math.min(qm,t.maxLength):qm;if(r.length>i)throw new SyntaxError(`Input length (${r.length}), exceeds max characters (${i})`);let n={type:"root",input:r,nodes:[]},s=[n],a=n,o=n,l=0,c=r.length,f=0,d=0,p,h=()=>r[f++],b=v=>{if(v.type==="text"&&o.type==="dot"&&(o.type="text"),o&&o.type==="text"&&v.type==="text"){o.value+=v.value;return}return a.nodes.push(v),v.parent=a,v.prev=o,o=v,v};for(b({type:"bos"});f<c;)if(a=s[s.length-1],p=h(),!(p===_E||p===CE)){if(p===dl){b({type:"text",value:(e.keepEscaping?p:"")+h()});continue}if(p===Lm){b({type:"text",value:"\\"+p});continue}if(p===$m){l++;let v;for(;f<c&&(v=h());){if(p+=v,v===$m){l++;continue}if(v===dl){p+=h();continue}if(v===Lm&&(l--,l===0))break}b({type:"text",value:p});continue}if(p===wE){a=b({type:"paren",nodes:[]}),s.push(a),b({type:"text",value:p});continue}if(p===vE){if(a.type!=="paren"){b({type:"text",value:p});continue}a=s.pop(),b({type:"text",value:p}),a=s[s.length-1];continue}if(p===SE||p===AE||p===gE){let v=p,y;for(e.keepQuotes!==!0&&(p="");f<c&&(y=h());){if(y===dl){p+=y+h();continue}if(y===v){e.keepQuotes===!0&&(p+=y);break}p+=y}b({type:"text",value:p});continue}if(p===xE){d++;let v=o.value&&o.value.slice(-1)==="$"||a.dollar===!0;a=b({type:"brace",open:!0,close:!1,dollar:v,depth:d,commas:0,ranges:0,nodes:[]}),s.push(a),b({type:"open",value:p});continue}if(p===kE){if(a.type!=="brace"){b({type:"text",value:p});continue}let v="close";a=s.pop(),a.close=!0,b({type:v,value:p}),d--,a=s[s.length-1];continue}if(p===yE&&d>0){if(a.ranges>0){a.ranges=0;let v=a.nodes.shift();a.nodes=[v,{type:"text",value:mE(a)}]}b({type:"comma",value:p}),a.commas++;continue}if(p===bE&&d>0&&a.commas===0){let v=a.nodes;if(d===0||v.length===0){b({type:"text",value:p});continue}if(o.type==="dot"){if(a.range=[],o.value+=p,o.type="range",a.nodes.length!==3&&a.nodes.length!==5){a.invalid=!0,a.ranges=0,o.type="text";continue}a.ranges++,a.args=[];continue}if(o.type==="range"){v.pop();let y=v[v.length-1];y.value+=o.value+p,o=y,a.ranges--;continue}b({type:"dot",value:p});continue}b({type:"text",value:p})}do if(a=s.pop(),a.type!=="root"){a.nodes.forEach(w=>{w.nodes||(w.type==="open"&&(w.isOpen=!0),w.type==="close"&&(w.isClose=!0),w.nodes||(w.type="text"),w.invalid=!0)});let v=s[s.length-1],y=v.nodes.indexOf(a);v.nodes.splice(y,1,...a.nodes)}while(s.length>0);return b({type:"eos"}),n};Mm.exports=EE});var jm=x((a6,Fm)=>{u();"use strict";var Bm=hs(),OE=Om(),TE=Pm(),RE=Nm(),Le=(r,e={})=>{let t=[];if(Array.isArray(r))for(let i of r){let n=Le.create(i,e);Array.isArray(n)?t.push(...n):t.push(n)}else t=[].concat(Le.create(r,e));return e&&e.expand===!0&&e.nodupes===!0&&(t=[...new Set(t)]),t};Le.parse=(r,e={})=>RE(r,e);Le.stringify=(r,e={})=>typeof r=="string"?Bm(Le.parse(r,e),e):Bm(r,e);Le.compile=(r,e={})=>(typeof r=="string"&&(r=Le.parse(r,e)),OE(r,e));Le.expand=(r,e={})=>{typeof r=="string"&&(r=Le.parse(r,e));let t=TE(r,e);return e.noempty===!0&&(t=t.filter(Boolean)),e.nodupes===!0&&(t=[...new Set(t)]),t};Le.create=(r,e={})=>r===""||r.length<3?[r]:e.expand!==!0?Le.compile(r,e):Le.expand(r,e);Fm.exports=Le});var Di=x((o6,Wm)=>{u();"use strict";var PE=(et(),Ur),at="\\\\/",zm=`[^${at}]`,yt="\\.",IE="\\+",DE="\\?",ys="\\/",qE="(?=.)",Um="[^/]",hl=`(?:${ys}|$)`,Vm=`(?:^|${ys})`,ml=`${yt}{1,2}${hl}`,$E=`(?!${yt})`,LE=`(?!${Vm}${ml})`,ME=`(?!${yt}{0,1}${hl})`,NE=`(?!${ml})`,BE=`[^.${ys}]`,FE=`${Um}*?`,Hm={DOT_LITERAL:yt,PLUS_LITERAL:IE,QMARK_LITERAL:DE,SLASH_LITERAL:ys,ONE_CHAR:qE,QMARK:Um,END_ANCHOR:hl,DOTS_SLASH:ml,NO_DOT:$E,NO_DOTS:LE,NO_DOT_SLASH:ME,NO_DOTS_SLASH:NE,QMARK_NO_DOT:BE,STAR:FE,START_ANCHOR:Vm},jE={...Hm,SLASH_LITERAL:`[${at}]`,QMARK:zm,STAR:`${zm}*?`,DOTS_SLASH:`${yt}{1,2}(?:[${at}]|$)`,NO_DOT:`(?!${yt})`,NO_DOTS:`(?!(?:^|[${at}])${yt}{1,2}(?:[${at}]|$))`,NO_DOT_SLASH:`(?!${yt}{0,1}(?:[${at}]|$))`,NO_DOTS_SLASH:`(?!${yt}{1,2}(?:[${at}]|$))`,QMARK_NO_DOT:`[^.${at}]`,START_ANCHOR:`(?:^|[${at}])`,END_ANCHOR:`(?:[${at}]|$)`},zE={alnum:"a-zA-Z0-9",alpha:"a-zA-Z",ascii:"\\x00-\\x7F",blank:" \\t",cntrl:"\\x00-\\x1F\\x7F",digit:"0-9",graph:"\\x21-\\x7E",lower:"a-z",print:"\\x20-\\x7E ",punct:"\\-!\"#$%&'()\\*+,./:;<=>?@[\\]^_`{|}~",space:" \\t\\r\\n\\v\\f",upper:"A-Z",word:"A-Za-z0-9_",xdigit:"A-Fa-f0-9"};Wm.exports={MAX_LENGTH:1024*64,POSIX_REGEX_SOURCE:zE,REGEX_BACKSLASH:/\\(?![*+?^${}(|)[\]])/g,REGEX_NON_SPECIAL_CHARS:/^[^@![\].,$*+?^{}()|\\/]+/,REGEX_SPECIAL_CHARS:/[-*+?.^${}(|)[\]]/,REGEX_SPECIAL_CHARS_BACKREF:/(\\?)((\W)(\3*))/g,REGEX_SPECIAL_CHARS_GLOBAL:/([-*+?.^${}(|)[\]])/g,REGEX_REMOVE_BACKSLASH:/(?:\[.*?[^\\]\]|\\(?=.))/g,REPLACEMENTS:{"***":"*","**/**":"**","**/**/**":"**"},CHAR_0:48,CHAR_9:57,CHAR_UPPERCASE_A:65,CHAR_LOWERCASE_A:97,CHAR_UPPERCASE_Z:90,CHAR_LOWERCASE_Z:122,CHAR_LEFT_PARENTHESES:40,CHAR_RIGHT_PARENTHESES:41,CHAR_ASTERISK:42,CHAR_AMPERSAND:38,CHAR_AT:64,CHAR_BACKWARD_SLASH:92,CHAR_CARRIAGE_RETURN:13,CHAR_CIRCUMFLEX_ACCENT:94,CHAR_COLON:58,CHAR_COMMA:44,CHAR_DOT:46,CHAR_DOUBLE_QUOTE:34,CHAR_EQUAL:61,CHAR_EXCLAMATION_MARK:33,CHAR_FORM_FEED:12,CHAR_FORWARD_SLASH:47,CHAR_GRAVE_ACCENT:96,CHAR_HASH:35,CHAR_HYPHEN_MINUS:45,CHAR_LEFT_ANGLE_BRACKET:60,CHAR_LEFT_CURLY_BRACE:123,CHAR_LEFT_SQUARE_BRACKET:91,CHAR_LINE_FEED:10,CHAR_NO_BREAK_SPACE:160,CHAR_PERCENT:37,CHAR_PLUS:43,CHAR_QUESTION_MARK:63,CHAR_RIGHT_ANGLE_BRACKET:62,CHAR_RIGHT_CURLY_BRACE:125,CHAR_RIGHT_SQUARE_BRACKET:93,CHAR_SEMICOLON:59,CHAR_SINGLE_QUOTE:39,CHAR_SPACE:32,CHAR_TAB:9,CHAR_UNDERSCORE:95,CHAR_VERTICAL_LINE:124,CHAR_ZERO_WIDTH_NOBREAK_SPACE:65279,SEP:PE.sep,extglobChars(r){return{"!":{type:"negate",open:"(?:(?!(?:",close:`))${r.STAR})`},"?":{type:"qmark",open:"(?:",close:")?"},"+":{type:"plus",open:"(?:",close:")+"},"*":{type:"star",open:"(?:",close:")*"},"@":{type:"at",open:"(?:",close:")"}}},globChars(r){return r===!0?jE:Hm}}});var qi=x(Re=>{u();"use strict";var UE=(et(),Ur),VE=m.platform==="win32",{REGEX_BACKSLASH:HE,REGEX_REMOVE_BACKSLASH:WE,REGEX_SPECIAL_CHARS:GE,REGEX_SPECIAL_CHARS_GLOBAL:QE}=Di();Re.isObject=r=>r!==null&&typeof r=="object"&&!Array.isArray(r);Re.hasRegexChars=r=>GE.test(r);Re.isRegexChar=r=>r.length===1&&Re.hasRegexChars(r);Re.escapeRegex=r=>r.replace(QE,"\\$1");Re.toPosixSlashes=r=>r.replace(HE,"/");Re.removeBackslashes=r=>r.replace(WE,e=>e==="\\"?"":e);Re.supportsLookbehinds=()=>{let r=m.version.slice(1).split(".").map(Number);return r.length===3&&r[0]>=9||r[0]===8&&r[1]>=10};Re.isWindows=r=>r&&typeof r.windows=="boolean"?r.windows:VE===!0||UE.sep==="\\";Re.escapeLast=(r,e,t)=>{let i=r.lastIndexOf(e,t);return i===-1?r:r[i-1]==="\\"?Re.escapeLast(r,e,i-1):`${r.slice(0,i)}\\${r.slice(i)}`};Re.removePrefix=(r,e={})=>{let t=r;return t.startsWith("./")&&(t=t.slice(2),e.prefix="./"),t};Re.wrapOutput=(r,e={},t={})=>{let i=t.contains?"":"^",n=t.contains?"":"$",s=`${i}(?:${r})${n}`;return e.negated===!0&&(s=`(?:^(?!${s}).*$)`),s}});var eg=x((u6,Jm)=>{u();"use strict";var Gm=qi(),{CHAR_ASTERISK:gl,CHAR_AT:YE,CHAR_BACKWARD_SLASH:$i,CHAR_COMMA:KE,CHAR_DOT:yl,CHAR_EXCLAMATION_MARK:bl,CHAR_FORWARD_SLASH:Qm,CHAR_LEFT_CURLY_BRACE:wl,CHAR_LEFT_PARENTHESES:vl,CHAR_LEFT_SQUARE_BRACKET:XE,CHAR_PLUS:ZE,CHAR_QUESTION_MARK:Ym,CHAR_RIGHT_CURLY_BRACE:JE,CHAR_RIGHT_PARENTHESES:Km,CHAR_RIGHT_SQUARE_BRACKET:e2}=Di(),Xm=r=>r===Qm||r===$i,Zm=r=>{r.isPrefix!==!0&&(r.depth=r.isGlobstar?1/0:1)},t2=(r,e)=>{let t=e||{},i=r.length-1,n=t.parts===!0||t.scanToEnd===!0,s=[],a=[],o=[],l=r,c=-1,f=0,d=0,p=!1,h=!1,b=!1,v=!1,y=!1,w=!1,k=!1,S=!1,E=!1,T=!1,B=0,N,R,F={value:"",depth:0,isGlob:!1},Y=()=>c>=i,_=()=>l.charCodeAt(c+1),Q=()=>(N=R,l.charCodeAt(++c));for(;c<i;){R=Q();let he;if(R===$i){k=F.backslashes=!0,R=Q(),R===wl&&(w=!0);continue}if(w===!0||R===wl){for(B++;Y()!==!0&&(R=Q());){if(R===$i){k=F.backslashes=!0,Q();continue}if(R===wl){B++;continue}if(w!==!0&&R===yl&&(R=Q())===yl){if(p=F.isBrace=!0,b=F.isGlob=!0,T=!0,n===!0)continue;break}if(w!==!0&&R===KE){if(p=F.isBrace=!0,b=F.isGlob=!0,T=!0,n===!0)continue;break}if(R===JE&&(B--,B===0)){w=!1,p=F.isBrace=!0,T=!0;break}}if(n===!0)continue;break}if(R===Qm){if(s.push(c),a.push(F),F={value:"",depth:0,isGlob:!1},T===!0)continue;if(N===yl&&c===f+1){f+=2;continue}d=c+1;continue}if(t.noext!==!0&&(R===ZE||R===YE||R===gl||R===Ym||R===bl)===!0&&_()===vl){if(b=F.isGlob=!0,v=F.isExtglob=!0,T=!0,R===bl&&c===f&&(E=!0),n===!0){for(;Y()!==!0&&(R=Q());){if(R===$i){k=F.backslashes=!0,R=Q();continue}if(R===Km){b=F.isGlob=!0,T=!0;break}}continue}break}if(R===gl){if(N===gl&&(y=F.isGlobstar=!0),b=F.isGlob=!0,T=!0,n===!0)continue;break}if(R===Ym){if(b=F.isGlob=!0,T=!0,n===!0)continue;break}if(R===XE){for(;Y()!==!0&&(he=Q());){if(he===$i){k=F.backslashes=!0,Q();continue}if(he===e2){h=F.isBracket=!0,b=F.isGlob=!0,T=!0;break}}if(n===!0)continue;break}if(t.nonegate!==!0&&R===bl&&c===f){S=F.negated=!0,f++;continue}if(t.noparen!==!0&&R===vl){if(b=F.isGlob=!0,n===!0){for(;Y()!==!0&&(R=Q());){if(R===vl){k=F.backslashes=!0,R=Q();continue}if(R===Km){T=!0;break}}continue}break}if(b===!0){if(T=!0,n===!0)continue;break}}t.noext===!0&&(v=!1,b=!1);let U=l,le="",A="";f>0&&(le=l.slice(0,f),l=l.slice(f),d-=f),U&&b===!0&&d>0?(U=l.slice(0,d),A=l.slice(d)):b===!0?(U="",A=l):U=l,U&&U!==""&&U!=="/"&&U!==l&&Xm(U.charCodeAt(U.length-1))&&(U=U.slice(0,-1)),t.unescape===!0&&(A&&(A=Gm.removeBackslashes(A)),U&&k===!0&&(U=Gm.removeBackslashes(U)));let C={prefix:le,input:r,start:f,base:U,glob:A,isBrace:p,isBracket:h,isGlob:b,isExtglob:v,isGlobstar:y,negated:S,negatedExtglob:E};if(t.tokens===!0&&(C.maxDepth=0,Xm(R)||a.push(F),C.tokens=a),t.parts===!0||t.tokens===!0){let he;for(let V=0;V<s.length;V++){let Ee=he?he+1:f,Ie=s[V],De=r.slice(Ee,Ie);t.tokens&&(V===0&&f!==0?(a[V].isPrefix=!0,a[V].value=le):a[V].value=De,Zm(a[V]),C.maxDepth+=a[V].depth),(V!==0||De!=="")&&o.push(De),he=Ie}if(he&&he+1<r.length){let V=r.slice(he+1);o.push(V),t.tokens&&(a[a.length-1].value=V,Zm(a[a.length-1]),C.maxDepth+=a[a.length-1].depth)}C.slashes=s,C.parts=o}return C};Jm.exports=t2});var ig=x((f6,rg)=>{u();"use strict";var bs=Di(),Me=qi(),{MAX_LENGTH:ws,POSIX_REGEX_SOURCE:r2,REGEX_NON_SPECIAL_CHARS:i2,REGEX_SPECIAL_CHARS_BACKREF:n2,REPLACEMENTS:tg}=bs,s2=(r,e)=>{if(typeof e.expandRange=="function")return e.expandRange(...r,e);r.sort();let t=`[${r.join("-")}]`;try{new RegExp(t)}catch(i){return r.map(n=>Me.escapeRegex(n)).join("..")}return t},gr=(r,e)=>`Missing ${r}: "${e}" - use "\\\\${e}" to match literal characters`,xl=(r,e)=>{if(typeof r!="string")throw new TypeError("Expected a string");r=tg[r]||r;let t={...e},i=typeof t.maxLength=="number"?Math.min(ws,t.maxLength):ws,n=r.length;if(n>i)throw new SyntaxError(`Input length: ${n}, exceeds maximum allowed length: ${i}`);let s={type:"bos",value:"",output:t.prepend||""},a=[s],o=t.capture?"":"?:",l=Me.isWindows(e),c=bs.globChars(l),f=bs.extglobChars(c),{DOT_LITERAL:d,PLUS_LITERAL:p,SLASH_LITERAL:h,ONE_CHAR:b,DOTS_SLASH:v,NO_DOT:y,NO_DOT_SLASH:w,NO_DOTS_SLASH:k,QMARK:S,QMARK_NO_DOT:E,STAR:T,START_ANCHOR:B}=c,N=$=>`(${o}(?:(?!${B}${$.dot?v:d}).)*?)`,R=t.dot?"":y,F=t.dot?S:E,Y=t.bash===!0?N(t):T;t.capture&&(Y=`(${Y})`),typeof t.noext=="boolean"&&(t.noextglob=t.noext);let _={input:r,index:-1,start:0,dot:t.dot===!0,consumed:"",output:"",prefix:"",backtrack:!1,negated:!1,brackets:0,braces:0,parens:0,quotes:0,globstar:!1,tokens:a};r=Me.removePrefix(r,_),n=r.length;let Q=[],U=[],le=[],A=s,C,he=()=>_.index===n-1,V=_.peek=($=1)=>r[_.index+$],Ee=_.advance=()=>r[++_.index]||"",Ie=()=>r.slice(_.index+1),De=($="",ae=0)=>{_.consumed+=$,_.index+=ae},ji=$=>{_.output+=$.output!=null?$.output:$.value,De($.value)},Iv=()=>{let $=1;for(;V()==="!"&&(V(2)!=="("||V(3)==="?");)Ee(),_.start++,$++;return $%2==0?!1:(_.negated=!0,_.start++,!0)},zi=$=>{_[$]++,le.push($)},Ft=$=>{_[$]--,le.pop()},W=$=>{if(A.type==="globstar"){let ae=_.braces>0&&($.type==="comma"||$.type==="brace"),I=$.extglob===!0||Q.length&&($.type==="pipe"||$.type==="paren");$.type!=="slash"&&$.type!=="paren"&&!ae&&!I&&(_.output=_.output.slice(0,-A.output.length),A.type="star",A.value="*",A.output=Y,_.output+=A.output)}if(Q.length&&$.type!=="paren"&&(Q[Q.length-1].inner+=$.value),($.value||$.output)&&ji($),A&&A.type==="text"&&$.type==="text"){A.value+=$.value,A.output=(A.output||"")+$.value;return}$.prev=A,a.push($),A=$},Ui=($,ae)=>{let I={...f[ae],conditions:1,inner:""};I.prev=A,I.parens=_.parens,I.output=_.output;let H=(t.capture?"(":"")+I.open;zi("parens"),W({type:$,value:ae,output:_.output?"":b}),W({type:"paren",extglob:!0,value:Ee(),output:H}),Q.push(I)},Dv=$=>{let ae=$.close+(t.capture?")":""),I;if($.type==="negate"){let H=Y;if($.inner&&$.inner.length>1&&$.inner.includes("/")&&(H=N(t)),(H!==Y||he()||/^\)+$/.test(Ie()))&&(ae=$.close=`)$))${H}`),$.inner.includes("*")&&(I=Ie())&&/^\.[^\\/.]+$/.test(I)){let ce=xl(I,{...e,fastpaths:!1}).output;ae=$.close=`)${ce})${H})`}$.prev.type==="bos"&&(_.negatedExtglob=!0)}W({type:"paren",extglob:!0,value:C,output:ae}),Ft("parens")};if(t.fastpaths!==!1&&!/(^[*!]|[/()[\]{}"])/.test(r)){let $=!1,ae=r.replace(n2,(I,H,ce,Ce,ye,Bs)=>Ce==="\\"?($=!0,I):Ce==="?"?H?H+Ce+(ye?S.repeat(ye.length):""):Bs===0?F+(ye?S.repeat(ye.length):""):S.repeat(ce.length):Ce==="."?d.repeat(ce.length):Ce==="*"?H?H+Ce+(ye?Y:""):Y:H?I:`\\${I}`);return $===!0&&(t.unescape===!0?ae=ae.replace(/\\/g,""):ae=ae.replace(/\\+/g,I=>I.length%2==0?"\\\\":I?"\\":"")),ae===r&&t.contains===!0?(_.output=r,_):(_.output=Me.wrapOutput(ae,_,e),_)}for(;!he();){if(C=Ee(),C==="\0")continue;if(C==="\\"){let I=V();if(I==="/"&&t.bash!==!0||I==="."||I===";")continue;if(!I){C+="\\",W({type:"text",value:C});continue}let H=/^\\+/.exec(Ie()),ce=0;if(H&&H[0].length>2&&(ce=H[0].length,_.index+=ce,ce%2!=0&&(C+="\\")),t.unescape===!0?C=Ee():C+=Ee(),_.brackets===0){W({type:"text",value:C});continue}}if(_.brackets>0&&(C!=="]"||A.value==="["||A.value==="[^")){if(t.posix!==!1&&C===":"){let I=A.value.slice(1);if(I.includes("[")&&(A.posix=!0,I.includes(":"))){let H=A.value.lastIndexOf("["),ce=A.value.slice(0,H),Ce=A.value.slice(H+2),ye=r2[Ce];if(ye){A.value=ce+ye,_.backtrack=!0,Ee(),!s.output&&a.indexOf(A)===1&&(s.output=b);continue}}}(C==="["&&V()!==":"||C==="-"&&V()==="]")&&(C=`\\${C}`),C==="]"&&(A.value==="["||A.value==="[^")&&(C=`\\${C}`),t.posix===!0&&C==="!"&&A.value==="["&&(C="^"),A.value+=C,ji({value:C});continue}if(_.quotes===1&&C!=='"'){C=Me.escapeRegex(C),A.value+=C,ji({value:C});continue}if(C==='"'){_.quotes=_.quotes===1?0:1,t.keepQuotes===!0&&W({type:"text",value:C});continue}if(C==="("){zi("parens"),W({type:"paren",value:C});continue}if(C===")"){if(_.parens===0&&t.strictBrackets===!0)throw new SyntaxError(gr("opening","("));let I=Q[Q.length-1];if(I&&_.parens===I.parens+1){Dv(Q.pop());continue}W({type:"paren",value:C,output:_.parens?")":"\\)"}),Ft("parens");continue}if(C==="["){if(t.nobracket===!0||!Ie().includes("]")){if(t.nobracket!==!0&&t.strictBrackets===!0)throw new SyntaxError(gr("closing","]"));C=`\\${C}`}else zi("brackets");W({type:"bracket",value:C});continue}if(C==="]"){if(t.nobracket===!0||A&&A.type==="bracket"&&A.value.length===1){W({type:"text",value:C,output:`\\${C}`});continue}if(_.brackets===0){if(t.strictBrackets===!0)throw new SyntaxError(gr("opening","["));W({type:"text",value:C,output:`\\${C}`});continue}Ft("brackets");let I=A.value.slice(1);if(A.posix!==!0&&I[0]==="^"&&!I.includes("/")&&(C=`/${C}`),A.value+=C,ji({value:C}),t.literalBrackets===!1||Me.hasRegexChars(I))continue;let H=Me.escapeRegex(A.value);if(_.output=_.output.slice(0,-A.value.length),t.literalBrackets===!0){_.output+=H,A.value=H;continue}A.value=`(${o}${H}|${A.value})`,_.output+=A.value;continue}if(C==="{"&&t.nobrace!==!0){zi("braces");let I={type:"brace",value:C,output:"(",outputIndex:_.output.length,tokensIndex:_.tokens.length};U.push(I),W(I);continue}if(C==="}"){let I=U[U.length-1];if(t.nobrace===!0||!I){W({type:"text",value:C,output:C});continue}let H=")";if(I.dots===!0){let ce=a.slice(),Ce=[];for(let ye=ce.length-1;ye>=0&&(a.pop(),ce[ye].type!=="brace");ye--)ce[ye].type!=="dots"&&Ce.unshift(ce[ye].value);H=s2(Ce,t),_.backtrack=!0}if(I.comma!==!0&&I.dots!==!0){let ce=_.output.slice(0,I.outputIndex),Ce=_.tokens.slice(I.tokensIndex);I.value=I.output="\\{",C=H="\\}",_.output=ce;for(let ye of Ce)_.output+=ye.output||ye.value}W({type:"brace",value:C,output:H}),Ft("braces"),U.pop();continue}if(C==="|"){Q.length>0&&Q[Q.length-1].conditions++,W({type:"text",value:C});continue}if(C===","){let I=C,H=U[U.length-1];H&&le[le.length-1]==="braces"&&(H.comma=!0,I="|"),W({type:"comma",value:C,output:I});continue}if(C==="/"){if(A.type==="dot"&&_.index===_.start+1){_.start=_.index+1,_.consumed="",_.output="",a.pop(),A=s;continue}W({type:"slash",value:C,output:h});continue}if(C==="."){if(_.braces>0&&A.type==="dot"){A.value==="."&&(A.output=d);let I=U[U.length-1];A.type="dots",A.output+=C,A.value+=C,I.dots=!0;continue}if(_.braces+_.parens===0&&A.type!=="bos"&&A.type!=="slash"){W({type:"text",value:C,output:d});continue}W({type:"dot",value:C,output:d});continue}if(C==="?"){if(!(A&&A.value==="(")&&t.noextglob!==!0&&V()==="("&&V(2)!=="?"){Ui("qmark",C);continue}if(A&&A.type==="paren"){let H=V(),ce=C;if(H==="<"&&!Me.supportsLookbehinds())throw new Error("Node.js v10 or higher is required for regex lookbehinds");(A.value==="("&&!/[!=<:]/.test(H)||H==="<"&&!/<([!=]|\w+>)/.test(Ie()))&&(ce=`\\${C}`),W({type:"text",value:C,output:ce});continue}if(t.dot!==!0&&(A.type==="slash"||A.type==="bos")){W({type:"qmark",value:C,output:E});continue}W({type:"qmark",value:C,output:S});continue}if(C==="!"){if(t.noextglob!==!0&&V()==="("&&(V(2)!=="?"||!/[!=<:]/.test(V(3)))){Ui("negate",C);continue}if(t.nonegate!==!0&&_.index===0){Iv();continue}}if(C==="+"){if(t.noextglob!==!0&&V()==="("&&V(2)!=="?"){Ui("plus",C);continue}if(A&&A.value==="("||t.regex===!1){W({type:"plus",value:C,output:p});continue}if(A&&(A.type==="bracket"||A.type==="paren"||A.type==="brace")||_.parens>0){W({type:"plus",value:C});continue}W({type:"plus",value:p});continue}if(C==="@"){if(t.noextglob!==!0&&V()==="("&&V(2)!=="?"){W({type:"at",extglob:!0,value:C,output:""});continue}W({type:"text",value:C});continue}if(C!=="*"){(C==="$"||C==="^")&&(C=`\\${C}`);let I=i2.exec(Ie());I&&(C+=I[0],_.index+=I[0].length),W({type:"text",value:C});continue}if(A&&(A.type==="globstar"||A.star===!0)){A.type="star",A.star=!0,A.value+=C,A.output=Y,_.backtrack=!0,_.globstar=!0,De(C);continue}let $=Ie();if(t.noextglob!==!0&&/^\([^?]/.test($)){Ui("star",C);continue}if(A.type==="star"){if(t.noglobstar===!0){De(C);continue}let I=A.prev,H=I.prev,ce=I.type==="slash"||I.type==="bos",Ce=H&&(H.type==="star"||H.type==="globstar");if(t.bash===!0&&(!ce||$[0]&&$[0]!=="/")){W({type:"star",value:C,output:""});continue}let ye=_.braces>0&&(I.type==="comma"||I.type==="brace"),Bs=Q.length&&(I.type==="pipe"||I.type==="paren");if(!ce&&I.type!=="paren"&&!ye&&!Bs){W({type:"star",value:C,output:""});continue}for(;$.slice(0,3)==="/**";){let Vi=r[_.index+4];if(Vi&&Vi!=="/")break;$=$.slice(3),De("/**",3)}if(I.type==="bos"&&he()){A.type="globstar",A.value+=C,A.output=N(t),_.output=A.output,_.globstar=!0,De(C);continue}if(I.type==="slash"&&I.prev.type!=="bos"&&!Ce&&he()){_.output=_.output.slice(0,-(I.output+A.output).length),I.output=`(?:${I.output}`,A.type="globstar",A.output=N(t)+(t.strictSlashes?")":"|$)"),A.value+=C,_.globstar=!0,_.output+=I.output+A.output,De(C);continue}if(I.type==="slash"&&I.prev.type!=="bos"&&$[0]==="/"){let Vi=$[1]!==void 0?"|$":"";_.output=_.output.slice(0,-(I.output+A.output).length),I.output=`(?:${I.output}`,A.type="globstar",A.output=`${N(t)}${h}|${h}${Vi})`,A.value+=C,_.output+=I.output+A.output,_.globstar=!0,De(C+Ee()),W({type:"slash",value:"/",output:""});continue}if(I.type==="bos"&&$[0]==="/"){A.type="globstar",A.value+=C,A.output=`(?:^|${h}|${N(t)}${h})`,_.output=A.output,_.globstar=!0,De(C+Ee()),W({type:"slash",value:"/",output:""});continue}_.output=_.output.slice(0,-A.output.length),A.type="globstar",A.output=N(t),A.value+=C,_.output+=A.output,_.globstar=!0,De(C);continue}let ae={type:"star",value:C,output:Y};if(t.bash===!0){ae.output=".*?",(A.type==="bos"||A.type==="slash")&&(ae.output=R+ae.output),W(ae);continue}if(A&&(A.type==="bracket"||A.type==="paren")&&t.regex===!0){ae.output=C,W(ae);continue}(_.index===_.start||A.type==="slash"||A.type==="dot")&&(A.type==="dot"?(_.output+=w,A.output+=w):t.dot===!0?(_.output+=k,A.output+=k):(_.output+=R,A.output+=R),V()!=="*"&&(_.output+=b,A.output+=b)),W(ae)}for(;_.brackets>0;){if(t.strictBrackets===!0)throw new SyntaxError(gr("closing","]"));_.output=Me.escapeLast(_.output,"["),Ft("brackets")}for(;_.parens>0;){if(t.strictBrackets===!0)throw new SyntaxError(gr("closing",")"));_.output=Me.escapeLast(_.output,"("),Ft("parens")}for(;_.braces>0;){if(t.strictBrackets===!0)throw new SyntaxError(gr("closing","}"));_.output=Me.escapeLast(_.output,"{"),Ft("braces")}if(t.strictSlashes!==!0&&(A.type==="star"||A.type==="bracket")&&W({type:"maybe_slash",value:"",output:`${h}?`}),_.backtrack===!0){_.output="";for(let $ of _.tokens)_.output+=$.output!=null?$.output:$.value,$.suffix&&(_.output+=$.suffix)}return _};xl.fastpaths=(r,e)=>{let t={...e},i=typeof t.maxLength=="number"?Math.min(ws,t.maxLength):ws,n=r.length;if(n>i)throw new SyntaxError(`Input length: ${n}, exceeds maximum allowed length: ${i}`);r=tg[r]||r;let s=Me.isWindows(e),{DOT_LITERAL:a,SLASH_LITERAL:o,ONE_CHAR:l,DOTS_SLASH:c,NO_DOT:f,NO_DOTS:d,NO_DOTS_SLASH:p,STAR:h,START_ANCHOR:b}=bs.globChars(s),v=t.dot?d:f,y=t.dot?p:f,w=t.capture?"":"?:",k={negated:!1,prefix:""},S=t.bash===!0?".*?":h;t.capture&&(S=`(${S})`);let E=R=>R.noglobstar===!0?S:`(${w}(?:(?!${b}${R.dot?c:a}).)*?)`,T=R=>{switch(R){case"*":return`${v}${l}${S}`;case".*":return`${a}${l}${S}`;case"*.*":return`${v}${S}${a}${l}${S}`;case"*/*":return`${v}${S}${o}${l}${y}${S}`;case"**":return v+E(t);case"**/*":return`(?:${v}${E(t)}${o})?${y}${l}${S}`;case"**/*.*":return`(?:${v}${E(t)}${o})?${y}${S}${a}${l}${S}`;case"**/.*":return`(?:${v}${E(t)}${o})?${a}${l}${S}`;default:{let F=/^(.*?)\.(\w+)$/.exec(R);if(!F)return;let Y=T(F[1]);return Y?Y+a+F[2]:void 0}}},B=Me.removePrefix(r,k),N=T(B);return N&&t.strictSlashes!==!0&&(N+=`${o}?`),N};rg.exports=xl});var sg=x((c6,ng)=>{u();"use strict";var a2=(et(),Ur),o2=eg(),kl=ig(),Sl=qi(),l2=Di(),u2=r=>r&&typeof r=="object"&&!Array.isArray(r),de=(r,e,t=!1)=>{if(Array.isArray(r)){let f=r.map(p=>de(p,e,t));return p=>{for(let h of f){let b=h(p);if(b)return b}return!1}}let i=u2(r)&&r.tokens&&r.input;if(r===""||typeof r!="string"&&!i)throw new TypeError("Expected pattern to be a non-empty string");let n=e||{},s=Sl.isWindows(e),a=i?de.compileRe(r,e):de.makeRe(r,e,!1,!0),o=a.state;delete a.state;let l=()=>!1;if(n.ignore){let f={...e,ignore:null,onMatch:null,onResult:null};l=de(n.ignore,f,t)}let c=(f,d=!1)=>{let{isMatch:p,match:h,output:b}=de.test(f,a,e,{glob:r,posix:s}),v={glob:r,state:o,regex:a,posix:s,input:f,output:b,match:h,isMatch:p};return typeof n.onResult=="function"&&n.onResult(v),p===!1?(v.isMatch=!1,d?v:!1):l(f)?(typeof n.onIgnore=="function"&&n.onIgnore(v),v.isMatch=!1,d?v:!1):(typeof n.onMatch=="function"&&n.onMatch(v),d?v:!0)};return t&&(c.state=o),c};de.test=(r,e,t,{glob:i,posix:n}={})=>{if(typeof r!="string")throw new TypeError("Expected input to be a string");if(r==="")return{isMatch:!1,output:""};let s=t||{},a=s.format||(n?Sl.toPosixSlashes:null),o=r===i,l=o&&a?a(r):r;return o===!1&&(l=a?a(r):r,o=l===i),(o===!1||s.capture===!0)&&(s.matchBase===!0||s.basename===!0?o=de.matchBase(r,e,t,n):o=e.exec(l)),{isMatch:Boolean(o),match:o,output:l}};de.matchBase=(r,e,t,i=Sl.isWindows(t))=>(e instanceof RegExp?e:de.makeRe(e,t)).test(a2.basename(r));de.isMatch=(r,e,t)=>de(e,t)(r);de.parse=(r,e)=>Array.isArray(r)?r.map(t=>de.parse(t,e)):kl(r,{...e,fastpaths:!1});de.scan=(r,e)=>o2(r,e);de.compileRe=(r,e,t=!1,i=!1)=>{if(t===!0)return r.output;let n=e||{},s=n.contains?"":"^",a=n.contains?"":"$",o=`${s}(?:${r.output})${a}`;r&&r.negated===!0&&(o=`^(?!${o}).*$`);let l=de.toRegex(o,e);return i===!0&&(l.state=r),l};de.makeRe=(r,e={},t=!1,i=!1)=>{if(!r||typeof r!="string")throw new TypeError("Expected a non-empty string");let n={negated:!1,fastpaths:!0};return e.fastpaths!==!1&&(r[0]==="."||r[0]==="*")&&(n.output=kl.fastpaths(r,e)),n.output||(n=kl(r,e)),de.compileRe(n,e,t,i)};de.toRegex=(r,e)=>{try{let t=e||{};return new RegExp(r,t.flags||(t.nocase?"i":""))}catch(t){if(e&&e.debug===!0)throw t;return/$^/}};de.constants=l2;ng.exports=de});var og=x((p6,ag)=>{u();"use strict";ag.exports=sg()});var dg=x((d6,pg)=>{u();"use strict";var lg=(Fn(),Bn),ug=jm(),ot=og(),Al=qi(),fg=r=>r===""||r==="./",cg=r=>{let e=r.indexOf("{");return e>-1&&r.indexOf("}",e)>-1},oe=(r,e,t)=>{e=[].concat(e),r=[].concat(r);let i=new Set,n=new Set,s=new Set,a=0,o=f=>{s.add(f.output),t&&t.onResult&&t.onResult(f)};for(let f=0;f<e.length;f++){let d=ot(String(e[f]),{...t,onResult:o},!0),p=d.state.negated||d.state.negatedExtglob;p&&a++;for(let h of r){let b=d(h,!0);!(p?!b.isMatch:b.isMatch)||(p?i.add(b.output):(i.delete(b.output),n.add(b.output)))}}let c=(a===e.length?[...s]:[...n]).filter(f=>!i.has(f));if(t&&c.length===0){if(t.failglob===!0)throw new Error(`No matches found for "${e.join(", ")}"`);if(t.nonull===!0||t.nullglob===!0)return t.unescape?e.map(f=>f.replace(/\\/g,"")):e}return c};oe.match=oe;oe.matcher=(r,e)=>ot(r,e);oe.isMatch=(r,e,t)=>ot(e,t)(r);oe.any=oe.isMatch;oe.not=(r,e,t={})=>{e=[].concat(e).map(String);let i=new Set,n=[],s=o=>{t.onResult&&t.onResult(o),n.push(o.output)},a=new Set(oe(r,e,{...t,onResult:s}));for(let o of n)a.has(o)||i.add(o);return[...i]};oe.contains=(r,e,t)=>{if(typeof r!="string")throw new TypeError(`Expected a string: "${lg.inspect(r)}"`);if(Array.isArray(e))return e.some(i=>oe.contains(r,i,t));if(typeof e=="string"){if(fg(r)||fg(e))return!1;if(r.includes(e)||r.startsWith("./")&&r.slice(2).includes(e))return!0}return oe.isMatch(r,e,{...t,contains:!0})};oe.matchKeys=(r,e,t)=>{if(!Al.isObject(r))throw new TypeError("Expected the first argument to be an object");let i=oe(Object.keys(r),e,t),n={};for(let s of i)n[s]=r[s];return n};oe.some=(r,e,t)=>{let i=[].concat(r);for(let n of[].concat(e)){let s=ot(String(n),t);if(i.some(a=>s(a)))return!0}return!1};oe.every=(r,e,t)=>{let i=[].concat(r);for(let n of[].concat(e)){let s=ot(String(n),t);if(!i.every(a=>s(a)))return!1}return!0};oe.all=(r,e,t)=>{if(typeof r!="string")throw new TypeError(`Expected a string: "${lg.inspect(r)}"`);return[].concat(e).every(i=>ot(i,t)(r))};oe.capture=(r,e,t)=>{let i=Al.isWindows(t),s=ot.makeRe(String(r),{...t,capture:!0}).exec(i?Al.toPosixSlashes(e):e);if(s)return s.slice(1).map(a=>a===void 0?"":a)};oe.makeRe=(...r)=>ot.makeRe(...r);oe.scan=(...r)=>ot.scan(...r);oe.parse=(r,e)=>{let t=[];for(let i of[].concat(r||[]))for(let n of ug(String(i),e))t.push(ot.parse(n,e));return t};oe.braces=(r,e)=>{if(typeof r!="string")throw new TypeError("Expected a string");return e&&e.nobrace===!0||!cg(r)?[r]:ug(r,e)};oe.braceExpand=(r,e)=>{if(typeof r!="string")throw new TypeError("Expected a string");return oe.braces(r,{...e,expand:!0})};oe.hasBraces=cg;pg.exports=oe});function mg(r,e){let t=e.content.files;t=t.filter(o=>typeof o=="string"),t=t.map(ll);let i=ps.generateTasks(t),n=[],s=[];for(let o of i)n.push(...o.positive.map(l=>gg(l,!1))),s.push(...o.negative.map(l=>gg(l,!0)));let a=[...n,...s];return a=c2(r,a),a=a.flatMap(p2),a=a.map(f2),a}function gg(r,e){let t={original:r,base:r,ignore:e,pattern:r,glob:null};return Zh(r)&&Object.assign(t,nm(r)),t}function f2(r){let e=ll(r.base);return e=ps.escapePath(e),r.pattern=r.glob?`${e}/${r.glob}`:e,r.pattern=r.ignore?`!${r.pattern}`:r.pattern,r}function c2(r,e){let t=[];return r.userConfigPath&&r.tailwindConfig.content.relative&&(t=[me.dirname(r.userConfigPath)]),e.map(i=>(i.base=me.resolve(...t,i.base),i))}function p2(r){let e=[r];try{let t=be.realpathSync(r.base);t!==r.base&&e.push({...r,base:t})}catch{}return e}function yg(r,e,t){let i=r.tailwindConfig.content.files.filter(a=>typeof a.raw=="string").map(({raw:a,extension:o="html"})=>({content:a,extension:o})),[n,s]=h2(e,t);for(let a of n){let o=me.extname(a).slice(1);i.push({file:a,extension:o})}return[i,s]}function d2(r){if(!r.some(s=>s.includes("**")&&!wg.test(s)))return()=>{};let t=[],i=[];for(let s of r){let a=hg.default.matcher(s);wg.test(s)&&i.push(a),t.push(a)}let n=!1;return s=>{if(n||i.some(f=>f(s)))return;let a=t.findIndex(f=>f(s));if(a===-1)return;let o=r[a],l=me.relative(m.cwd(),o);l[0]!=="."&&(l=`./${l}`);let c=bg.find(f=>s.includes(f));c&&(n=!0,G.warn("broad-content-glob-pattern",[`Your \`content\` configuration includes a pattern which looks like it's accidentally matching all of \`${c}\` and can cause serious performance issues.`,`Pattern: \`${l}\``,"See our documentation for recommendations:","https://tailwindcss.com/docs/content-configuration#pattern-recommendations"]))}}function h2(r,e){let t=r.map(o=>o.pattern),i=new Map,n=d2(t),s=new Set;Ze.DEBUG&&console.time("Finding changed files");let a=ps.sync(t,{absolute:!0});for(let o of a){n(o);let l=e.get(o)||-1/0,c=be.statSync(o).mtimeMs;c>l&&(s.add(o),i.set(o,c))}return Ze.DEBUG&&console.timeEnd("Finding changed files"),[s,i]}var hg,bg,wg,vg=P(()=>{u();ft();et();Jh();em();tm();sm();It();Be();hg=pe(dg());bg=["node_modules"],wg=new RegExp(`(${bg.map(r=>String.raw`\b${r}\b`).join("|")})`)});function xg(){}var kg=P(()=>{u()});function b2(r,e){for(let t of e){let i=`${r}${t}`;if(be.existsSync(i)&&be.statSync(i).isFile())return i}for(let t of e){let i=`${r}/index${t}`;if(be.existsSync(i))return i}return null}function*Sg(r,e,t,i=me.extname(r)){let n=b2(me.resolve(e,r),m2.includes(i)?g2:y2);if(n===null||t.has(n))return;t.add(n),yield n,e=me.dirname(n),i=me.extname(n);let s=be.readFileSync(n,"utf-8");for(let a of[...s.matchAll(/import[\s\S]*?['"](.{3,}?)['"]/gi),...s.matchAll(/import[\s\S]*from[\s\S]*?['"](.{3,}?)['"]/gi),...s.matchAll(/require\(['"`](.+)['"`]\)/gi)])!a[1].startsWith(".")||(yield*Sg(a[1],e,t,i))}function Cl(r){return r===null?new Set:new Set(Sg(r,me.dirname(r),new Set))}var m2,g2,y2,Ag=P(()=>{u();ft();et();m2=[".js",".cjs",".mjs"],g2=["",".js",".cjs",".mjs",".ts",".cts",".mts",".jsx",".tsx"],y2=["",".ts",".cts",".mts",".tsx",".js",".cjs",".mjs",".jsx"]});function w2(r,e){if(_l.has(r))return _l.get(r);let t=mg(r,e);return _l.set(r,t).get(r)}function v2(r){let e=aa(r);if(e!==null){let[i,n,s,a]=_g.get(e)||[],o=Cl(e),l=!1,c=new Map;for(let p of o){let h=be.statSync(p).mtimeMs;c.set(p,h),(!a||!a.has(p)||h>a.get(p))&&(l=!0)}if(!l)return[i,e,n,s];for(let p of o)delete hf.cache[p];let f=ol(zr(xg(e))),d=Wi(f);return _g.set(e,[f,d,o,c]),[f,e,d,o]}let t=zr(r?.config??r??{});return t=ol(t),[t,null,Wi(t),[]]}function El(r){return({tailwindDirectives:e,registerDependency:t})=>(i,n)=>{let[s,a,o,l]=v2(r),c=new Set(l);if(e.size>0){c.add(n.opts.from);for(let b of n.messages)b.type==="dependency"&&c.add(b.file)}let[f,,d]=Vh(i,n,s,a,o,c),p=cs(f),h=w2(f,s);if(e.size>0){for(let y of h)for(let w of nl(y))t(w);let[b,v]=yg(f,h,p);for(let y of b)f.changedContent.push(y);for(let[y,w]of v.entries())d.set(y,w)}for(let b of l)t({type:"dependency",file:b});for(let[b,v]of d.entries())p.set(b,v);return f}}var Cg,_g,_l,Eg=P(()=>{u();ft();Cg=pe(Fs());wf();sa();oc();Oi();Hh();Xh();vg();kg();Ag();_g=new Cg.default({maxSize:100}),_l=new WeakMap});function Ol(r){let e=new Set,t=new Set,i=new Set;if(r.walkAtRules(n=>{n.name==="apply"&&i.add(n),n.name==="import"&&(n.params==='"tailwindcss/base"'||n.params==="'tailwindcss/base'"?(n.name="tailwind",n.params="base"):n.params==='"tailwindcss/components"'||n.params==="'tailwindcss/components'"?(n.name="tailwind",n.params="components"):n.params==='"tailwindcss/utilities"'||n.params==="'tailwindcss/utilities'"?(n.name="tailwind",n.params="utilities"):(n.params==='"tailwindcss/screens"'||n.params==="'tailwindcss/screens'"||n.params==='"tailwindcss/variants"'||n.params==="'tailwindcss/variants'")&&(n.name="tailwind",n.params="variants")),n.name==="tailwind"&&(n.params==="screens"&&(n.params="variants"),e.add(n.params)),["layer","responsive","variants"].includes(n.name)&&(["responsive","variants"].includes(n.name)&&G.warn(`${n.name}-at-rule-deprecated`,[`The \`@${n.name}\` directive has been deprecated in Tailwind CSS v3.0.`,"Use `@layer utilities` or `@layer components` instead.","https://tailwindcss.com/docs/upgrade-guide#replace-variants-with-layer"]),t.add(n))}),!e.has("base")||!e.has("components")||!e.has("utilities")){for(let n of t)if(n.name==="layer"&&["base","components","utilities"].includes(n.params)){if(!e.has(n.params))throw n.error(`\`@layer ${n.params}\` is used but no matching \`@tailwind ${n.params}\` directive is present.`)}else if(n.name==="responsive"){if(!e.has("utilities"))throw n.error("`@responsive` is used but `@tailwind utilities` is missing.")}else if(n.name==="variants"&&!e.has("utilities"))throw n.error("`@variants` is used but `@tailwind utilities` is missing.")}return{tailwindDirectives:e,applyDirectives:i}}var Og=P(()=>{u();Be()});function Qt(r,e=void 0,t=void 0){return r.map(i=>{let n=i.clone();return t!==void 0&&(n.raws.tailwind={...n.raws.tailwind,...t}),e!==void 0&&Tg(n,s=>{if(s.raws.tailwind?.preserveSource===!0&&s.source)return!1;s.source=e}),n})}function Tg(r,e){e(r)!==!1&&r.each?.(t=>Tg(t,e))}var Rg=P(()=>{u()});function Tl(r){return r=Array.isArray(r)?r:[r],r=r.map(e=>e instanceof RegExp?e.source:e),r.join("")}function Ne(r){return new RegExp(Tl(r),"g")}function qt(r){return`(?:${r.map(Tl).join("|")})`}function Rl(r){return`(?:${Tl(r)})?`}function Ig(r){return r&&x2.test(r)?r.replace(Pg,"\\$&"):r||""}var Pg,x2,Dg=P(()=>{u();Pg=/[\\^$.*+?()[\]{}|]/g,x2=RegExp(Pg.source)});function qg(r){let e=Array.from(k2(r));return t=>{let i=[];for(let n of e)for(let s of t.match(n)??[])i.push(C2(s));for(let n of i.slice()){let s=ve(n,".");for(let a=0;a<s.length;a++){let o=s[a];if(a>=s.length-1){i.push(o);continue}let l=Number(s[a+1]);isNaN(l)?i.push(o):a++}}return i}}function*k2(r){let e=r.tailwindConfig.separator,t=r.tailwindConfig.prefix!==""?Rl(Ne([/-?/,Ig(r.tailwindConfig.prefix)])):"",i=qt([/\[[^\s:'"`]+:[^\s\[\]]+\]/,/\[[^\s:'"`\]]+:[^\s]+?\[[^\s]+\][^\s]+?\]/,Ne([qt([/-?(?:\w+)/,/@(?:\w+)/]),Rl(qt([Ne([qt([/-(?:\w+-)*\['[^\s]+'\]/,/-(?:\w+-)*\["[^\s]+"\]/,/-(?:\w+-)*\[`[^\s]+`\]/,/-(?:\w+-)*\[(?:[^\s\[\]]+\[[^\s\[\]]+\])*[^\s:\[\]]+\]/]),/(?![{([]])/,/(?:\/[^\s'"`\\><$]*)?/]),Ne([qt([/-(?:\w+-)*\['[^\s]+'\]/,/-(?:\w+-)*\["[^\s]+"\]/,/-(?:\w+-)*\[`[^\s]+`\]/,/-(?:\w+-)*\[(?:[^\s\[\]]+\[[^\s\[\]]+\])*[^\s\[\]]+\]/]),/(?![{([]])/,/(?:\/[^\s'"`\\$]*)?/]),/[-\/][^\s'"`\\$={><]*/]))])]),n=[qt([Ne([/@\[[^\s"'`]+\](\/[^\s"'`]+)?/,e]),Ne([/([^\s"'`\[\\]+-)?\[[^\s"'`]+\]\/[\w_-]+/,e]),Ne([/([^\s"'`\[\\]+-)?\[[^\s"'`]+\]/,e]),Ne([/[^\s"'`\[\\]+/,e])]),qt([Ne([/([^\s"'`\[\\]+-)?\[[^\s`]+\]\/[\w_-]+/,e]),Ne([/([^\s"'`\[\\]+-)?\[[^\s`]+\]/,e]),Ne([/[^\s`\[\\]+/,e])])];for(let s of n)yield Ne(["((?=((",s,")+))\\2)?",/!?/,t,i]);yield/[^<>"'`\s.(){}[\]#=%$][^<>"'`\s(){}[\]#=%$]*[^<>"'`\s.(){}[\]#=%:$]/g}function C2(r){if(!r.includes("-["))return r;let e=0,t=[],i=r.matchAll(S2);i=Array.from(i).flatMap(n=>{let[,...s]=n;return s.map((a,o)=>Object.assign([],n,{index:n.index+o,0:a}))});for(let n of i){let s=n[0],a=t[t.length-1];if(s===a?t.pop():(s==="'"||s==='"'||s==="`")&&t.push(s),!a){if(s==="["){e++;continue}else if(s==="]"){e--;continue}if(e<0)return r.substring(0,n.index-1);if(e===0&&!A2.test(s))return r.substring(0,n.index)}}return r}var S2,A2,$g=P(()=>{u();Dg();zt();S2=/([\[\]'"`])([^\[\]'"`])?/g,A2=/[^"'`\s<>\]]+/});function _2(r,e){let t=r.tailwindConfig.content.extract;return t[e]||t.DEFAULT||Mg[e]||Mg.DEFAULT(r)}function E2(r,e){let t=r.content.transform;return t[e]||t.DEFAULT||Ng[e]||Ng.DEFAULT}function O2(r,e,t,i){Li.has(e)||Li.set(e,new Lg.default({maxSize:25e3}));for(let n of r.split(`
`))if(n=n.trim(),!i.has(n))if(i.add(n),Li.get(e).has(n))for(let s of Li.get(e).get(n))t.add(s);else{let s=e(n).filter(o=>o!=="!*"),a=new Set(s);for(let o of a)t.add(o);Li.get(e).set(n,a)}}function T2(r,e){let t=e.offsets.sort(r),i={base:new Set,defaults:new Set,components:new Set,utilities:new Set,variants:new Set};for(let[n,s]of t)i[n.layer].add(s);return i}function Pl(r){return async e=>{let t={base:null,components:null,utilities:null,variants:null};if(e.walkAtRules(y=>{y.name==="tailwind"&&Object.keys(t).includes(y.params)&&(t[y.params]=y)}),Object.values(t).every(y=>y===null))return e;let i=new Set([...r.candidates??[],gt]),n=new Set;bt.DEBUG&&console.time("Reading changed files");let s=[];for(let y of r.changedContent){let w=E2(r.tailwindConfig,y.extension),k=_2(r,y.extension);s.push([y,{transformer:w,extractor:k}])}let a=500;for(let y=0;y<s.length;y+=a){let w=s.slice(y,y+a);await Promise.all(w.map(async([{file:k,content:S},{transformer:E,extractor:T}])=>{S=k?await be.promises.readFile(k,"utf8"):S,O2(E(S),T,i,n)}))}bt.DEBUG&&console.timeEnd("Reading changed files");let o=r.classCache.size;bt.DEBUG&&console.time("Generate rules"),bt.DEBUG&&console.time("Sorting candidates");let l=new Set([...i].sort((y,w)=>y===w?0:y<w?-1:1));bt.DEBUG&&console.timeEnd("Sorting candidates"),as(l,r),bt.DEBUG&&console.timeEnd("Generate rules"),bt.DEBUG&&console.time("Build stylesheet"),(r.stylesheetCache===null||r.classCache.size!==o)&&(r.stylesheetCache=T2([...r.ruleCache],r)),bt.DEBUG&&console.timeEnd("Build stylesheet");let{defaults:c,base:f,components:d,utilities:p,variants:h}=r.stylesheetCache;t.base&&(t.base.before(Qt([...c,...f],t.base.source,{layer:"base"})),t.base.remove()),t.components&&(t.components.before(Qt([...d],t.components.source,{layer:"components"})),t.components.remove()),t.utilities&&(t.utilities.before(Qt([...p],t.utilities.source,{layer:"utilities"})),t.utilities.remove());let b=Array.from(h).filter(y=>{let w=y.raws.tailwind?.parentLayer;return w==="components"?t.components!==null:w==="utilities"?t.utilities!==null:!0});t.variants?(t.variants.before(Qt(b,t.variants.source,{layer:"variants"})),t.variants.remove()):b.length>0&&e.append(Qt(b,e.source,{layer:"variants"})),e.source.end=e.source.end??e.source.start;let v=b.some(y=>y.raws.tailwind?.parentLayer==="utilities");t.utilities&&p.size===0&&!v&&G.warn("content-problems",["No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration.","https://tailwindcss.com/docs/content-configuration"]),bt.DEBUG&&(console.log("Potential classes: ",i.size),console.log("Active contexts: ",es.size)),r.changedContent=[],e.walkAtRules("layer",y=>{Object.keys(t).includes(y.params)&&y.remove()})}}var Lg,bt,Mg,Ng,Li,Bg=P(()=>{u();ft();Lg=pe(Fs());It();os();Be();Rg();$g();bt=Ze,Mg={DEFAULT:qg},Ng={DEFAULT:r=>r,svelte:r=>r.replace(/(?:^|\s)class:/g," ")};Li=new WeakMap});function xs(r){let e=new Map;ee.root({nodes:[r.clone()]}).walkRules(s=>{(0,vs.default)(a=>{a.walkClasses(o=>{let l=o.parent.toString(),c=e.get(l);c||e.set(l,c=new Set),c.add(o.value)})}).processSync(s.selector)});let i=Array.from(e.values(),s=>Array.from(s)),n=i.flat();return Object.assign(n,{groups:i})}function Il(r){return R2.astSync(r)}function Fg(r,e){let t=new Set;for(let i of r)t.add(i.split(e).pop());return Array.from(t)}function jg(r,e){let t=r.tailwindConfig.prefix;return typeof t=="function"?t(e):t+e}function*zg(r){for(yield r;r.parent;)yield r.parent,r=r.parent}function P2(r,e={}){let t=r.nodes;r.nodes=[];let i=r.clone(e);return r.nodes=t,i}function I2(r){for(let e of zg(r))if(r!==e){if(e.type==="root")break;r=P2(e,{nodes:[r]})}return r}function D2(r,e){let t=new Map;return r.walkRules(i=>{for(let a of zg(i))if(a.raws.tailwind?.layer!==void 0)return;let n=I2(i),s=e.offsets.create("user");for(let a of xs(i)){let o=t.get(a)||[];t.set(a,o),o.push([{layer:"user",sort:s,important:!1},n])}}),t}function q2(r,e){for(let t of r){if(e.notClassCache.has(t)||e.applyClassCache.has(t))continue;if(e.classCache.has(t)){e.applyClassCache.set(t,e.classCache.get(t).map(([n,s])=>[n,s.clone()]));continue}let i=Array.from(Yo(t,e));if(i.length===0){e.notClassCache.add(t);continue}e.applyClassCache.set(t,i)}return e.applyClassCache}function $2(r){let e=null;return{get:t=>(e=e||r(),e.get(t)),has:t=>(e=e||r(),e.has(t))}}function L2(r){return{get:e=>r.flatMap(t=>t.get(e)||[]),has:e=>r.some(t=>t.has(e))}}function Ug(r){let e=r.split(/[\s\t\n]+/g);return e[e.length-1]==="!important"?[e.slice(0,-1),!0]:[e,!1]}function Vg(r,e,t){let i=new Set,n=[];if(r.walkAtRules("apply",l=>{let[c]=Ug(l.params);for(let f of c)i.add(f);n.push(l)}),n.length===0)return;let s=L2([t,q2(i,e)]);function a(l,c,f){let d=Il(l),p=Il(c),b=Il(`.${Te(f)}`).nodes[0].nodes[0];return d.each(v=>{let y=new Set;p.each(w=>{let k=!1;w=w.clone(),w.walkClasses(S=>{S.value===b.value&&(k||(S.replaceWith(...v.nodes.map(E=>E.clone())),y.add(w),k=!0))})});for(let w of y){let k=[[]];for(let S of w.nodes)S.type==="combinator"?(k.push(S),k.push([])):k[k.length-1].push(S);w.nodes=[];for(let S of k)Array.isArray(S)&&S.sort((E,T)=>E.type==="tag"&&T.type==="class"?-1:E.type==="class"&&T.type==="tag"?1:E.type==="class"&&T.type==="pseudo"&&T.value.startsWith("::")?-1:E.type==="pseudo"&&E.value.startsWith("::")&&T.type==="class"?1:0),w.nodes=w.nodes.concat(S)}v.replaceWith(...y)}),d.toString()}let o=new Map;for(let l of n){let[c]=o.get(l.parent)||[[],l.source];o.set(l.parent,[c,l.source]);let[f,d]=Ug(l.params);if(l.parent.type==="atrule"){if(l.parent.name==="screen"){let p=l.parent.params;throw l.error(`@apply is not supported within nested at-rules like @screen. We suggest you write this as @apply ${f.map(h=>`${p}:${h}`).join(" ")} instead.`)}throw l.error(`@apply is not supported within nested at-rules like @${l.parent.name}. You can fix this by un-nesting @${l.parent.name}.`)}for(let p of f){if([jg(e,"group"),jg(e,"peer")].includes(p))throw l.error(`@apply should not be used with the '${p}' utility`);if(!s.has(p))throw l.error(`The \`${p}\` class does not exist. If \`${p}\` is a custom class, make sure it is defined within a \`@layer\` directive.`);let h=s.get(p);for(let[,b]of h)b.type!=="atrule"&&b.walkRules(()=>{throw l.error([`The \`${p}\` class cannot be used with \`@apply\` because \`@apply\` does not currently support nested CSS.`,"Rewrite the selector without nesting or configure the `tailwindcss/nesting` plugin:","https://tailwindcss.com/docs/using-with-preprocessors#nesting"].join(`
`))});c.push([p,d,h])}}for(let[l,[c,f]]of o){let d=[];for(let[h,b,v]of c){let y=[h,...Fg([h],e.tailwindConfig.separator)];for(let[w,k]of v){let S=xs(l),E=xs(k);if(E=E.groups.filter(R=>R.some(F=>y.includes(F))).flat(),E=E.concat(Fg(E,e.tailwindConfig.separator)),S.some(R=>E.includes(R)))throw k.error(`You cannot \`@apply\` the \`${h}\` utility here because it creates a circular dependency.`);let B=ee.root({nodes:[k.clone()]});B.walk(R=>{R.source=f}),(k.type!=="atrule"||k.type==="atrule"&&k.name!=="keyframes")&&B.walkRules(R=>{if(!xs(R).some(U=>U===h)){R.remove();return}let F=typeof e.tailwindConfig.important=="string"?e.tailwindConfig.important:null,_=l.raws.tailwind!==void 0&&F&&l.selector.indexOf(F)===0?l.selector.slice(F.length):l.selector;_===""&&(_=l.selector),R.selector=a(_,R.selector,h),F&&_!==l.selector&&(R.selector=is(R.selector,F)),R.walkDecls(U=>{U.important=w.important||b});let Q=(0,vs.default)().astSync(R.selector);Q.each(U=>pr(U)),R.selector=Q.toString()}),!!B.nodes[0]&&d.push([w.sort,B.nodes[0]])}}let p=e.offsets.sort(d).map(h=>h[1]);l.after(p)}for(let l of n)l.parent.nodes.length>1?l.remove():l.parent.remove();Vg(r,e,t)}function Dl(r){return e=>{let t=$2(()=>D2(e,r));Vg(e,r,t)}}var vs,R2,Hg=P(()=>{u();Ot();vs=pe(it());os();fr();Wo();ts();R2=(0,vs.default)()});var Wg=x((nq,ks)=>{u();(function(){"use strict";function r(i,n,s){if(!i)return null;r.caseSensitive||(i=i.toLowerCase());var a=r.threshold===null?null:r.threshold*i.length,o=r.thresholdAbsolute,l;a!==null&&o!==null?l=Math.min(a,o):a!==null?l=a:o!==null?l=o:l=null;var c,f,d,p,h,b=n.length;for(h=0;h<b;h++)if(f=n[h],s&&(f=f[s]),!!f&&(r.caseSensitive?d=f:d=f.toLowerCase(),p=t(i,d,l),(l===null||p<l)&&(l=p,s&&r.returnWinningObject?c=n[h]:c=f,r.returnFirstMatch)))return c;return c||r.nullResultValue}r.threshold=.4,r.thresholdAbsolute=20,r.caseSensitive=!1,r.nullResultValue=null,r.returnWinningObject=null,r.returnFirstMatch=!1,typeof ks!="undefined"&&ks.exports?ks.exports=r:window.didYouMean=r;var e=Math.pow(2,32)-1;function t(i,n,s){s=s||s===0?s:e;var a=i.length,o=n.length;if(a===0)return Math.min(s+1,o);if(o===0)return Math.min(s+1,a);if(Math.abs(a-o)>s)return s+1;var l=[],c,f,d,p,h;for(c=0;c<=o;c++)l[c]=[c];for(f=0;f<=a;f++)l[0][f]=f;for(c=1;c<=o;c++){for(d=e,p=1,c>s&&(p=c-s),h=o+1,h>s+c&&(h=s+c),f=1;f<=a;f++)f<p||f>h?l[c][f]=s+1:n.charAt(c-1)===i.charAt(f-1)?l[c][f]=l[c-1][f-1]:l[c][f]=Math.min(l[c-1][f-1]+1,Math.min(l[c][f-1]+1,l[c-1][f]+1)),l[c][f]<d&&(d=l[c][f]);if(d>s)return s+1}return l[o][a]}})()});var Qg=x((sq,Gg)=>{u();var ql="(".charCodeAt(0),$l=")".charCodeAt(0),Ss="'".charCodeAt(0),Ll='"'.charCodeAt(0),Ml="\\".charCodeAt(0),yr="/".charCodeAt(0),Nl=",".charCodeAt(0),Bl=":".charCodeAt(0),As="*".charCodeAt(0),M2="u".charCodeAt(0),N2="U".charCodeAt(0),B2="+".charCodeAt(0),F2=/^[a-f0-9?-]+$/i;Gg.exports=function(r){for(var e=[],t=r,i,n,s,a,o,l,c,f,d=0,p=t.charCodeAt(d),h=t.length,b=[{nodes:e}],v=0,y,w="",k="",S="";d<h;)if(p<=32){i=d;do i+=1,p=t.charCodeAt(i);while(p<=32);a=t.slice(d,i),s=e[e.length-1],p===$l&&v?S=a:s&&s.type==="div"?(s.after=a,s.sourceEndIndex+=a.length):p===Nl||p===Bl||p===yr&&t.charCodeAt(i+1)!==As&&(!y||y&&y.type==="function"&&!1)?k=a:e.push({type:"space",sourceIndex:d,sourceEndIndex:i,value:a}),d=i}else if(p===Ss||p===Ll){i=d,n=p===Ss?"'":'"',a={type:"string",sourceIndex:d,quote:n};do if(o=!1,i=t.indexOf(n,i+1),~i)for(l=i;t.charCodeAt(l-1)===Ml;)l-=1,o=!o;else t+=n,i=t.length-1,a.unclosed=!0;while(o);a.value=t.slice(d+1,i),a.sourceEndIndex=a.unclosed?i:i+1,e.push(a),d=i+1,p=t.charCodeAt(d)}else if(p===yr&&t.charCodeAt(d+1)===As)i=t.indexOf("*/",d),a={type:"comment",sourceIndex:d,sourceEndIndex:i+2},i===-1&&(a.unclosed=!0,i=t.length,a.sourceEndIndex=i),a.value=t.slice(d+2,i),e.push(a),d=i+2,p=t.charCodeAt(d);else if((p===yr||p===As)&&y&&y.type==="function")a=t[d],e.push({type:"word",sourceIndex:d-k.length,sourceEndIndex:d+a.length,value:a}),d+=1,p=t.charCodeAt(d);else if(p===yr||p===Nl||p===Bl)a=t[d],e.push({type:"div",sourceIndex:d-k.length,sourceEndIndex:d+a.length,value:a,before:k,after:""}),k="",d+=1,p=t.charCodeAt(d);else if(ql===p){i=d;do i+=1,p=t.charCodeAt(i);while(p<=32);if(f=d,a={type:"function",sourceIndex:d-w.length,value:w,before:t.slice(f+1,i)},d=i,w==="url"&&p!==Ss&&p!==Ll){i-=1;do if(o=!1,i=t.indexOf(")",i+1),~i)for(l=i;t.charCodeAt(l-1)===Ml;)l-=1,o=!o;else t+=")",i=t.length-1,a.unclosed=!0;while(o);c=i;do c-=1,p=t.charCodeAt(c);while(p<=32);f<c?(d!==c+1?a.nodes=[{type:"word",sourceIndex:d,sourceEndIndex:c+1,value:t.slice(d,c+1)}]:a.nodes=[],a.unclosed&&c+1!==i?(a.after="",a.nodes.push({type:"space",sourceIndex:c+1,sourceEndIndex:i,value:t.slice(c+1,i)})):(a.after=t.slice(c+1,i),a.sourceEndIndex=i)):(a.after="",a.nodes=[]),d=i+1,a.sourceEndIndex=a.unclosed?i:d,p=t.charCodeAt(d),e.push(a)}else v+=1,a.after="",a.sourceEndIndex=d+1,e.push(a),b.push(a),e=a.nodes=[],y=a;w=""}else if($l===p&&v)d+=1,p=t.charCodeAt(d),y.after=S,y.sourceEndIndex+=S.length,S="",v-=1,b[b.length-1].sourceEndIndex=d,b.pop(),y=b[v],e=y.nodes;else{i=d;do p===Ml&&(i+=1),i+=1,p=t.charCodeAt(i);while(i<h&&!(p<=32||p===Ss||p===Ll||p===Nl||p===Bl||p===yr||p===ql||p===As&&y&&y.type==="function"&&!0||p===yr&&y.type==="function"&&!0||p===$l&&v));a=t.slice(d,i),ql===p?w=a:(M2===a.charCodeAt(0)||N2===a.charCodeAt(0))&&B2===a.charCodeAt(1)&&F2.test(a.slice(2))?e.push({type:"unicode-range",sourceIndex:d,sourceEndIndex:i,value:a}):e.push({type:"word",sourceIndex:d,sourceEndIndex:i,value:a}),d=i}for(d=b.length-1;d;d-=1)b[d].unclosed=!0,b[d].sourceEndIndex=t.length;return b[0].nodes}});var Kg=x((aq,Yg)=>{u();Yg.exports=function r(e,t,i){var n,s,a,o;for(n=0,s=e.length;n<s;n+=1)a=e[n],i||(o=t(a,n,e)),o!==!1&&a.type==="function"&&Array.isArray(a.nodes)&&r(a.nodes,t,i),i&&t(a,n,e)}});var ey=x((oq,Jg)=>{u();function Xg(r,e){var t=r.type,i=r.value,n,s;return e&&(s=e(r))!==void 0?s:t==="word"||t==="space"?i:t==="string"?(n=r.quote||"",n+i+(r.unclosed?"":n)):t==="comment"?"/*"+i+(r.unclosed?"":"*/"):t==="div"?(r.before||"")+i+(r.after||""):Array.isArray(r.nodes)?(n=Zg(r.nodes,e),t!=="function"?n:i+"("+(r.before||"")+n+(r.after||"")+(r.unclosed?"":")")):i}function Zg(r,e){var t,i;if(Array.isArray(r)){for(t="",i=r.length-1;~i;i-=1)t=Xg(r[i],e)+t;return t}return Xg(r,e)}Jg.exports=Zg});var ry=x((lq,ty)=>{u();var Cs="-".charCodeAt(0),_s="+".charCodeAt(0),Fl=".".charCodeAt(0),j2="e".charCodeAt(0),z2="E".charCodeAt(0);function U2(r){var e=r.charCodeAt(0),t;if(e===_s||e===Cs){if(t=r.charCodeAt(1),t>=48&&t<=57)return!0;var i=r.charCodeAt(2);return t===Fl&&i>=48&&i<=57}return e===Fl?(t=r.charCodeAt(1),t>=48&&t<=57):e>=48&&e<=57}ty.exports=function(r){var e=0,t=r.length,i,n,s;if(t===0||!U2(r))return!1;for(i=r.charCodeAt(e),(i===_s||i===Cs)&&e++;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;if(i=r.charCodeAt(e),n=r.charCodeAt(e+1),i===Fl&&n>=48&&n<=57)for(e+=2;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;if(i=r.charCodeAt(e),n=r.charCodeAt(e+1),s=r.charCodeAt(e+2),(i===j2||i===z2)&&(n>=48&&n<=57||(n===_s||n===Cs)&&s>=48&&s<=57))for(e+=n===_s||n===Cs?3:2;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;return{number:r.slice(0,e),unit:r.slice(e)}}});var ay=x((uq,sy)=>{u();var V2=Qg(),iy=Kg(),ny=ey();function $t(r){return this instanceof $t?(this.nodes=V2(r),this):new $t(r)}$t.prototype.toString=function(){return Array.isArray(this.nodes)?ny(this.nodes):""};$t.prototype.walk=function(r,e){return iy(this.nodes,r,e),this};$t.unit=ry();$t.walk=iy;$t.stringify=ny;sy.exports=$t});function zl(r){return typeof r=="object"&&r!==null}function H2(r,e){let t=kt(e);do if(t.pop(),(0,Mi.default)(r,t)!==void 0)break;while(t.length);return t.length?t:void 0}function br(r){return typeof r=="string"?r:r.reduce((e,t,i)=>t.includes(".")?`${e}[${t}]`:i===0?t:`${e}.${t}`,"")}function ly(r){return r.map(e=>`'${e}'`).join(", ")}function uy(r){return ly(Object.keys(r))}function Ul(r,e,t,i={}){let n=Array.isArray(e)?br(e):e.replace(/^['"]+|['"]+$/g,""),s=Array.isArray(e)?e:kt(n),a=(0,Mi.default)(r.theme,s,t);if(a===void 0){let l=`'${n}' does not exist in your theme config.`,c=s.slice(0,-1),f=(0,Mi.default)(r.theme,c);if(zl(f)){let d=Object.keys(f).filter(h=>Ul(r,[...c,h]).isValid),p=(0,oy.default)(s[s.length-1],d);p?l+=` Did you mean '${br([...c,p])}'?`:d.length>0&&(l+=` '${br(c)}' has the following valid keys: ${ly(d)}`)}else{let d=H2(r.theme,n);if(d){let p=(0,Mi.default)(r.theme,d);zl(p)?l+=` '${br(d)}' has the following keys: ${uy(p)}`:l+=` '${br(d)}' is not an object.`}else l+=` Your theme has the following top-level keys: ${uy(r.theme)}`}return{isValid:!1,error:l}}if(!(typeof a=="string"||typeof a=="number"||typeof a=="function"||a instanceof String||a instanceof Number||Array.isArray(a))){let l=`'${n}' was found but does not resolve to a string.`;if(zl(a)){let c=Object.keys(a).filter(f=>Ul(r,[...s,f]).isValid);c.length&&(l+=` Did you mean something like '${br([...s,c[0]])}'?`)}return{isValid:!1,error:l}}let[o]=s;return{isValid:!0,value:mt(o)(a,i)}}function W2(r,e,t){e=e.map(n=>fy(r,n,t));let i=[""];for(let n of e)n.type==="div"&&n.value===","?i.push(""):i[i.length-1]+=jl.default.stringify(n);return i}function fy(r,e,t){if(e.type==="function"&&t[e.value]!==void 0){let i=W2(r,e.nodes,t);e.type="word",e.value=t[e.value](r,...i)}return e}function G2(r,e,t){return Object.keys(t).some(n=>e.includes(`${n}(`))?(0,jl.default)(e).walk(n=>{fy(r,n,t)}).toString():e}function*Y2(r){r=r.replace(/^['"]+|['"]+$/g,"");let e=r.match(/^([^\s]+)(?![^\[]*\])(?:\s*\/\s*([^\/\s]+))$/),t;yield[r,void 0],e&&(r=e[1],t=e[2],yield[r,t])}function K2(r,e,t){let i=Array.from(Y2(e)).map(([n,s])=>Object.assign(Ul(r,n,t,{opacityValue:s}),{resolvedPath:n,alpha:s}));return i.find(n=>n.isValid)??i[0]}function cy(r){let e=r.tailwindConfig,t={theme:(i,n,...s)=>{let{isValid:a,value:o,error:l,alpha:c}=K2(e,n,s.length?s:void 0);if(!a){let p=i.parent,h=p?.raws.tailwind?.candidate;if(p&&h!==void 0){r.markInvalidUtilityNode(p),p.remove(),G.warn("invalid-theme-key-in-class",[`The utility \`${h}\` contains an invalid theme value and was not generated.`]);return}throw i.error(l)}let f=Xt(o),d=f!==void 0&&typeof f=="function";return(c!==void 0||d)&&(c===void 0&&(c=1),o=Je(f,c,f)),o},screen:(i,n)=>{n=n.replace(/^['"]+/g,"").replace(/['"]+$/g,"");let a=Rt(e.theme.screens).find(({name:o})=>o===n);if(!a)throw i.error(`The '${n}' screen does not exist in your theme.`);return Tt(a)}};return i=>{i.walk(n=>{let s=Q2[n.type];s!==void 0&&(n[s]=G2(n,n[s],t))})}}var Mi,oy,jl,Q2,py=P(()=>{u();Mi=pe(Ra()),oy=pe(Wg());Ci();jl=pe(ay());Zn();Yn();Yi();Lr();Fr();Be();Q2={atrule:"params",decl:"value"}});function dy({tailwindConfig:{theme:r}}){return function(e){e.walkAtRules("screen",t=>{let i=t.params,s=Rt(r.screens).find(({name:a})=>a===i);if(!s)throw t.error(`No \`${i}\` screen found.`);t.name="media",t.params=Tt(s)})}}var hy=P(()=>{u();Zn();Yn()});function X2(r){let e=r.filter(o=>o.type!=="pseudo"||o.nodes.length>0?!0:o.value.startsWith("::")||[":before",":after",":first-line",":first-letter"].includes(o.value)).reverse(),t=new Set(["tag","class","id","attribute"]),i=e.findIndex(o=>t.has(o.type));if(i===-1)return e.reverse().join("").trim();let n=e[i],s=my[n.type]?my[n.type](n):n;e=e.slice(0,i);let a=e.findIndex(o=>o.type==="combinator"&&o.value===">");return a!==-1&&(e.splice(0,a),e.unshift(Es.default.universal())),[s,...e.reverse()].join("").trim()}function J2(r){return Vl.has(r)||Vl.set(r,Z2.transformSync(r)),Vl.get(r)}function Hl({tailwindConfig:r}){return e=>{let t=new Map,i=new Set;if(e.walkAtRules("defaults",n=>{if(n.nodes&&n.nodes.length>0){i.add(n);return}let s=n.params;t.has(s)||t.set(s,new Set),t.get(s).add(n.parent),n.remove()}),we(r,"optimizeUniversalDefaults"))for(let n of i){let s=new Map,a=t.get(n.params)??[];for(let o of a)for(let l of J2(o.selector)){let c=l.includes(":-")||l.includes("::-")||l.includes(":has")?l:"__DEFAULT__",f=s.get(c)??new Set;s.set(c,f),f.add(l)}if(s.size===0){n.remove();continue}for(let[,o]of s){let l=ee.rule({source:n.source});l.selectors=[...o],l.append(n.nodes.map(c=>c.clone())),n.before(l)}n.remove()}else if(i.size){let n=ee.rule({selectors:["*","::before","::after"]});for(let a of i)n.append(a.nodes),n.parent||a.before(n),n.source||(n.source=a.source),a.remove();let s=n.clone({selectors:["::backdrop"]});n.after(s)}}}var Es,my,Z2,Vl,gy=P(()=>{u();Ot();Es=pe(it());ct();my={id(r){return Es.default.attribute({attribute:"id",operator:"=",value:r.value,quoteMark:'"'})}};Z2=(0,Es.default)(r=>r.map(e=>{let t=e.split(i=>i.type==="combinator"&&i.value===" ").pop();return X2(t)})),Vl=new Map});function Wl(){function r(e){let t=null;e.each(i=>{if(!eO.has(i.type)){t=null;return}if(t===null){t=i;return}let n=yy[i.type];i.type==="atrule"&&i.name==="font-face"?t=i:n.every(s=>(i[s]??"").replace(/\s+/g," ")===(t[s]??"").replace(/\s+/g," "))?(i.nodes&&t.append(i.nodes),i.remove()):t=i}),e.each(i=>{i.type==="atrule"&&r(i)})}return e=>{r(e)}}var yy,eO,by=P(()=>{u();yy={atrule:["name","params"],rule:["selector"]},eO=new Set(Object.keys(yy))});function Gl(){return r=>{r.walkRules(e=>{let t=new Map,i=new Set([]),n=new Map;e.walkDecls(s=>{if(s.parent===e){if(t.has(s.prop)){if(t.get(s.prop).value===s.value){i.add(t.get(s.prop)),t.set(s.prop,s);return}n.has(s.prop)||n.set(s.prop,new Set),n.get(s.prop).add(t.get(s.prop)),n.get(s.prop).add(s)}t.set(s.prop,s)}});for(let s of i)s.remove();for(let s of n.values()){let a=new Map;for(let o of s){let l=rO(o.value);l!==null&&(a.has(l)||a.set(l,new Set),a.get(l).add(o))}for(let o of a.values()){let l=Array.from(o).slice(0,-1);for(let c of l)c.remove()}}})}}function rO(r){let e=/^-?\d*.?\d+([\w%]+)?$/g.exec(r);return e?e[1]??tO:null}var tO,wy=P(()=>{u();tO=Symbol("unitless-number")});function iO(r){if(!r.walkAtRules)return;let e=new Set;if(r.walkAtRules("apply",t=>{e.add(t.parent)}),e.size!==0)for(let t of e){let i=[],n=[];for(let s of t.nodes)s.type==="atrule"&&s.name==="apply"?(n.length>0&&(i.push(n),n=[]),i.push([s])):n.push(s);if(n.length>0&&i.push(n),i.length!==1){for(let s of[...i].reverse()){let a=t.clone({nodes:[]});a.append(s),t.after(a)}t.remove()}}}function Os(){return r=>{iO(r)}}var vy=P(()=>{u()});function Ts(r){return async function(e,t){let{tailwindDirectives:i,applyDirectives:n}=Ol(e);Os()(e,t);let s=r({tailwindDirectives:i,applyDirectives:n,registerDependency(a){t.messages.push({plugin:"tailwindcss",parent:t.opts.from,...a})},createContext(a,o){return il(a,o,e)}})(e,t);if(s.tailwindConfig.separator==="-")throw new Error("The '-' character cannot be used as a custom separator in JIT mode due to parsing ambiguity. Please use another character like '_' instead.");Rf(s.tailwindConfig),await Pl(s)(e,t),Os()(e,t),Dl(s)(e,t),cy(s)(e,t),dy(s)(e,t),Hl(s)(e,t),Wl(s)(e,t),Gl(s)(e,t)}}var xy=P(()=>{u();Og();Bg();Hg();py();hy();gy();by();wy();vy();Oi();ct()});function ky(r,e){let t=null,i=null;return r.walkAtRules("config",n=>{if(i=n.source?.input.file??e.opts.from??null,i===null)throw n.error("The `@config` directive cannot be used without setting `from` in your PostCSS config.");if(t)throw n.error("Only one `@config` directive is allowed per file.");let s=n.params.match(/(['"])(.*?)\1/);if(!s)throw n.error("A path is required when using the `@config` directive.");let a=s[2];if(me.isAbsolute(a))throw n.error("The `@config` directive cannot be used with an absolute path.");if(t=me.resolve(me.dirname(i),a),!be.existsSync(t))throw n.error(`The config file at "${a}" does not exist. Make sure the path is correct and the file exists.`);n.remove()}),t||null}var Sy=P(()=>{u();ft();et()});var Ay=x((Wq,Ql)=>{u();Eg();xy();It();Sy();Ql.exports=function(e){return{postcssPlugin:"tailwindcss",plugins:[Ze.DEBUG&&function(t){return console.log(`
`),console.time("JIT TOTAL"),t},async function(t,i){e=ky(t,i)??e;let n=El(e);if(t.type==="document"){let s=t.nodes.filter(a=>a.type==="root");for(let a of s)a.type==="root"&&await Ts(n)(a,i);return}await Ts(n)(t,i)},Ze.DEBUG&&function(t){return console.timeEnd("JIT TOTAL"),console.log(`
`),t}].filter(Boolean)}};Ql.exports.postcss=!0});var _y=x((Gq,Cy)=>{u();Cy.exports=Ay()});var Yl=x((Qq,Ey)=>{u();Ey.exports=()=>["and_chr 114","and_uc 15.5","chrome 114","chrome 113","chrome 109","edge 114","firefox 114","ios_saf 16.5","ios_saf 16.4","ios_saf 16.3","ios_saf 16.1","opera 99","safari 16.5","samsung 21"]});var Rs={};Ge(Rs,{agents:()=>nO,feature:()=>sO});function sO(){return{status:"cr",title:"CSS Feature Queries",stats:{ie:{"6":"n","7":"n","8":"n","9":"n","10":"n","11":"n","5.5":"n"},edge:{"12":"y","13":"y","14":"y","15":"y","16":"y","17":"y","18":"y","79":"y","80":"y","81":"y","83":"y","84":"y","85":"y","86":"y","87":"y","88":"y","89":"y","90":"y","91":"y","92":"y","93":"y","94":"y","95":"y","96":"y","97":"y","98":"y","99":"y","100":"y","101":"y","102":"y","103":"y","104":"y","105":"y","106":"y","107":"y","108":"y","109":"y","110":"y","111":"y","112":"y","113":"y","114":"y"},firefox:{"2":"n","3":"n","4":"n","5":"n","6":"n","7":"n","8":"n","9":"n","10":"n","11":"n","12":"n","13":"n","14":"n","15":"n","16":"n","17":"n","18":"n","19":"n","20":"n","21":"n","22":"y","23":"y","24":"y","25":"y","26":"y","27":"y","28":"y","29":"y","30":"y","31":"y","32":"y","33":"y","34":"y","35":"y","36":"y","37":"y","38":"y","39":"y","40":"y","41":"y","42":"y","43":"y","44":"y","45":"y","46":"y","47":"y","48":"y","49":"y","50":"y","51":"y","52":"y","53":"y","54":"y","55":"y","56":"y","57":"y","58":"y","59":"y","60":"y","61":"y","62":"y","63":"y","64":"y","65":"y","66":"y","67":"y","68":"y","69":"y","70":"y","71":"y","72":"y","73":"y","74":"y","75":"y","76":"y","77":"y","78":"y","79":"y","80":"y","81":"y","82":"y","83":"y","84":"y","85":"y","86":"y","87":"y","88":"y","89":"y","90":"y","91":"y","92":"y","93":"y","94":"y","95":"y","96":"y","97":"y","98":"y","99":"y","100":"y","101":"y","102":"y","103":"y","104":"y","105":"y","106":"y","107":"y","108":"y","109":"y","110":"y","111":"y","112":"y","113":"y","114":"y","115":"y","116":"y","117":"y","3.5":"n","3.6":"n"},chrome:{"4":"n","5":"n","6":"n","7":"n","8":"n","9":"n","10":"n","11":"n","12":"n","13":"n","14":"n","15":"n","16":"n","17":"n","18":"n","19":"n","20":"n","21":"n","22":"n","23":"n","24":"n","25":"n","26":"n","27":"n","28":"y","29":"y","30":"y","31":"y","32":"y","33":"y","34":"y","35":"y","36":"y","37":"y","38":"y","39":"y","40":"y","41":"y","42":"y","43":"y","44":"y","45":"y","46":"y","47":"y","48":"y","49":"y","50":"y","51":"y","52":"y","53":"y","54":"y","55":"y","56":"y","57":"y","58":"y","59":"y","60":"y","61":"y","62":"y","63":"y","64":"y","65":"y","66":"y","67":"y","68":"y","69":"y","70":"y","71":"y","72":"y","73":"y","74":"y","75":"y","76":"y","77":"y","78":"y","79":"y","80":"y","81":"y","83":"y","84":"y","85":"y","86":"y","87":"y","88":"y","89":"y","90":"y","91":"y","92":"y","93":"y","94":"y","95":"y","96":"y","97":"y","98":"y","99":"y","100":"y","101":"y","102":"y","103":"y","104":"y","105":"y","106":"y","107":"y","108":"y","109":"y","110":"y","111":"y","112":"y","113":"y","114":"y","115":"y","116":"y","117":"y"},safari:{"4":"n","5":"n","6":"n","7":"n","8":"n","9":"y","10":"y","11":"y","12":"y","13":"y","14":"y","15":"y","17":"y","9.1":"y","10.1":"y","11.1":"y","12.1":"y","13.1":"y","14.1":"y","15.1":"y","15.2-15.3":"y","15.4":"y","15.5":"y","15.6":"y","16.0":"y","16.1":"y","16.2":"y","16.3":"y","16.4":"y","16.5":"y","16.6":"y",TP:"y","3.1":"n","3.2":"n","5.1":"n","6.1":"n","7.1":"n"},opera:{"9":"n","11":"n","12":"n","15":"y","16":"y","17":"y","18":"y","19":"y","20":"y","21":"y","22":"y","23":"y","24":"y","25":"y","26":"y","27":"y","28":"y","29":"y","30":"y","31":"y","32":"y","33":"y","34":"y","35":"y","36":"y","37":"y","38":"y","39":"y","40":"y","41":"y","42":"y","43":"y","44":"y","45":"y","46":"y","47":"y","48":"y","49":"y","50":"y","51":"y","52":"y","53":"y","54":"y","55":"y","56":"y","57":"y","58":"y","60":"y","62":"y","63":"y","64":"y","65":"y","66":"y","67":"y","68":"y","69":"y","70":"y","71":"y","72":"y","73":"y","74":"y","75":"y","76":"y","77":"y","78":"y","79":"y","80":"y","81":"y","82":"y","83":"y","84":"y","85":"y","86":"y","87":"y","88":"y","89":"y","90":"y","91":"y","92":"y","93":"y","94":"y","95":"y","96":"y","97":"y","98":"y","99":"y","100":"y","12.1":"y","9.5-9.6":"n","10.0-10.1":"n","10.5":"n","10.6":"n","11.1":"n","11.5":"n","11.6":"n"},ios_saf:{"8":"n","17":"y","9.0-9.2":"y","9.3":"y","10.0-10.2":"y","10.3":"y","11.0-11.2":"y","11.3-11.4":"y","12.0-12.1":"y","12.2-12.5":"y","13.0-13.1":"y","13.2":"y","13.3":"y","13.4-13.7":"y","14.0-14.4":"y","14.5-14.8":"y","15.0-15.1":"y","15.2-15.3":"y","15.4":"y","15.5":"y","15.6":"y","16.0":"y","16.1":"y","16.2":"y","16.3":"y","16.4":"y","16.5":"y","16.6":"y","3.2":"n","4.0-4.1":"n","4.2-4.3":"n","5.0-5.1":"n","6.0-6.1":"n","7.0-7.1":"n","8.1-8.4":"n"},op_mini:{all:"y"},android:{"3":"n","4":"n","114":"y","4.4":"y","4.4.3-4.4.4":"y","2.1":"n","2.2":"n","2.3":"n","4.1":"n","4.2-4.3":"n"},bb:{"7":"n","10":"n"},op_mob:{"10":"n","11":"n","12":"n","73":"y","11.1":"n","11.5":"n","12.1":"n"},and_chr:{"114":"y"},and_ff:{"115":"y"},ie_mob:{"10":"n","11":"n"},and_uc:{"15.5":"y"},samsung:{"4":"y","20":"y","21":"y","5.0-5.4":"y","6.2-6.4":"y","7.2-7.4":"y","8.2":"y","9.2":"y","10.1":"y","11.1-11.2":"y","12.0":"y","13.0":"y","14.0":"y","15.0":"y","16.0":"y","17.0":"y","18.0":"y","19.0":"y"},and_qq:{"13.1":"y"},baidu:{"13.18":"y"},kaios:{"2.5":"y","3.0-3.1":"y"}}}}var nO,Ps=P(()=>{u();nO={ie:{prefix:"ms"},edge:{prefix:"webkit",prefix_exceptions:{"12":"ms","13":"ms","14":"ms","15":"ms","16":"ms","17":"ms","18":"ms"}},firefox:{prefix:"moz"},chrome:{prefix:"webkit"},safari:{prefix:"webkit"},opera:{prefix:"webkit",prefix_exceptions:{"9":"o","11":"o","12":"o","9.5-9.6":"o","10.0-10.1":"o","10.5":"o","10.6":"o","11.1":"o","11.5":"o","11.6":"o","12.1":"o"}},ios_saf:{prefix:"webkit"},op_mini:{prefix:"o"},android:{prefix:"webkit"},bb:{prefix:"webkit"},op_mob:{prefix:"o",prefix_exceptions:{"73":"webkit"}},and_chr:{prefix:"webkit"},and_ff:{prefix:"moz"},ie_mob:{prefix:"ms"},and_uc:{prefix:"webkit",prefix_exceptions:{"15.5":"webkit"}},samsung:{prefix:"webkit"},and_qq:{prefix:"webkit"},baidu:{prefix:"webkit"},kaios:{prefix:"moz"}}});var Oy=x(()=>{u()});var _e=x((Xq,Lt)=>{u();var{list:Kl}=$e();Lt.exports.error=function(r){let e=new Error(r);throw e.autoprefixer=!0,e};Lt.exports.uniq=function(r){return[...new Set(r)]};Lt.exports.removeNote=function(r){return r.includes(" ")?r.split(" ")[0]:r};Lt.exports.escapeRegexp=function(r){return r.replace(/[$()*+-.?[\\\]^{|}]/g,"\\$&")};Lt.exports.regexp=function(r,e=!0){return e&&(r=this.escapeRegexp(r)),new RegExp(`(^|[\\s,(])(${r}($|[\\s(,]))`,"gi")};Lt.exports.editList=function(r,e){let t=Kl.comma(r),i=e(t,[]);if(t===i)return r;let n=r.match(/,\s*/);return n=n?n[0]:", ",i.join(n)};Lt.exports.splitSelector=function(r){return Kl.comma(r).map(e=>Kl.space(e).map(t=>t.split(/(?=\.|#)/g)))}});var Mt=x((Zq,Py)=>{u();var aO=Yl(),Ty=(Ps(),Rs).agents,oO=_e(),Ry=class{static prefixes(){if(this.prefixesCache)return this.prefixesCache;this.prefixesCache=[];for(let e in Ty)this.prefixesCache.push(`-${Ty[e].prefix}-`);return this.prefixesCache=oO.uniq(this.prefixesCache).sort((e,t)=>t.length-e.length),this.prefixesCache}static withPrefix(e){return this.prefixesRegexp||(this.prefixesRegexp=new RegExp(this.prefixes().join("|"))),this.prefixesRegexp.test(e)}constructor(e,t,i,n){this.data=e,this.options=i||{},this.browserslistOpts=n||{},this.selected=this.parse(t)}parse(e){let t={};for(let i in this.browserslistOpts)t[i]=this.browserslistOpts[i];return t.path=this.options.from,aO(e,t)}prefix(e){let[t,i]=e.split(" "),n=this.data[t],s=n.prefix_exceptions&&n.prefix_exceptions[i];return s||(s=n.prefix),`-${s}-`}isSelected(e){return this.selected.includes(e)}};Py.exports=Ry});var Ni=x((Jq,Iy)=>{u();Iy.exports={prefix(r){let e=r.match(/^(-\w+-)/);return e?e[0]:""},unprefixed(r){return r.replace(/^-\w+-/,"")}}});var wr=x((e$,qy)=>{u();var lO=Mt(),Dy=Ni(),uO=_e();function Xl(r,e){let t=new r.constructor;for(let i of Object.keys(r||{})){let n=r[i];i==="parent"&&typeof n=="object"?e&&(t[i]=e):i==="source"||i===null?t[i]=n:Array.isArray(n)?t[i]=n.map(s=>Xl(s,t)):i!=="_autoprefixerPrefix"&&i!=="_autoprefixerValues"&&i!=="proxyCache"&&(typeof n=="object"&&n!==null&&(n=Xl(n,t)),t[i]=n)}return t}var Is=class{static hack(e){return this.hacks||(this.hacks={}),e.names.map(t=>(this.hacks[t]=e,this.hacks[t]))}static load(e,t,i){let n=this.hacks&&this.hacks[e];return n?new n(e,t,i):new this(e,t,i)}static clone(e,t){let i=Xl(e);for(let n in t)i[n]=t[n];return i}constructor(e,t,i){this.prefixes=t,this.name=e,this.all=i}parentPrefix(e){let t;return typeof e._autoprefixerPrefix!="undefined"?t=e._autoprefixerPrefix:e.type==="decl"&&e.prop[0]==="-"?t=Dy.prefix(e.prop):e.type==="root"?t=!1:e.type==="rule"&&e.selector.includes(":-")&&/:(-\w+-)/.test(e.selector)?t=e.selector.match(/:(-\w+-)/)[1]:e.type==="atrule"&&e.name[0]==="-"?t=Dy.prefix(e.name):t=this.parentPrefix(e.parent),lO.prefixes().includes(t)||(t=!1),e._autoprefixerPrefix=t,e._autoprefixerPrefix}process(e,t){if(!this.check(e))return;let i=this.parentPrefix(e),n=this.prefixes.filter(a=>!i||i===uO.removeNote(a)),s=[];for(let a of n)this.add(e,a,s.concat([a]),t)&&s.push(a);return s}clone(e,t){return Is.clone(e,t)}};qy.exports=Is});var j=x((t$,My)=>{u();var fO=wr(),cO=Mt(),$y=_e(),Ly=class extends fO{check(){return!0}prefixed(e,t){return t+e}normalize(e){return e}otherPrefixes(e,t){for(let i of cO.prefixes())if(i!==t&&e.includes(i))return!0;return!1}set(e,t){return e.prop=this.prefixed(e.prop,t),e}needCascade(e){return e._autoprefixerCascade||(e._autoprefixerCascade=this.all.options.cascade!==!1&&e.raw("before").includes(`
`)),e._autoprefixerCascade}maxPrefixed(e,t){if(t._autoprefixerMax)return t._autoprefixerMax;let i=0;for(let n of e)n=$y.removeNote(n),n.length>i&&(i=n.length);return t._autoprefixerMax=i,t._autoprefixerMax}calcBefore(e,t,i=""){let s=this.maxPrefixed(e,t)-$y.removeNote(i).length,a=t.raw("before");return s>0&&(a+=Array(s).fill(" ").join("")),a}restoreBefore(e){let t=e.raw("before").split(`
`),i=t[t.length-1];this.all.group(e).up(n=>{let s=n.raw("before").split(`
`),a=s[s.length-1];a.length<i.length&&(i=a)}),t[t.length-1]=i,e.raws.before=t.join(`
`)}insert(e,t,i){let n=this.set(this.clone(e),t);if(!(!n||e.parent.some(a=>a.prop===n.prop&&a.value===n.value)))return this.needCascade(e)&&(n.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,n)}isAlready(e,t){let i=this.all.group(e).up(n=>n.prop===t);return i||(i=this.all.group(e).down(n=>n.prop===t)),i}add(e,t,i,n){let s=this.prefixed(e.prop,t);if(!(this.isAlready(e,s)||this.otherPrefixes(e.value,t)))return this.insert(e,t,i,n)}process(e,t){if(!this.needCascade(e)){super.process(e,t);return}let i=super.process(e,t);!i||!i.length||(this.restoreBefore(e),e.raws.before=this.calcBefore(i,e))}old(e,t){return[this.prefixed(e,t)]}};My.exports=Ly});var By=x((r$,Ny)=>{u();Ny.exports=function r(e){return{mul:t=>new r(e*t),div:t=>new r(e/t),simplify:()=>new r(e),toString:()=>e.toString()}}});var zy=x((i$,jy)=>{u();var pO=By(),dO=wr(),Zl=_e(),hO=/(min|max)-resolution\s*:\s*\d*\.?\d+(dppx|dpcm|dpi|x)/gi,mO=/(min|max)-resolution(\s*:\s*)(\d*\.?\d+)(dppx|dpcm|dpi|x)/i,Fy=class extends dO{prefixName(e,t){return e==="-moz-"?t+"--moz-device-pixel-ratio":e+t+"-device-pixel-ratio"}prefixQuery(e,t,i,n,s){return n=new pO(n),s==="dpi"?n=n.div(96):s==="dpcm"&&(n=n.mul(2.54).div(96)),n=n.simplify(),e==="-o-"&&(n=n.n+"/"+n.d),this.prefixName(e,t)+i+n}clean(e){if(!this.bad){this.bad=[];for(let t of this.prefixes)this.bad.push(this.prefixName(t,"min")),this.bad.push(this.prefixName(t,"max"))}e.params=Zl.editList(e.params,t=>t.filter(i=>this.bad.every(n=>!i.includes(n))))}process(e){let t=this.parentPrefix(e),i=t?[t]:this.prefixes;e.params=Zl.editList(e.params,(n,s)=>{for(let a of n){if(!a.includes("min-resolution")&&!a.includes("max-resolution")){s.push(a);continue}for(let o of i){let l=a.replace(hO,c=>{let f=c.match(mO);return this.prefixQuery(o,f[1],f[2],f[3],f[4])});s.push(l)}s.push(a)}return Zl.uniq(s)})}};jy.exports=Fy});var Vy=x((n$,Uy)=>{u();var Jl="(".charCodeAt(0),eu=")".charCodeAt(0),Ds="'".charCodeAt(0),tu='"'.charCodeAt(0),ru="\\".charCodeAt(0),vr="/".charCodeAt(0),iu=",".charCodeAt(0),nu=":".charCodeAt(0),qs="*".charCodeAt(0),gO="u".charCodeAt(0),yO="U".charCodeAt(0),bO="+".charCodeAt(0),wO=/^[a-f0-9?-]+$/i;Uy.exports=function(r){for(var e=[],t=r,i,n,s,a,o,l,c,f,d=0,p=t.charCodeAt(d),h=t.length,b=[{nodes:e}],v=0,y,w="",k="",S="";d<h;)if(p<=32){i=d;do i+=1,p=t.charCodeAt(i);while(p<=32);a=t.slice(d,i),s=e[e.length-1],p===eu&&v?S=a:s&&s.type==="div"?(s.after=a,s.sourceEndIndex+=a.length):p===iu||p===nu||p===vr&&t.charCodeAt(i+1)!==qs&&(!y||y&&y.type==="function"&&y.value!=="calc")?k=a:e.push({type:"space",sourceIndex:d,sourceEndIndex:i,value:a}),d=i}else if(p===Ds||p===tu){i=d,n=p===Ds?"'":'"',a={type:"string",sourceIndex:d,quote:n};do if(o=!1,i=t.indexOf(n,i+1),~i)for(l=i;t.charCodeAt(l-1)===ru;)l-=1,o=!o;else t+=n,i=t.length-1,a.unclosed=!0;while(o);a.value=t.slice(d+1,i),a.sourceEndIndex=a.unclosed?i:i+1,e.push(a),d=i+1,p=t.charCodeAt(d)}else if(p===vr&&t.charCodeAt(d+1)===qs)i=t.indexOf("*/",d),a={type:"comment",sourceIndex:d,sourceEndIndex:i+2},i===-1&&(a.unclosed=!0,i=t.length,a.sourceEndIndex=i),a.value=t.slice(d+2,i),e.push(a),d=i+2,p=t.charCodeAt(d);else if((p===vr||p===qs)&&y&&y.type==="function"&&y.value==="calc")a=t[d],e.push({type:"word",sourceIndex:d-k.length,sourceEndIndex:d+a.length,value:a}),d+=1,p=t.charCodeAt(d);else if(p===vr||p===iu||p===nu)a=t[d],e.push({type:"div",sourceIndex:d-k.length,sourceEndIndex:d+a.length,value:a,before:k,after:""}),k="",d+=1,p=t.charCodeAt(d);else if(Jl===p){i=d;do i+=1,p=t.charCodeAt(i);while(p<=32);if(f=d,a={type:"function",sourceIndex:d-w.length,value:w,before:t.slice(f+1,i)},d=i,w==="url"&&p!==Ds&&p!==tu){i-=1;do if(o=!1,i=t.indexOf(")",i+1),~i)for(l=i;t.charCodeAt(l-1)===ru;)l-=1,o=!o;else t+=")",i=t.length-1,a.unclosed=!0;while(o);c=i;do c-=1,p=t.charCodeAt(c);while(p<=32);f<c?(d!==c+1?a.nodes=[{type:"word",sourceIndex:d,sourceEndIndex:c+1,value:t.slice(d,c+1)}]:a.nodes=[],a.unclosed&&c+1!==i?(a.after="",a.nodes.push({type:"space",sourceIndex:c+1,sourceEndIndex:i,value:t.slice(c+1,i)})):(a.after=t.slice(c+1,i),a.sourceEndIndex=i)):(a.after="",a.nodes=[]),d=i+1,a.sourceEndIndex=a.unclosed?i:d,p=t.charCodeAt(d),e.push(a)}else v+=1,a.after="",a.sourceEndIndex=d+1,e.push(a),b.push(a),e=a.nodes=[],y=a;w=""}else if(eu===p&&v)d+=1,p=t.charCodeAt(d),y.after=S,y.sourceEndIndex+=S.length,S="",v-=1,b[b.length-1].sourceEndIndex=d,b.pop(),y=b[v],e=y.nodes;else{i=d;do p===ru&&(i+=1),i+=1,p=t.charCodeAt(i);while(i<h&&!(p<=32||p===Ds||p===tu||p===iu||p===nu||p===vr||p===Jl||p===qs&&y&&y.type==="function"&&y.value==="calc"||p===vr&&y.type==="function"&&y.value==="calc"||p===eu&&v));a=t.slice(d,i),Jl===p?w=a:(gO===a.charCodeAt(0)||yO===a.charCodeAt(0))&&bO===a.charCodeAt(1)&&wO.test(a.slice(2))?e.push({type:"unicode-range",sourceIndex:d,sourceEndIndex:i,value:a}):e.push({type:"word",sourceIndex:d,sourceEndIndex:i,value:a}),d=i}for(d=b.length-1;d;d-=1)b[d].unclosed=!0,b[d].sourceEndIndex=t.length;return b[0].nodes}});var Wy=x((s$,Hy)=>{u();Hy.exports=function r(e,t,i){var n,s,a,o;for(n=0,s=e.length;n<s;n+=1)a=e[n],i||(o=t(a,n,e)),o!==!1&&a.type==="function"&&Array.isArray(a.nodes)&&r(a.nodes,t,i),i&&t(a,n,e)}});var Ky=x((a$,Yy)=>{u();function Gy(r,e){var t=r.type,i=r.value,n,s;return e&&(s=e(r))!==void 0?s:t==="word"||t==="space"?i:t==="string"?(n=r.quote||"",n+i+(r.unclosed?"":n)):t==="comment"?"/*"+i+(r.unclosed?"":"*/"):t==="div"?(r.before||"")+i+(r.after||""):Array.isArray(r.nodes)?(n=Qy(r.nodes,e),t!=="function"?n:i+"("+(r.before||"")+n+(r.after||"")+(r.unclosed?"":")")):i}function Qy(r,e){var t,i;if(Array.isArray(r)){for(t="",i=r.length-1;~i;i-=1)t=Gy(r[i],e)+t;return t}return Gy(r,e)}Yy.exports=Qy});var Zy=x((o$,Xy)=>{u();var $s="-".charCodeAt(0),Ls="+".charCodeAt(0),su=".".charCodeAt(0),vO="e".charCodeAt(0),xO="E".charCodeAt(0);function kO(r){var e=r.charCodeAt(0),t;if(e===Ls||e===$s){if(t=r.charCodeAt(1),t>=48&&t<=57)return!0;var i=r.charCodeAt(2);return t===su&&i>=48&&i<=57}return e===su?(t=r.charCodeAt(1),t>=48&&t<=57):e>=48&&e<=57}Xy.exports=function(r){var e=0,t=r.length,i,n,s;if(t===0||!kO(r))return!1;for(i=r.charCodeAt(e),(i===Ls||i===$s)&&e++;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;if(i=r.charCodeAt(e),n=r.charCodeAt(e+1),i===su&&n>=48&&n<=57)for(e+=2;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;if(i=r.charCodeAt(e),n=r.charCodeAt(e+1),s=r.charCodeAt(e+2),(i===vO||i===xO)&&(n>=48&&n<=57||(n===Ls||n===$s)&&s>=48&&s<=57))for(e+=n===Ls||n===$s?3:2;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;return{number:r.slice(0,e),unit:r.slice(e)}}});var Ms=x((l$,tb)=>{u();var SO=Vy(),Jy=Wy(),eb=Ky();function Nt(r){return this instanceof Nt?(this.nodes=SO(r),this):new Nt(r)}Nt.prototype.toString=function(){return Array.isArray(this.nodes)?eb(this.nodes):""};Nt.prototype.walk=function(r,e){return Jy(this.nodes,r,e),this};Nt.unit=Zy();Nt.walk=Jy;Nt.stringify=eb;tb.exports=Nt});var ab=x((u$,sb)=>{u();var{list:AO}=$e(),rb=Ms(),CO=Mt(),ib=Ni(),nb=class{constructor(e){this.props=["transition","transition-property"],this.prefixes=e}add(e,t){let i,n,s=this.prefixes.add[e.prop],a=this.ruleVendorPrefixes(e),o=a||s&&s.prefixes||[],l=this.parse(e.value),c=l.map(h=>this.findProp(h)),f=[];if(c.some(h=>h[0]==="-"))return;for(let h of l){if(n=this.findProp(h),n[0]==="-")continue;let b=this.prefixes.add[n];if(!(!b||!b.prefixes))for(i of b.prefixes){if(a&&!a.some(y=>i.includes(y)))continue;let v=this.prefixes.prefixed(n,i);v!=="-ms-transform"&&!c.includes(v)&&(this.disabled(n,i)||f.push(this.clone(n,v,h)))}}l=l.concat(f);let d=this.stringify(l),p=this.stringify(this.cleanFromUnprefixed(l,"-webkit-"));if(o.includes("-webkit-")&&this.cloneBefore(e,`-webkit-${e.prop}`,p),this.cloneBefore(e,e.prop,p),o.includes("-o-")){let h=this.stringify(this.cleanFromUnprefixed(l,"-o-"));this.cloneBefore(e,`-o-${e.prop}`,h)}for(i of o)if(i!=="-webkit-"&&i!=="-o-"){let h=this.stringify(this.cleanOtherPrefixes(l,i));this.cloneBefore(e,i+e.prop,h)}d!==e.value&&!this.already(e,e.prop,d)&&(this.checkForWarning(t,e),e.cloneBefore(),e.value=d)}findProp(e){let t=e[0].value;if(/^\d/.test(t)){for(let[i,n]of e.entries())if(i!==0&&n.type==="word")return n.value}return t}already(e,t,i){return e.parent.some(n=>n.prop===t&&n.value===i)}cloneBefore(e,t,i){this.already(e,t,i)||e.cloneBefore({prop:t,value:i})}checkForWarning(e,t){if(t.prop!=="transition-property")return;let i=!1,n=!1;t.parent.each(s=>{if(s.type!=="decl"||s.prop.indexOf("transition-")!==0)return;let a=AO.comma(s.value);if(s.prop==="transition-property"){a.forEach(o=>{let l=this.prefixes.add[o];l&&l.prefixes&&l.prefixes.length>0&&(i=!0)});return}return n=n||a.length>1,!1}),i&&n&&t.warn(e,"Replace transition-property to transition, because Autoprefixer could not support any cases of transition-property and other transition-*")}remove(e){let t=this.parse(e.value);t=t.filter(a=>{let o=this.prefixes.remove[this.findProp(a)];return!o||!o.remove});let i=this.stringify(t);if(e.value===i)return;if(t.length===0){e.remove();return}let n=e.parent.some(a=>a.prop===e.prop&&a.value===i),s=e.parent.some(a=>a!==e&&a.prop===e.prop&&a.value.length>i.length);if(n||s){e.remove();return}e.value=i}parse(e){let t=rb(e),i=[],n=[];for(let s of t.nodes)n.push(s),s.type==="div"&&s.value===","&&(i.push(n),n=[]);return i.push(n),i.filter(s=>s.length>0)}stringify(e){if(e.length===0)return"";let t=[];for(let i of e)i[i.length-1].type!=="div"&&i.push(this.div(e)),t=t.concat(i);return t[0].type==="div"&&(t=t.slice(1)),t[t.length-1].type==="div"&&(t=t.slice(0,-2+1||void 0)),rb.stringify({nodes:t})}clone(e,t,i){let n=[],s=!1;for(let a of i)!s&&a.type==="word"&&a.value===e?(n.push({type:"word",value:t}),s=!0):n.push(a);return n}div(e){for(let t of e)for(let i of t)if(i.type==="div"&&i.value===",")return i;return{type:"div",value:",",after:" "}}cleanOtherPrefixes(e,t){return e.filter(i=>{let n=ib.prefix(this.findProp(i));return n===""||n===t})}cleanFromUnprefixed(e,t){let i=e.map(s=>this.findProp(s)).filter(s=>s.slice(0,t.length)===t).map(s=>this.prefixes.unprefixed(s)),n=[];for(let s of e){let a=this.findProp(s),o=ib.prefix(a);!i.includes(a)&&(o===t||o==="")&&n.push(s)}return n}disabled(e,t){let i=["order","justify-content","align-self","align-content"];if(e.includes("flex")||i.includes(e)){if(this.prefixes.options.flexbox===!1)return!0;if(this.prefixes.options.flexbox==="no-2009")return t.includes("2009")}}ruleVendorPrefixes(e){let{parent:t}=e;if(t.type!=="rule")return!1;if(!t.selector.includes(":-"))return!1;let i=CO.prefixes().filter(n=>t.selector.includes(":"+n));return i.length>0?i:!1}};sb.exports=nb});var xr=x((f$,lb)=>{u();var _O=_e(),ob=class{constructor(e,t,i,n){this.unprefixed=e,this.prefixed=t,this.string=i||t,this.regexp=n||_O.regexp(t)}check(e){return e.includes(this.string)?!!e.match(this.regexp):!1}};lb.exports=ob});var He=x((c$,fb)=>{u();var EO=wr(),OO=xr(),TO=Ni(),RO=_e(),ub=class extends EO{static save(e,t){let i=t.prop,n=[];for(let s in t._autoprefixerValues){let a=t._autoprefixerValues[s];if(a===t.value)continue;let o,l=TO.prefix(i);if(l==="-pie-")continue;if(l===s){o=t.value=a,n.push(o);continue}let c=e.prefixed(i,s),f=t.parent;if(!f.every(b=>b.prop!==c)){n.push(o);continue}let d=a.replace(/\s+/," ");if(f.some(b=>b.prop===t.prop&&b.value.replace(/\s+/," ")===d)){n.push(o);continue}let h=this.clone(t,{value:a});o=t.parent.insertBefore(t,h),n.push(o)}return n}check(e){let t=e.value;return t.includes(this.name)?!!t.match(this.regexp()):!1}regexp(){return this.regexpCache||(this.regexpCache=RO.regexp(this.name))}replace(e,t){return e.replace(this.regexp(),`$1${t}$2`)}value(e){return e.raws.value&&e.raws.value.value===e.value?e.raws.value.raw:e.value}add(e,t){e._autoprefixerValues||(e._autoprefixerValues={});let i=e._autoprefixerValues[t]||this.value(e),n;do if(n=i,i=this.replace(i,t),i===!1)return;while(i!==n);e._autoprefixerValues[t]=i}old(e){return new OO(this.name,e+this.name)}};fb.exports=ub});var Bt=x((p$,cb)=>{u();cb.exports={}});var ou=x((d$,hb)=>{u();var pb=Ms(),PO=He(),IO=Bt().insertAreas,DO=/(^|[^-])linear-gradient\(\s*(top|left|right|bottom)/i,qO=/(^|[^-])radial-gradient\(\s*\d+(\w*|%)\s+\d+(\w*|%)\s*,/i,$O=/(!\s*)?autoprefixer:\s*ignore\s+next/i,LO=/(!\s*)?autoprefixer\s*grid:\s*(on|off|(no-)?autoplace)/i,MO=["width","height","min-width","max-width","min-height","max-height","inline-size","min-inline-size","max-inline-size","block-size","min-block-size","max-block-size"];function au(r){return r.parent.some(e=>e.prop==="grid-template"||e.prop==="grid-template-areas")}function NO(r){let e=r.parent.some(i=>i.prop==="grid-template-rows"),t=r.parent.some(i=>i.prop==="grid-template-columns");return e&&t}var db=class{constructor(e){this.prefixes=e}add(e,t){let i=this.prefixes.add["@resolution"],n=this.prefixes.add["@keyframes"],s=this.prefixes.add["@viewport"],a=this.prefixes.add["@supports"];e.walkAtRules(f=>{if(f.name==="keyframes"){if(!this.disabled(f,t))return n&&n.process(f)}else if(f.name==="viewport"){if(!this.disabled(f,t))return s&&s.process(f)}else if(f.name==="supports"){if(this.prefixes.options.supports!==!1&&!this.disabled(f,t))return a.process(f)}else if(f.name==="media"&&f.params.includes("-resolution")&&!this.disabled(f,t))return i&&i.process(f)}),e.walkRules(f=>{if(!this.disabled(f,t))return this.prefixes.add.selectors.map(d=>d.process(f,t))});function o(f){return f.parent.nodes.some(d=>{if(d.type!=="decl")return!1;let p=d.prop==="display"&&/(inline-)?grid/.test(d.value),h=d.prop.startsWith("grid-template"),b=/^grid-([A-z]+-)?gap/.test(d.prop);return p||h||b})}function l(f){return f.parent.some(d=>d.prop==="display"&&/(inline-)?flex/.test(d.value))}let c=this.gridStatus(e,t)&&this.prefixes.add["grid-area"]&&this.prefixes.add["grid-area"].prefixes;return e.walkDecls(f=>{if(this.disabledDecl(f,t))return;let d=f.parent,p=f.prop,h=f.value;if(p==="grid-row-span"){t.warn("grid-row-span is not part of final Grid Layout. Use grid-row.",{node:f});return}else if(p==="grid-column-span"){t.warn("grid-column-span is not part of final Grid Layout. Use grid-column.",{node:f});return}else if(p==="display"&&h==="box"){t.warn("You should write display: flex by final spec instead of display: box",{node:f});return}else if(p==="text-emphasis-position")(h==="under"||h==="over")&&t.warn("You should use 2 values for text-emphasis-position For example, `under left` instead of just `under`.",{node:f});else if(/^(align|justify|place)-(items|content)$/.test(p)&&l(f))(h==="start"||h==="end")&&t.warn(`${h} value has mixed support, consider using flex-${h} instead`,{node:f});else if(p==="text-decoration-skip"&&h==="ink")t.warn("Replace text-decoration-skip: ink to text-decoration-skip-ink: auto, because spec had been changed",{node:f});else{if(c&&this.gridStatus(f,t))if(f.value==="subgrid"&&t.warn("IE does not support subgrid",{node:f}),/^(align|justify|place)-items$/.test(p)&&o(f)){let v=p.replace("-items","-self");t.warn(`IE does not support ${p} on grid containers. Try using ${v} on child elements instead: ${f.parent.selector} > * { ${v}: ${f.value} }`,{node:f})}else if(/^(align|justify|place)-content$/.test(p)&&o(f))t.warn(`IE does not support ${f.prop} on grid containers`,{node:f});else if(p==="display"&&f.value==="contents"){t.warn("Please do not use display: contents; if you have grid setting enabled",{node:f});return}else if(f.prop==="grid-gap"){let v=this.gridStatus(f,t);v==="autoplace"&&!NO(f)&&!au(f)?t.warn("grid-gap only works if grid-template(-areas) is being used or both rows and columns have been declared and cells have not been manually placed inside the explicit grid",{node:f}):(v===!0||v==="no-autoplace")&&!au(f)&&t.warn("grid-gap only works if grid-template(-areas) is being used",{node:f})}else if(p==="grid-auto-columns"){t.warn("grid-auto-columns is not supported by IE",{node:f});return}else if(p==="grid-auto-rows"){t.warn("grid-auto-rows is not supported by IE",{node:f});return}else if(p==="grid-auto-flow"){let v=d.some(w=>w.prop==="grid-template-rows"),y=d.some(w=>w.prop==="grid-template-columns");au(f)?t.warn("grid-auto-flow is not supported by IE",{node:f}):h.includes("dense")?t.warn("grid-auto-flow: dense is not supported by IE",{node:f}):!v&&!y&&t.warn("grid-auto-flow works only if grid-template-rows and grid-template-columns are present in the same rule",{node:f});return}else if(h.includes("auto-fit")){t.warn("auto-fit value is not supported by IE",{node:f,word:"auto-fit"});return}else if(h.includes("auto-fill")){t.warn("auto-fill value is not supported by IE",{node:f,word:"auto-fill"});return}else p.startsWith("grid-template")&&h.includes("[")&&t.warn("Autoprefixer currently does not support line names. Try using grid-template-areas instead.",{node:f,word:"["});if(h.includes("radial-gradient"))if(qO.test(f.value))t.warn("Gradient has outdated direction syntax. New syntax is like `closest-side at 0 0` instead of `0 0, closest-side`.",{node:f});else{let v=pb(h);for(let y of v.nodes)if(y.type==="function"&&y.value==="radial-gradient")for(let w of y.nodes)w.type==="word"&&(w.value==="cover"?t.warn("Gradient has outdated direction syntax. Replace `cover` to `farthest-corner`.",{node:f}):w.value==="contain"&&t.warn("Gradient has outdated direction syntax. Replace `contain` to `closest-side`.",{node:f}))}h.includes("linear-gradient")&&DO.test(h)&&t.warn("Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.",{node:f})}MO.includes(f.prop)&&(f.value.includes("-fill-available")||(f.value.includes("fill-available")?t.warn("Replace fill-available to stretch, because spec had been changed",{node:f}):f.value.includes("fill")&&pb(h).nodes.some(y=>y.type==="word"&&y.value==="fill")&&t.warn("Replace fill to stretch, because spec had been changed",{node:f})));let b;if(f.prop==="transition"||f.prop==="transition-property")return this.prefixes.transition.add(f,t);if(f.prop==="align-self"){if(this.displayType(f)!=="grid"&&this.prefixes.options.flexbox!==!1&&(b=this.prefixes.add["align-self"],b&&b.prefixes&&b.process(f)),this.gridStatus(f,t)!==!1&&(b=this.prefixes.add["grid-row-align"],b&&b.prefixes))return b.process(f,t)}else if(f.prop==="justify-self"){if(this.gridStatus(f,t)!==!1&&(b=this.prefixes.add["grid-column-align"],b&&b.prefixes))return b.process(f,t)}else if(f.prop==="place-self"){if(b=this.prefixes.add["place-self"],b&&b.prefixes&&this.gridStatus(f,t)!==!1)return b.process(f,t)}else if(b=this.prefixes.add[f.prop],b&&b.prefixes)return b.process(f,t)}),this.gridStatus(e,t)&&IO(e,this.disabled),e.walkDecls(f=>{if(this.disabledValue(f,t))return;let d=this.prefixes.unprefixed(f.prop),p=this.prefixes.values("add",d);if(Array.isArray(p))for(let h of p)h.process&&h.process(f,t);PO.save(this.prefixes,f)})}remove(e,t){let i=this.prefixes.remove["@resolution"];e.walkAtRules((n,s)=>{this.prefixes.remove[`@${n.name}`]?this.disabled(n,t)||n.parent.removeChild(s):n.name==="media"&&n.params.includes("-resolution")&&i&&i.clean(n)});for(let n of this.prefixes.remove.selectors)e.walkRules((s,a)=>{n.check(s)&&(this.disabled(s,t)||s.parent.removeChild(a))});return e.walkDecls((n,s)=>{if(this.disabled(n,t))return;let a=n.parent,o=this.prefixes.unprefixed(n.prop);if((n.prop==="transition"||n.prop==="transition-property")&&this.prefixes.transition.remove(n),this.prefixes.remove[n.prop]&&this.prefixes.remove[n.prop].remove){let l=this.prefixes.group(n).down(c=>this.prefixes.normalize(c.prop)===o);if(o==="flex-flow"&&(l=!0),n.prop==="-webkit-box-orient"){let c={"flex-direction":!0,"flex-flow":!0};if(!n.parent.some(f=>c[f.prop]))return}if(l&&!this.withHackValue(n)){n.raw("before").includes(`
`)&&this.reduceSpaces(n),a.removeChild(s);return}}for(let l of this.prefixes.values("remove",o)){if(!l.check||!l.check(n.value))continue;if(o=l.unprefixed,this.prefixes.group(n).down(f=>f.value.includes(o))){a.removeChild(s);return}}})}withHackValue(e){return e.prop==="-webkit-background-clip"&&e.value==="text"}disabledValue(e,t){return this.gridStatus(e,t)===!1&&e.type==="decl"&&e.prop==="display"&&e.value.includes("grid")||this.prefixes.options.flexbox===!1&&e.type==="decl"&&e.prop==="display"&&e.value.includes("flex")||e.type==="decl"&&e.prop==="content"?!0:this.disabled(e,t)}disabledDecl(e,t){if(this.gridStatus(e,t)===!1&&e.type==="decl"&&(e.prop.includes("grid")||e.prop==="justify-items"))return!0;if(this.prefixes.options.flexbox===!1&&e.type==="decl"){let i=["order","justify-content","align-items","align-content"];if(e.prop.includes("flex")||i.includes(e.prop))return!0}return this.disabled(e,t)}disabled(e,t){if(!e)return!1;if(e._autoprefixerDisabled!==void 0)return e._autoprefixerDisabled;if(e.parent){let n=e.prev();if(n&&n.type==="comment"&&$O.test(n.text))return e._autoprefixerDisabled=!0,e._autoprefixerSelfDisabled=!0,!0}let i=null;if(e.nodes){let n;e.each(s=>{s.type==="comment"&&/(!\s*)?autoprefixer:\s*(off|on)/i.test(s.text)&&(typeof n!="undefined"?t.warn("Second Autoprefixer control comment was ignored. Autoprefixer applies control comment to whole block, not to next rules.",{node:s}):n=/on/i.test(s.text))}),n!==void 0&&(i=!n)}if(!e.nodes||i===null)if(e.parent){let n=this.disabled(e.parent,t);e.parent._autoprefixerSelfDisabled===!0?i=!1:i=n}else i=!1;return e._autoprefixerDisabled=i,i}reduceSpaces(e){let t=!1;if(this.prefixes.group(e).up(()=>(t=!0,!0)),t)return;let i=e.raw("before").split(`
`),n=i[i.length-1].length,s=!1;this.prefixes.group(e).down(a=>{i=a.raw("before").split(`
`);let o=i.length-1;i[o].length>n&&(s===!1&&(s=i[o].length-n),i[o]=i[o].slice(0,-s),a.raws.before=i.join(`
`))})}displayType(e){for(let t of e.parent.nodes)if(t.prop==="display"){if(t.value.includes("flex"))return"flex";if(t.value.includes("grid"))return"grid"}return!1}gridStatus(e,t){if(!e)return!1;if(e._autoprefixerGridStatus!==void 0)return e._autoprefixerGridStatus;let i=null;if(e.nodes){let n;e.each(s=>{if(s.type==="comment"&&LO.test(s.text)){let a=/:\s*autoplace/i.test(s.text),o=/no-autoplace/i.test(s.text);typeof n!="undefined"?t.warn("Second Autoprefixer grid control comment was ignored. Autoprefixer applies control comments to the whole block, not to the next rules.",{node:s}):a?n="autoplace":o?n=!0:n=/on/i.test(s.text)}}),n!==void 0&&(i=n)}if(e.type==="atrule"&&e.name==="supports"){let n=e.params;n.includes("grid")&&n.includes("auto")&&(i=!1)}if(!e.nodes||i===null)if(e.parent){let n=this.gridStatus(e.parent,t);e.parent._autoprefixerSelfDisabled===!0?i=!1:i=n}else typeof this.prefixes.options.grid!="undefined"?i=this.prefixes.options.grid:typeof m.env.AUTOPREFIXER_GRID!="undefined"?m.env.AUTOPREFIXER_GRID==="autoplace"?i="autoplace":i=!0:i=!1;return e._autoprefixerGridStatus=i,i}};hb.exports=db});var gb=x((h$,mb)=>{u();mb.exports={A:{A:{"2":"K E F G A B JC"},B:{"1":"C L M H N D O P Q R S T U V W X Y Z a b c d e f g h i j n o p q r s t u v w x y z I"},C:{"1":"2 3 4 5 6 7 8 9 AB BB CB DB EB FB GB HB IB JB KB LB MB NB OB PB QB RB SB TB UB VB WB XB YB ZB aB bB cB 0B dB 1B eB fB gB hB iB jB kB lB mB nB oB m pB qB rB sB tB P Q R 2B S T U V W X Y Z a b c d e f g h i j n o p q r s t u v w x y z I uB 3B 4B","2":"0 1 KC zB J K E F G A B C L M H N D O k l LC MC"},D:{"1":"8 9 AB BB CB DB EB FB GB HB IB JB KB LB MB NB OB PB QB RB SB TB UB VB WB XB YB ZB aB bB cB 0B dB 1B eB fB gB hB iB jB kB lB mB nB oB m pB qB rB sB tB P Q R S T U V W X Y Z a b c d e f g h i j n o p q r s t u v w x y z I uB 3B 4B","2":"0 1 2 3 4 5 6 7 J K E F G A B C L M H N D O k l"},E:{"1":"G A B C L M H D RC 6B vB wB 7B SC TC 8B 9B xB AC yB BC CC DC EC FC GC UC","2":"0 J K E F NC 5B OC PC QC"},F:{"1":"1 2 3 4 5 6 7 8 9 H N D O k l AB BB CB DB EB FB GB HB IB JB KB LB MB NB OB PB QB RB SB TB UB VB WB XB YB ZB aB bB cB dB eB fB gB hB iB jB kB lB mB nB oB m pB qB rB sB tB P Q R 2B S T U V W X Y Z a b c d e f g h i j wB","2":"G B C VC WC XC YC vB HC ZC"},G:{"1":"D fC gC hC iC jC kC lC mC nC oC pC qC rC sC tC 8B 9B xB AC yB BC CC DC EC FC GC","2":"F 5B aC IC bC cC dC eC"},H:{"1":"uC"},I:{"1":"I zC 0C","2":"zB J vC wC xC yC IC"},J:{"2":"E A"},K:{"1":"m","2":"A B C vB HC wB"},L:{"1":"I"},M:{"1":"uB"},N:{"2":"A B"},O:{"1":"xB"},P:{"1":"J k l 1C 2C 3C 4C 5C 6B 6C 7C 8C 9C AD yB BD CD DD"},Q:{"1":"7B"},R:{"1":"ED"},S:{"1":"FD GD"}},B:4,C:"CSS Feature Queries"}});var vb=x((m$,wb)=>{u();function yb(r){return r[r.length-1]}var bb={parse(r){let e=[""],t=[e];for(let i of r){if(i==="("){e=[""],yb(t).push(e),t.push(e);continue}if(i===")"){t.pop(),e=yb(t),e.push("");continue}e[e.length-1]+=i}return t[0]},stringify(r){let e="";for(let t of r){if(typeof t=="object"){e+=`(${bb.stringify(t)})`;continue}e+=t}return e}};wb.exports=bb});var Cb=x((g$,Ab)=>{u();var BO=gb(),{feature:FO}=(Ps(),Rs),{parse:jO}=$e(),zO=Mt(),lu=vb(),UO=He(),VO=_e(),xb=FO(BO),kb=[];for(let r in xb.stats){let e=xb.stats[r];for(let t in e){let i=e[t];/y/.test(i)&&kb.push(r+" "+t)}}var Sb=class{constructor(e,t){this.Prefixes=e,this.all=t}prefixer(){if(this.prefixerCache)return this.prefixerCache;let e=this.all.browsers.selected.filter(i=>kb.includes(i)),t=new zO(this.all.browsers.data,e,this.all.options);return this.prefixerCache=new this.Prefixes(this.all.data,t,this.all.options),this.prefixerCache}parse(e){let t=e.split(":"),i=t[0],n=t[1];return n||(n=""),[i.trim(),n.trim()]}virtual(e){let[t,i]=this.parse(e),n=jO("a{}").first;return n.append({prop:t,value:i,raws:{before:""}}),n}prefixed(e){let t=this.virtual(e);if(this.disabled(t.first))return t.nodes;let i={warn:()=>null},n=this.prefixer().add[t.first.prop];n&&n.process&&n.process(t.first,i);for(let s of t.nodes){for(let a of this.prefixer().values("add",t.first.prop))a.process(s);UO.save(this.all,s)}return t.nodes}isNot(e){return typeof e=="string"&&/not\s*/i.test(e)}isOr(e){return typeof e=="string"&&/\s*or\s*/i.test(e)}isProp(e){return typeof e=="object"&&e.length===1&&typeof e[0]=="string"}isHack(e,t){return!new RegExp(`(\\(|\\s)${VO.escapeRegexp(t)}:`).test(e)}toRemove(e,t){let[i,n]=this.parse(e),s=this.all.unprefixed(i),a=this.all.cleaner();if(a.remove[i]&&a.remove[i].remove&&!this.isHack(t,s))return!0;for(let o of a.values("remove",s))if(o.check(n))return!0;return!1}remove(e,t){let i=0;for(;i<e.length;){if(!this.isNot(e[i-1])&&this.isProp(e[i])&&this.isOr(e[i+1])){if(this.toRemove(e[i][0],t)){e.splice(i,2);continue}i+=2;continue}typeof e[i]=="object"&&(e[i]=this.remove(e[i],t)),i+=1}return e}cleanBrackets(e){return e.map(t=>typeof t!="object"?t:t.length===1&&typeof t[0]=="object"?this.cleanBrackets(t[0]):this.cleanBrackets(t))}convert(e){let t=[""];for(let i of e)t.push([`${i.prop}: ${i.value}`]),t.push(" or ");return t[t.length-1]="",t}normalize(e){if(typeof e!="object")return e;if(e=e.filter(t=>t!==""),typeof e[0]=="string"){let t=e[0].trim();if(t.includes(":")||t==="selector"||t==="not selector")return[lu.stringify(e)]}return e.map(t=>this.normalize(t))}add(e,t){return e.map(i=>{if(this.isProp(i)){let n=this.prefixed(i[0]);return n.length>1?this.convert(n):i}return typeof i=="object"?this.add(i,t):i})}process(e){let t=lu.parse(e.params);t=this.normalize(t),t=this.remove(t,e.params),t=this.add(t,e.params),t=this.cleanBrackets(t),e.params=lu.stringify(t)}disabled(e){if(!this.all.options.grid&&(e.prop==="display"&&e.value.includes("grid")||e.prop.includes("grid")||e.prop==="justify-items"))return!0;if(this.all.options.flexbox===!1){if(e.prop==="display"&&e.value.includes("flex"))return!0;let t=["order","justify-content","align-items","align-content"];if(e.prop.includes("flex")||t.includes(e.prop))return!0}return!1}};Ab.exports=Sb});var Ob=x((y$,Eb)=>{u();var _b=class{constructor(e,t){this.prefix=t,this.prefixed=e.prefixed(this.prefix),this.regexp=e.regexp(this.prefix),this.prefixeds=e.possible().map(i=>[e.prefixed(i),e.regexp(i)]),this.unprefixed=e.name,this.nameRegexp=e.regexp()}isHack(e){let t=e.parent.index(e)+1,i=e.parent.nodes;for(;t<i.length;){let n=i[t].selector;if(!n)return!0;if(n.includes(this.unprefixed)&&n.match(this.nameRegexp))return!1;let s=!1;for(let[a,o]of this.prefixeds)if(n.includes(a)&&n.match(o)){s=!0;break}if(!s)return!0;t+=1}return!0}check(e){return!(!e.selector.includes(this.prefixed)||!e.selector.match(this.regexp)||this.isHack(e))}};Eb.exports=_b});var kr=x((b$,Rb)=>{u();var{list:HO}=$e(),WO=Ob(),GO=wr(),QO=Mt(),YO=_e(),Tb=class extends GO{constructor(e,t,i){super(e,t,i);this.regexpCache=new Map}check(e){return e.selector.includes(this.name)?!!e.selector.match(this.regexp()):!1}prefixed(e){return this.name.replace(/^(\W*)/,`$1${e}`)}regexp(e){if(!this.regexpCache.has(e)){let t=e?this.prefixed(e):this.name;this.regexpCache.set(e,new RegExp(`(^|[^:"'=])${YO.escapeRegexp(t)}`,"gi"))}return this.regexpCache.get(e)}possible(){return QO.prefixes()}prefixeds(e){if(e._autoprefixerPrefixeds){if(e._autoprefixerPrefixeds[this.name])return e._autoprefixerPrefixeds}else e._autoprefixerPrefixeds={};let t={};if(e.selector.includes(",")){let n=HO.comma(e.selector).filter(s=>s.includes(this.name));for(let s of this.possible())t[s]=n.map(a=>this.replace(a,s)).join(", ")}else for(let i of this.possible())t[i]=this.replace(e.selector,i);return e._autoprefixerPrefixeds[this.name]=t,e._autoprefixerPrefixeds}already(e,t,i){let n=e.parent.index(e)-1;for(;n>=0;){let s=e.parent.nodes[n];if(s.type!=="rule")return!1;let a=!1;for(let o in t[this.name]){let l=t[this.name][o];if(s.selector===l){if(i===o)return!0;a=!0;break}}if(!a)return!1;n-=1}return!1}replace(e,t){return e.replace(this.regexp(),`$1${this.prefixed(t)}`)}add(e,t){let i=this.prefixeds(e);if(this.already(e,i,t))return;let n=this.clone(e,{selector:i[this.name][t]});e.parent.insertBefore(e,n)}old(e){return new WO(this,e)}};Rb.exports=Tb});var Db=x((w$,Ib)=>{u();var KO=wr(),Pb=class extends KO{add(e,t){let i=t+e.name;if(e.parent.some(a=>a.name===i&&a.params===e.params))return;let s=this.clone(e,{name:i});return e.parent.insertBefore(e,s)}process(e){let t=this.parentPrefix(e);for(let i of this.prefixes)(!t||t===i)&&this.add(e,i)}};Ib.exports=Pb});var $b=x((v$,qb)=>{u();var XO=kr(),uu=class extends XO{prefixed(e){return e==="-webkit-"?":-webkit-full-screen":e==="-moz-"?":-moz-full-screen":`:${e}fullscreen`}};uu.names=[":fullscreen"];qb.exports=uu});var Mb=x((x$,Lb)=>{u();var ZO=kr(),fu=class extends ZO{possible(){return super.possible().concat(["-moz- old","-ms- old"])}prefixed(e){return e==="-webkit-"?"::-webkit-input-placeholder":e==="-ms-"?"::-ms-input-placeholder":e==="-ms- old"?":-ms-input-placeholder":e==="-moz- old"?":-moz-placeholder":`::${e}placeholder`}};fu.names=["::placeholder"];Lb.exports=fu});var Bb=x((k$,Nb)=>{u();var JO=kr(),cu=class extends JO{prefixed(e){return e==="-ms-"?":-ms-input-placeholder":`:${e}placeholder-shown`}};cu.names=[":placeholder-shown"];Nb.exports=cu});var jb=x((S$,Fb)=>{u();var eT=kr(),tT=_e(),pu=class extends eT{constructor(e,t,i){super(e,t,i);this.prefixes&&(this.prefixes=tT.uniq(this.prefixes.map(n=>"-webkit-")))}prefixed(e){return e==="-webkit-"?"::-webkit-file-upload-button":`::${e}file-selector-button`}};pu.names=["::file-selector-button"];Fb.exports=pu});var Pe=x((A$,zb)=>{u();zb.exports=function(r){let e;return r==="-webkit- 2009"||r==="-moz-"?e=2009:r==="-ms-"?e=2012:r==="-webkit-"&&(e="final"),r==="-webkit- 2009"&&(r="-webkit-"),[e,r]}});var Wb=x((C$,Hb)=>{u();var Ub=$e().list,Vb=Pe(),rT=j(),Sr=class extends rT{prefixed(e,t){let i;return[i,t]=Vb(t),i===2009?t+"box-flex":super.prefixed(e,t)}normalize(){return"flex"}set(e,t){let i=Vb(t)[0];if(i===2009)return e.value=Ub.space(e.value)[0],e.value=Sr.oldValues[e.value]||e.value,super.set(e,t);if(i===2012){let n=Ub.space(e.value);n.length===3&&n[2]==="0"&&(e.value=n.slice(0,2).concat("0px").join(" "))}return super.set(e,t)}};Sr.names=["flex","box-flex"];Sr.oldValues={auto:"1",none:"0"};Hb.exports=Sr});var Yb=x((_$,Qb)=>{u();var Gb=Pe(),iT=j(),du=class extends iT{prefixed(e,t){let i;return[i,t]=Gb(t),i===2009?t+"box-ordinal-group":i===2012?t+"flex-order":super.prefixed(e,t)}normalize(){return"order"}set(e,t){return Gb(t)[0]===2009&&/\d/.test(e.value)?(e.value=(parseInt(e.value)+1).toString(),super.set(e,t)):super.set(e,t)}};du.names=["order","flex-order","box-ordinal-group"];Qb.exports=du});var Xb=x((E$,Kb)=>{u();var nT=j(),hu=class extends nT{check(e){let t=e.value;return!t.toLowerCase().includes("alpha(")&&!t.includes("DXImageTransform.Microsoft")&&!t.includes("data:image/svg+xml")}};hu.names=["filter"];Kb.exports=hu});var Jb=x((O$,Zb)=>{u();var sT=j(),mu=class extends sT{insert(e,t,i,n){if(t!=="-ms-")return super.insert(e,t,i);let s=this.clone(e),a=e.prop.replace(/end$/,"start"),o=t+e.prop.replace(/end$/,"span");if(!e.parent.some(l=>l.prop===o)){if(s.prop=o,e.value.includes("span"))s.value=e.value.replace(/span\s/i,"");else{let l;if(e.parent.walkDecls(a,c=>{l=c}),l){let c=Number(e.value)-Number(l.value)+"";s.value=c}else e.warn(n,`Can not prefix ${e.prop} (${a} is not found)`)}e.cloneBefore(s)}}};mu.names=["grid-row-end","grid-column-end"];Zb.exports=mu});var tw=x((T$,ew)=>{u();var aT=j(),gu=class extends aT{check(e){return!e.value.split(/\s+/).some(t=>{let i=t.toLowerCase();return i==="reverse"||i==="alternate-reverse"})}};gu.names=["animation","animation-direction"];ew.exports=gu});var iw=x((R$,rw)=>{u();var oT=Pe(),lT=j(),yu=class extends lT{insert(e,t,i){let n;if([n,t]=oT(t),n!==2009)return super.insert(e,t,i);let s=e.value.split(/\s+/).filter(d=>d!=="wrap"&&d!=="nowrap"&&"wrap-reverse");if(s.length===0||e.parent.some(d=>d.prop===t+"box-orient"||d.prop===t+"box-direction"))return;let o=s[0],l=o.includes("row")?"horizontal":"vertical",c=o.includes("reverse")?"reverse":"normal",f=this.clone(e);return f.prop=t+"box-orient",f.value=l,this.needCascade(e)&&(f.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,f),f=this.clone(e),f.prop=t+"box-direction",f.value=c,this.needCascade(e)&&(f.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,f)}};yu.names=["flex-flow","box-direction","box-orient"];rw.exports=yu});var sw=x((P$,nw)=>{u();var uT=Pe(),fT=j(),bu=class extends fT{normalize(){return"flex"}prefixed(e,t){let i;return[i,t]=uT(t),i===2009?t+"box-flex":i===2012?t+"flex-positive":super.prefixed(e,t)}};bu.names=["flex-grow","flex-positive"];nw.exports=bu});var ow=x((I$,aw)=>{u();var cT=Pe(),pT=j(),wu=class extends pT{set(e,t){if(cT(t)[0]!==2009)return super.set(e,t)}};wu.names=["flex-wrap"];aw.exports=wu});var uw=x((D$,lw)=>{u();var dT=j(),Ar=Bt(),vu=class extends dT{insert(e,t,i,n){if(t!=="-ms-")return super.insert(e,t,i);let s=Ar.parse(e),[a,o]=Ar.translate(s,0,2),[l,c]=Ar.translate(s,1,3);[["grid-row",a],["grid-row-span",o],["grid-column",l],["grid-column-span",c]].forEach(([f,d])=>{Ar.insertDecl(e,f,d)}),Ar.warnTemplateSelectorNotFound(e,n),Ar.warnIfGridRowColumnExists(e,n)}};vu.names=["grid-area"];lw.exports=vu});var cw=x((q$,fw)=>{u();var hT=j(),Bi=Bt(),xu=class extends hT{insert(e,t,i){if(t!=="-ms-")return super.insert(e,t,i);if(e.parent.some(a=>a.prop==="-ms-grid-row-align"))return;let[[n,s]]=Bi.parse(e);s?(Bi.insertDecl(e,"grid-row-align",n),Bi.insertDecl(e,"grid-column-align",s)):(Bi.insertDecl(e,"grid-row-align",n),Bi.insertDecl(e,"grid-column-align",n))}};xu.names=["place-self"];fw.exports=xu});var dw=x(($$,pw)=>{u();var mT=j(),ku=class extends mT{check(e){let t=e.value;return!t.includes("/")||t.includes("span")}normalize(e){return e.replace("-start","")}prefixed(e,t){let i=super.prefixed(e,t);return t==="-ms-"&&(i=i.replace("-start","")),i}};ku.names=["grid-row-start","grid-column-start"];pw.exports=ku});var gw=x((L$,mw)=>{u();var hw=Pe(),gT=j(),Cr=class extends gT{check(e){return e.parent&&!e.parent.some(t=>t.prop&&t.prop.startsWith("grid-"))}prefixed(e,t){let i;return[i,t]=hw(t),i===2012?t+"flex-item-align":super.prefixed(e,t)}normalize(){return"align-self"}set(e,t){let i=hw(t)[0];if(i===2012)return e.value=Cr.oldValues[e.value]||e.value,super.set(e,t);if(i==="final")return super.set(e,t)}};Cr.names=["align-self","flex-item-align"];Cr.oldValues={"flex-end":"end","flex-start":"start"};mw.exports=Cr});var bw=x((M$,yw)=>{u();var yT=j(),bT=_e(),Su=class extends yT{constructor(e,t,i){super(e,t,i);this.prefixes&&(this.prefixes=bT.uniq(this.prefixes.map(n=>n==="-ms-"?"-webkit-":n)))}};Su.names=["appearance"];yw.exports=Su});var xw=x((N$,vw)=>{u();var ww=Pe(),wT=j(),Au=class extends wT{normalize(){return"flex-basis"}prefixed(e,t){let i;return[i,t]=ww(t),i===2012?t+"flex-preferred-size":super.prefixed(e,t)}set(e,t){let i;if([i,t]=ww(t),i===2012||i==="final")return super.set(e,t)}};Au.names=["flex-basis","flex-preferred-size"];vw.exports=Au});var Sw=x((B$,kw)=>{u();var vT=j(),Cu=class extends vT{normalize(){return this.name.replace("box-image","border")}prefixed(e,t){let i=super.prefixed(e,t);return t==="-webkit-"&&(i=i.replace("border","box-image")),i}};Cu.names=["mask-border","mask-border-source","mask-border-slice","mask-border-width","mask-border-outset","mask-border-repeat","mask-box-image","mask-box-image-source","mask-box-image-slice","mask-box-image-width","mask-box-image-outset","mask-box-image-repeat"];kw.exports=Cu});var Cw=x((F$,Aw)=>{u();var xT=j(),lt=class extends xT{insert(e,t,i){let n=e.prop==="mask-composite",s;n?s=e.value.split(","):s=e.value.match(lt.regexp)||[],s=s.map(c=>c.trim()).filter(c=>c);let a=s.length,o;if(a&&(o=this.clone(e),o.value=s.map(c=>lt.oldValues[c]||c).join(", "),s.includes("intersect")&&(o.value+=", xor"),o.prop=t+"mask-composite"),n)return a?(this.needCascade(e)&&(o.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,o)):void 0;let l=this.clone(e);return l.prop=t+l.prop,a&&(l.value=l.value.replace(lt.regexp,"")),this.needCascade(e)&&(l.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,l),a?(this.needCascade(e)&&(o.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,o)):e}};lt.names=["mask","mask-composite"];lt.oldValues={add:"source-over",subtract:"source-out",intersect:"source-in",exclude:"xor"};lt.regexp=new RegExp(`\\s+(${Object.keys(lt.oldValues).join("|")})\\b(?!\\))\\s*(?=[,])`,"ig");Aw.exports=lt});var Ow=x((j$,Ew)=>{u();var _w=Pe(),kT=j(),_r=class extends kT{prefixed(e,t){let i;return[i,t]=_w(t),i===2009?t+"box-align":i===2012?t+"flex-align":super.prefixed(e,t)}normalize(){return"align-items"}set(e,t){let i=_w(t)[0];return(i===2009||i===2012)&&(e.value=_r.oldValues[e.value]||e.value),super.set(e,t)}};_r.names=["align-items","flex-align","box-align"];_r.oldValues={"flex-end":"end","flex-start":"start"};Ew.exports=_r});var Rw=x((z$,Tw)=>{u();var ST=j(),_u=class extends ST{set(e,t){return t==="-ms-"&&e.value==="contain"&&(e.value="element"),super.set(e,t)}insert(e,t,i){if(!(e.value==="all"&&t==="-ms-"))return super.insert(e,t,i)}};_u.names=["user-select"];Tw.exports=_u});var Dw=x((U$,Iw)=>{u();var Pw=Pe(),AT=j(),Eu=class extends AT{normalize(){return"flex-shrink"}prefixed(e,t){let i;return[i,t]=Pw(t),i===2012?t+"flex-negative":super.prefixed(e,t)}set(e,t){let i;if([i,t]=Pw(t),i===2012||i==="final")return super.set(e,t)}};Eu.names=["flex-shrink","flex-negative"];Iw.exports=Eu});var $w=x((V$,qw)=>{u();var CT=j(),Ou=class extends CT{prefixed(e,t){return`${t}column-${e}`}normalize(e){return e.includes("inside")?"break-inside":e.includes("before")?"break-before":"break-after"}set(e,t){return(e.prop==="break-inside"&&e.value==="avoid-column"||e.value==="avoid-page")&&(e.value="avoid"),super.set(e,t)}insert(e,t,i){if(e.prop!=="break-inside")return super.insert(e,t,i);if(!(/region/i.test(e.value)||/page/i.test(e.value)))return super.insert(e,t,i)}};Ou.names=["break-inside","page-break-inside","column-break-inside","break-before","page-break-before","column-break-before","break-after","page-break-after","column-break-after"];qw.exports=Ou});var Mw=x((H$,Lw)=>{u();var _T=j(),Tu=class extends _T{prefixed(e,t){return t+"print-color-adjust"}normalize(){return"color-adjust"}};Tu.names=["color-adjust","print-color-adjust"];Lw.exports=Tu});var Bw=x((W$,Nw)=>{u();var ET=j(),Er=class extends ET{insert(e,t,i){if(t==="-ms-"){let n=this.set(this.clone(e),t);this.needCascade(e)&&(n.raws.before=this.calcBefore(i,e,t));let s="ltr";return e.parent.nodes.forEach(a=>{a.prop==="direction"&&(a.value==="rtl"||a.value==="ltr")&&(s=a.value)}),n.value=Er.msValues[s][e.value]||e.value,e.parent.insertBefore(e,n)}return super.insert(e,t,i)}};Er.names=["writing-mode"];Er.msValues={ltr:{"horizontal-tb":"lr-tb","vertical-rl":"tb-rl","vertical-lr":"tb-lr"},rtl:{"horizontal-tb":"rl-tb","vertical-rl":"bt-rl","vertical-lr":"bt-lr"}};Nw.exports=Er});var jw=x((G$,Fw)=>{u();var OT=j(),Ru=class extends OT{set(e,t){return e.value=e.value.replace(/\s+fill(\s)/,"$1"),super.set(e,t)}};Ru.names=["border-image"];Fw.exports=Ru});var Vw=x((Q$,Uw)=>{u();var zw=Pe(),TT=j(),Or=class extends TT{prefixed(e,t){let i;return[i,t]=zw(t),i===2012?t+"flex-line-pack":super.prefixed(e,t)}normalize(){return"align-content"}set(e,t){let i=zw(t)[0];if(i===2012)return e.value=Or.oldValues[e.value]||e.value,super.set(e,t);if(i==="final")return super.set(e,t)}};Or.names=["align-content","flex-line-pack"];Or.oldValues={"flex-end":"end","flex-start":"start","space-between":"justify","space-around":"distribute"};Uw.exports=Or});var Ww=x((Y$,Hw)=>{u();var RT=j(),We=class extends RT{prefixed(e,t){return t==="-moz-"?t+(We.toMozilla[e]||e):super.prefixed(e,t)}normalize(e){return We.toNormal[e]||e}};We.names=["border-radius"];We.toMozilla={};We.toNormal={};for(let r of["top","bottom"])for(let e of["left","right"]){let t=`border-${r}-${e}-radius`,i=`border-radius-${r}${e}`;We.names.push(t),We.names.push(i),We.toMozilla[t]=i,We.toNormal[i]=t}Hw.exports=We});var Qw=x((K$,Gw)=>{u();var PT=j(),Pu=class extends PT{prefixed(e,t){return e.includes("-start")?t+e.replace("-block-start","-before"):t+e.replace("-block-end","-after")}normalize(e){return e.includes("-before")?e.replace("-before","-block-start"):e.replace("-after","-block-end")}};Pu.names=["border-block-start","border-block-end","margin-block-start","margin-block-end","padding-block-start","padding-block-end","border-before","border-after","margin-before","margin-after","padding-before","padding-after"];Gw.exports=Pu});var Kw=x((X$,Yw)=>{u();var IT=j(),{parseTemplate:DT,warnMissedAreas:qT,getGridGap:$T,warnGridGap:LT,inheritGridGap:MT}=Bt(),Iu=class extends IT{insert(e,t,i,n){if(t!=="-ms-")return super.insert(e,t,i);if(e.parent.some(h=>h.prop==="-ms-grid-rows"))return;let s=$T(e),a=MT(e,s),{rows:o,columns:l,areas:c}=DT({decl:e,gap:a||s}),f=Object.keys(c).length>0,d=Boolean(o),p=Boolean(l);return LT({gap:s,hasColumns:p,decl:e,result:n}),qT(c,e,n),(d&&p||f)&&e.cloneBefore({prop:"-ms-grid-rows",value:o,raws:{}}),p&&e.cloneBefore({prop:"-ms-grid-columns",value:l,raws:{}}),e}};Iu.names=["grid-template"];Yw.exports=Iu});var Zw=x((Z$,Xw)=>{u();var NT=j(),Du=class extends NT{prefixed(e,t){return t+e.replace("-inline","")}normalize(e){return e.replace(/(margin|padding|border)-(start|end)/,"$1-inline-$2")}};Du.names=["border-inline-start","border-inline-end","margin-inline-start","margin-inline-end","padding-inline-start","padding-inline-end","border-start","border-end","margin-start","margin-end","padding-start","padding-end"];Xw.exports=Du});var e0=x((J$,Jw)=>{u();var BT=j(),qu=class extends BT{check(e){return!e.value.includes("flex-")&&e.value!=="baseline"}prefixed(e,t){return t+"grid-row-align"}normalize(){return"align-self"}};qu.names=["grid-row-align"];Jw.exports=qu});var r0=x((eL,t0)=>{u();var FT=j(),Tr=class extends FT{keyframeParents(e){let{parent:t}=e;for(;t;){if(t.type==="atrule"&&t.name==="keyframes")return!0;({parent:t}=t)}return!1}contain3d(e){if(e.prop==="transform-origin")return!1;for(let t of Tr.functions3d)if(e.value.includes(`${t}(`))return!0;return!1}set(e,t){return e=super.set(e,t),t==="-ms-"&&(e.value=e.value.replace(/rotatez/gi,"rotate")),e}insert(e,t,i){if(t==="-ms-"){if(!this.contain3d(e)&&!this.keyframeParents(e))return super.insert(e,t,i)}else if(t==="-o-"){if(!this.contain3d(e))return super.insert(e,t,i)}else return super.insert(e,t,i)}};Tr.names=["transform","transform-origin"];Tr.functions3d=["matrix3d","translate3d","translateZ","scale3d","scaleZ","rotate3d","rotateX","rotateY","perspective"];t0.exports=Tr});var s0=x((tL,n0)=>{u();var i0=Pe(),jT=j(),$u=class extends jT{normalize(){return"flex-direction"}insert(e,t,i){let n;if([n,t]=i0(t),n!==2009)return super.insert(e,t,i);if(e.parent.some(f=>f.prop===t+"box-orient"||f.prop===t+"box-direction"))return;let a=e.value,o,l;a==="inherit"||a==="initial"||a==="unset"?(o=a,l=a):(o=a.includes("row")?"horizontal":"vertical",l=a.includes("reverse")?"reverse":"normal");let c=this.clone(e);return c.prop=t+"box-orient",c.value=o,this.needCascade(e)&&(c.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,c),c=this.clone(e),c.prop=t+"box-direction",c.value=l,this.needCascade(e)&&(c.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,c)}old(e,t){let i;return[i,t]=i0(t),i===2009?[t+"box-orient",t+"box-direction"]:super.old(e,t)}};$u.names=["flex-direction","box-direction","box-orient"];n0.exports=$u});var o0=x((rL,a0)=>{u();var zT=j(),Lu=class extends zT{check(e){return e.value==="pixelated"}prefixed(e,t){return t==="-ms-"?"-ms-interpolation-mode":super.prefixed(e,t)}set(e,t){return t!=="-ms-"?super.set(e,t):(e.prop="-ms-interpolation-mode",e.value="nearest-neighbor",e)}normalize(){return"image-rendering"}process(e,t){return super.process(e,t)}};Lu.names=["image-rendering","interpolation-mode"];a0.exports=Lu});var u0=x((iL,l0)=>{u();var UT=j(),VT=_e(),Mu=class extends UT{constructor(e,t,i){super(e,t,i);this.prefixes&&(this.prefixes=VT.uniq(this.prefixes.map(n=>n==="-ms-"?"-webkit-":n)))}};Mu.names=["backdrop-filter"];l0.exports=Mu});var c0=x((nL,f0)=>{u();var HT=j(),WT=_e(),Nu=class extends HT{constructor(e,t,i){super(e,t,i);this.prefixes&&(this.prefixes=WT.uniq(this.prefixes.map(n=>n==="-ms-"?"-webkit-":n)))}check(e){return e.value.toLowerCase()==="text"}};Nu.names=["background-clip"];f0.exports=Nu});var d0=x((sL,p0)=>{u();var GT=j(),QT=["none","underline","overline","line-through","blink","inherit","initial","unset"],Bu=class extends GT{check(e){return e.value.split(/\s+/).some(t=>!QT.includes(t))}};Bu.names=["text-decoration"];p0.exports=Bu});var g0=x((aL,m0)=>{u();var h0=Pe(),YT=j(),Rr=class extends YT{prefixed(e,t){let i;return[i,t]=h0(t),i===2009?t+"box-pack":i===2012?t+"flex-pack":super.prefixed(e,t)}normalize(){return"justify-content"}set(e,t){let i=h0(t)[0];if(i===2009||i===2012){let n=Rr.oldValues[e.value]||e.value;if(e.value=n,i!==2009||n!=="distribute")return super.set(e,t)}else if(i==="final")return super.set(e,t)}};Rr.names=["justify-content","flex-pack","box-pack"];Rr.oldValues={"flex-end":"end","flex-start":"start","space-between":"justify","space-around":"distribute"};m0.exports=Rr});var b0=x((oL,y0)=>{u();var KT=j(),Fu=class extends KT{set(e,t){let i=e.value.toLowerCase();return t==="-webkit-"&&!i.includes(" ")&&i!=="contain"&&i!=="cover"&&(e.value=e.value+" "+e.value),super.set(e,t)}};Fu.names=["background-size"];y0.exports=Fu});var v0=x((lL,w0)=>{u();var XT=j(),ju=Bt(),zu=class extends XT{insert(e,t,i){if(t!=="-ms-")return super.insert(e,t,i);let n=ju.parse(e),[s,a]=ju.translate(n,0,1);n[0]&&n[0].includes("span")&&(a=n[0].join("").replace(/\D/g,"")),[[e.prop,s],[`${e.prop}-span`,a]].forEach(([l,c])=>{ju.insertDecl(e,l,c)})}};zu.names=["grid-row","grid-column"];w0.exports=zu});var S0=x((uL,k0)=>{u();var ZT=j(),{prefixTrackProp:x0,prefixTrackValue:JT,autoplaceGridItems:eR,getGridGap:tR,inheritGridGap:rR}=Bt(),iR=ou(),Uu=class extends ZT{prefixed(e,t){return t==="-ms-"?x0({prop:e,prefix:t}):super.prefixed(e,t)}normalize(e){return e.replace(/^grid-(rows|columns)/,"grid-template-$1")}insert(e,t,i,n){if(t!=="-ms-")return super.insert(e,t,i);let{parent:s,prop:a,value:o}=e,l=a.includes("rows"),c=a.includes("columns"),f=s.some(k=>k.prop==="grid-template"||k.prop==="grid-template-areas");if(f&&l)return!1;let d=new iR({options:{}}),p=d.gridStatus(s,n),h=tR(e);h=rR(e,h)||h;let b=l?h.row:h.column;(p==="no-autoplace"||p===!0)&&!f&&(b=null);let v=JT({value:o,gap:b});e.cloneBefore({prop:x0({prop:a,prefix:t}),value:v});let y=s.nodes.find(k=>k.prop==="grid-auto-flow"),w="row";if(y&&!d.disabled(y,n)&&(w=y.value.trim()),p==="autoplace"){let k=s.nodes.find(E=>E.prop==="grid-template-rows");if(!k&&f)return;if(!k&&!f){e.warn(n,"Autoplacement does not work without grid-template-rows property");return}!s.nodes.find(E=>E.prop==="grid-template-columns")&&!f&&e.warn(n,"Autoplacement does not work without grid-template-columns property"),c&&!f&&eR(e,n,h,w)}}};Uu.names=["grid-template-rows","grid-template-columns","grid-rows","grid-columns"];k0.exports=Uu});var C0=x((fL,A0)=>{u();var nR=j(),Vu=class extends nR{check(e){return!e.value.includes("flex-")&&e.value!=="baseline"}prefixed(e,t){return t+"grid-column-align"}normalize(){return"justify-self"}};Vu.names=["grid-column-align"];A0.exports=Vu});var E0=x((cL,_0)=>{u();var sR=j(),Hu=class extends sR{prefixed(e,t){return t+"scroll-chaining"}normalize(){return"overscroll-behavior"}set(e,t){return e.value==="auto"?e.value="chained":(e.value==="none"||e.value==="contain")&&(e.value="none"),super.set(e,t)}};Hu.names=["overscroll-behavior","scroll-chaining"];_0.exports=Hu});var R0=x((pL,T0)=>{u();var aR=j(),{parseGridAreas:oR,warnMissedAreas:lR,prefixTrackProp:uR,prefixTrackValue:O0,getGridGap:fR,warnGridGap:cR,inheritGridGap:pR}=Bt();function dR(r){return r.trim().slice(1,-1).split(/["']\s*["']?/g)}var Wu=class extends aR{insert(e,t,i,n){if(t!=="-ms-")return super.insert(e,t,i);let s=!1,a=!1,o=e.parent,l=fR(e);l=pR(e,l)||l,o.walkDecls(/-ms-grid-rows/,d=>d.remove()),o.walkDecls(/grid-template-(rows|columns)/,d=>{if(d.prop==="grid-template-rows"){a=!0;let{prop:p,value:h}=d;d.cloneBefore({prop:uR({prop:p,prefix:t}),value:O0({value:h,gap:l.row})})}else s=!0});let c=dR(e.value);s&&!a&&l.row&&c.length>1&&e.cloneBefore({prop:"-ms-grid-rows",value:O0({value:`repeat(${c.length}, auto)`,gap:l.row}),raws:{}}),cR({gap:l,hasColumns:s,decl:e,result:n});let f=oR({rows:c,gap:l});return lR(f,e,n),e}};Wu.names=["grid-template-areas"];T0.exports=Wu});var I0=x((dL,P0)=>{u();var hR=j(),Gu=class extends hR{set(e,t){return t==="-webkit-"&&(e.value=e.value.replace(/\s*(right|left)\s*/i,"")),super.set(e,t)}};Gu.names=["text-emphasis-position"];P0.exports=Gu});var q0=x((hL,D0)=>{u();var mR=j(),Qu=class extends mR{set(e,t){return e.prop==="text-decoration-skip-ink"&&e.value==="auto"?(e.prop=t+"text-decoration-skip",e.value="ink",e):super.set(e,t)}};Qu.names=["text-decoration-skip-ink","text-decoration-skip"];D0.exports=Qu});var F0=x((mL,B0)=>{u();"use strict";B0.exports={wrap:$0,limit:L0,validate:M0,test:Yu,curry:gR,name:N0};function $0(r,e,t){var i=e-r;return((t-r)%i+i)%i+r}function L0(r,e,t){return Math.max(r,Math.min(e,t))}function M0(r,e,t,i,n){if(!Yu(r,e,t,i,n))throw new Error(t+" is outside of range ["+r+","+e+")");return t}function Yu(r,e,t,i,n){return!(t<r||t>e||n&&t===e||i&&t===r)}function N0(r,e,t,i){return(t?"(":"[")+r+","+e+(i?")":"]")}function gR(r,e,t,i){var n=N0.bind(null,r,e,t,i);return{wrap:$0.bind(null,r,e),limit:L0.bind(null,r,e),validate:function(s){return M0(r,e,s,t,i)},test:function(s){return Yu(r,e,s,t,i)},toString:n,name:n}}});var U0=x((gL,z0)=>{u();var Ku=Ms(),yR=F0(),bR=xr(),wR=He(),vR=_e(),j0=/top|left|right|bottom/gi,wt=class extends wR{replace(e,t){let i=Ku(e);for(let n of i.nodes)if(n.type==="function"&&n.value===this.name)if(n.nodes=this.newDirection(n.nodes),n.nodes=this.normalize(n.nodes),t==="-webkit- old"){if(!this.oldWebkit(n))return!1}else n.nodes=this.convertDirection(n.nodes),n.value=t+n.value;return i.toString()}replaceFirst(e,...t){return t.map(n=>n===" "?{type:"space",value:n}:{type:"word",value:n}).concat(e.slice(1))}normalizeUnit(e,t){return`${parseFloat(e)/t*360}deg`}normalize(e){if(!e[0])return e;if(/-?\d+(.\d+)?grad/.test(e[0].value))e[0].value=this.normalizeUnit(e[0].value,400);else if(/-?\d+(.\d+)?rad/.test(e[0].value))e[0].value=this.normalizeUnit(e[0].value,2*Math.PI);else if(/-?\d+(.\d+)?turn/.test(e[0].value))e[0].value=this.normalizeUnit(e[0].value,1);else if(e[0].value.includes("deg")){let t=parseFloat(e[0].value);t=yR.wrap(0,360,t),e[0].value=`${t}deg`}return e[0].value==="0deg"?e=this.replaceFirst(e,"to"," ","top"):e[0].value==="90deg"?e=this.replaceFirst(e,"to"," ","right"):e[0].value==="180deg"?e=this.replaceFirst(e,"to"," ","bottom"):e[0].value==="270deg"&&(e=this.replaceFirst(e,"to"," ","left")),e}newDirection(e){if(e[0].value==="to"||(j0.lastIndex=0,!j0.test(e[0].value)))return e;e.unshift({type:"word",value:"to"},{type:"space",value:" "});for(let t=2;t<e.length&&e[t].type!=="div";t++)e[t].type==="word"&&(e[t].value=this.revertDirection(e[t].value));return e}isRadial(e){let t="before";for(let i of e)if(t==="before"&&i.type==="space")t="at";else if(t==="at"&&i.value==="at")t="after";else{if(t==="after"&&i.type==="space")return!0;if(i.type==="div")break;t="before"}return!1}convertDirection(e){return e.length>0&&(e[0].value==="to"?this.fixDirection(e):e[0].value.includes("deg")?this.fixAngle(e):this.isRadial(e)&&this.fixRadial(e)),e}fixDirection(e){e.splice(0,2);for(let t of e){if(t.type==="div")break;t.type==="word"&&(t.value=this.revertDirection(t.value))}}fixAngle(e){let t=e[0].value;t=parseFloat(t),t=Math.abs(450-t)%360,t=this.roundFloat(t,3),e[0].value=`${t}deg`}fixRadial(e){let t=[],i=[],n,s,a,o,l;for(o=0;o<e.length-2;o++)if(n=e[o],s=e[o+1],a=e[o+2],n.type==="space"&&s.value==="at"&&a.type==="space"){l=o+3;break}else t.push(n);let c;for(o=l;o<e.length;o++)if(e[o].type==="div"){c=e[o];break}else i.push(e[o]);e.splice(0,o,...i,c,...t)}revertDirection(e){return wt.directions[e.toLowerCase()]||e}roundFloat(e,t){return parseFloat(e.toFixed(t))}oldWebkit(e){let{nodes:t}=e,i=Ku.stringify(e.nodes);if(this.name!=="linear-gradient"||t[0]&&t[0].value.includes("deg")||i.includes("px")||i.includes("-corner")||i.includes("-side"))return!1;let n=[[]];for(let s of t)n[n.length-1].push(s),s.type==="div"&&s.value===","&&n.push([]);this.oldDirection(n),this.colorStops(n),e.nodes=[];for(let s of n)e.nodes=e.nodes.concat(s);return e.nodes.unshift({type:"word",value:"linear"},this.cloneDiv(e.nodes)),e.value="-webkit-gradient",!0}oldDirection(e){let t=this.cloneDiv(e[0]);if(e[0][0].value!=="to")return e.unshift([{type:"word",value:wt.oldDirections.bottom},t]);{let i=[];for(let s of e[0].slice(2))s.type==="word"&&i.push(s.value.toLowerCase());i=i.join(" ");let n=wt.oldDirections[i]||i;return e[0]=[{type:"word",value:n},t],e[0]}}cloneDiv(e){for(let t of e)if(t.type==="div"&&t.value===",")return t;return{type:"div",value:",",after:" "}}colorStops(e){let t=[];for(let i=0;i<e.length;i++){let n,s=e[i],a;if(i===0)continue;let o=Ku.stringify(s[0]);s[1]&&s[1].type==="word"?n=s[1].value:s[2]&&s[2].type==="word"&&(n=s[2].value);let l;i===1&&(!n||n==="0%")?l=`from(${o})`:i===e.length-1&&(!n||n==="100%")?l=`to(${o})`:n?l=`color-stop(${n}, ${o})`:l=`color-stop(${o})`;let c=s[s.length-1];e[i]=[{type:"word",value:l}],c.type==="div"&&c.value===","&&(a=e[i].push(c)),t.push(a)}return t}old(e){if(e==="-webkit-"){let t=this.name==="linear-gradient"?"linear":"radial",i="-gradient",n=vR.regexp(`-webkit-(${t}-gradient|gradient\\(\\s*${t})`,!1);return new bR(this.name,e+this.name,i,n)}else return super.old(e)}add(e,t){let i=e.prop;if(i.includes("mask")){if(t==="-webkit-"||t==="-webkit- old")return super.add(e,t)}else if(i==="list-style"||i==="list-style-image"||i==="content"){if(t==="-webkit-"||t==="-webkit- old")return super.add(e,t)}else return super.add(e,t)}};wt.names=["linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient"];wt.directions={top:"bottom",left:"right",bottom:"top",right:"left"};wt.oldDirections={top:"left bottom, left top",left:"right top, left top",bottom:"left top, left bottom",right:"left top, right top","top right":"left bottom, right top","top left":"right bottom, left top","right top":"left bottom, right top","right bottom":"left top, right bottom","bottom right":"left top, right bottom","bottom left":"right top, left bottom","left top":"right bottom, left top","left bottom":"right top, left bottom"};z0.exports=wt});var W0=x((yL,H0)=>{u();var xR=xr(),kR=He();function V0(r){return new RegExp(`(^|[\\s,(])(${r}($|[\\s),]))`,"gi")}var Xu=class extends kR{regexp(){return this.regexpCache||(this.regexpCache=V0(this.name)),this.regexpCache}isStretch(){return this.name==="stretch"||this.name==="fill"||this.name==="fill-available"}replace(e,t){return t==="-moz-"&&this.isStretch()?e.replace(this.regexp(),"$1-moz-available$3"):t==="-webkit-"&&this.isStretch()?e.replace(this.regexp(),"$1-webkit-fill-available$3"):super.replace(e,t)}old(e){let t=e+this.name;return this.isStretch()&&(e==="-moz-"?t="-moz-available":e==="-webkit-"&&(t="-webkit-fill-available")),new xR(this.name,t,t,V0(t))}add(e,t){if(!(e.prop.includes("grid")&&t!=="-webkit-"))return super.add(e,t)}};Xu.names=["max-content","min-content","fit-content","fill","fill-available","stretch"];H0.exports=Xu});var Y0=x((bL,Q0)=>{u();var G0=xr(),SR=He(),Zu=class extends SR{replace(e,t){return t==="-webkit-"?e.replace(this.regexp(),"$1-webkit-optimize-contrast"):t==="-moz-"?e.replace(this.regexp(),"$1-moz-crisp-edges"):super.replace(e,t)}old(e){return e==="-webkit-"?new G0(this.name,"-webkit-optimize-contrast"):e==="-moz-"?new G0(this.name,"-moz-crisp-edges"):super.old(e)}};Zu.names=["pixelated"];Q0.exports=Zu});var X0=x((wL,K0)=>{u();var AR=He(),Ju=class extends AR{replace(e,t){let i=super.replace(e,t);return t==="-webkit-"&&(i=i.replace(/("[^"]+"|'[^']+')(\s+\d+\w)/gi,"url($1)$2")),i}};Ju.names=["image-set"];K0.exports=Ju});var J0=x((vL,Z0)=>{u();var CR=$e().list,_R=He(),ef=class extends _R{replace(e,t){return CR.space(e).map(i=>{if(i.slice(0,+this.name.length+1)!==this.name+"(")return i;let n=i.lastIndexOf(")"),s=i.slice(n+1),a=i.slice(this.name.length+1,n);if(t==="-webkit-"){let o=a.match(/\d*.?\d+%?/);o?(a=a.slice(o[0].length).trim(),a+=`, ${o[0]}`):a+=", 0.5"}return t+this.name+"("+a+")"+s}).join(" ")}};ef.names=["cross-fade"];Z0.exports=ef});var tv=x((xL,ev)=>{u();var ER=Pe(),OR=xr(),TR=He(),tf=class extends TR{constructor(e,t){super(e,t);e==="display-flex"&&(this.name="flex")}check(e){return e.prop==="display"&&e.value===this.name}prefixed(e){let t,i;return[t,e]=ER(e),t===2009?this.name==="flex"?i="box":i="inline-box":t===2012?this.name==="flex"?i="flexbox":i="inline-flexbox":t==="final"&&(i=this.name),e+i}replace(e,t){return this.prefixed(t)}old(e){let t=this.prefixed(e);if(!!t)return new OR(this.name,t)}};tf.names=["display-flex","inline-flex"];ev.exports=tf});var iv=x((kL,rv)=>{u();var RR=He(),rf=class extends RR{constructor(e,t){super(e,t);e==="display-grid"&&(this.name="grid")}check(e){return e.prop==="display"&&e.value===this.name}};rf.names=["display-grid","inline-grid"];rv.exports=rf});var sv=x((SL,nv)=>{u();var PR=He(),nf=class extends PR{constructor(e,t){super(e,t);e==="filter-function"&&(this.name="filter")}};nf.names=["filter","filter-function"];nv.exports=nf});var uv=x((AL,lv)=>{u();var av=Ni(),z=j(),ov=zy(),IR=ab(),DR=ou(),qR=Cb(),sf=Mt(),Pr=kr(),$R=Db(),ut=He(),Ir=_e(),LR=$b(),MR=Mb(),NR=Bb(),BR=jb(),FR=Wb(),jR=Yb(),zR=Xb(),UR=Jb(),VR=tw(),HR=iw(),WR=sw(),GR=ow(),QR=uw(),YR=cw(),KR=dw(),XR=gw(),ZR=bw(),JR=xw(),e5=Sw(),t5=Cw(),r5=Ow(),i5=Rw(),n5=Dw(),s5=$w(),a5=Mw(),o5=Bw(),l5=jw(),u5=Vw(),f5=Ww(),c5=Qw(),p5=Kw(),d5=Zw(),h5=e0(),m5=r0(),g5=s0(),y5=o0(),b5=u0(),w5=c0(),v5=d0(),x5=g0(),k5=b0(),S5=v0(),A5=S0(),C5=C0(),_5=E0(),E5=R0(),O5=I0(),T5=q0(),R5=U0(),P5=W0(),I5=Y0(),D5=X0(),q5=J0(),$5=tv(),L5=iv(),M5=sv();Pr.hack(LR);Pr.hack(MR);Pr.hack(NR);Pr.hack(BR);z.hack(FR);z.hack(jR);z.hack(zR);z.hack(UR);z.hack(VR);z.hack(HR);z.hack(WR);z.hack(GR);z.hack(QR);z.hack(YR);z.hack(KR);z.hack(XR);z.hack(ZR);z.hack(JR);z.hack(e5);z.hack(t5);z.hack(r5);z.hack(i5);z.hack(n5);z.hack(s5);z.hack(a5);z.hack(o5);z.hack(l5);z.hack(u5);z.hack(f5);z.hack(c5);z.hack(p5);z.hack(d5);z.hack(h5);z.hack(m5);z.hack(g5);z.hack(y5);z.hack(b5);z.hack(w5);z.hack(v5);z.hack(x5);z.hack(k5);z.hack(S5);z.hack(A5);z.hack(C5);z.hack(_5);z.hack(E5);z.hack(O5);z.hack(T5);ut.hack(R5);ut.hack(P5);ut.hack(I5);ut.hack(D5);ut.hack(q5);ut.hack($5);ut.hack(L5);ut.hack(M5);var af=new Map,Fi=class{constructor(e,t,i={}){this.data=e,this.browsers=t,this.options=i,[this.add,this.remove]=this.preprocess(this.select(this.data)),this.transition=new IR(this),this.processor=new DR(this)}cleaner(){if(this.cleanerCache)return this.cleanerCache;if(this.browsers.selected.length){let e=new sf(this.browsers.data,[]);this.cleanerCache=new Fi(this.data,e,this.options)}else return this;return this.cleanerCache}select(e){let t={add:{},remove:{}};for(let i in e){let n=e[i],s=n.browsers.map(l=>{let c=l.split(" ");return{browser:`${c[0]} ${c[1]}`,note:c[2]}}),a=s.filter(l=>l.note).map(l=>`${this.browsers.prefix(l.browser)} ${l.note}`);a=Ir.uniq(a),s=s.filter(l=>this.browsers.isSelected(l.browser)).map(l=>{let c=this.browsers.prefix(l.browser);return l.note?`${c} ${l.note}`:c}),s=this.sort(Ir.uniq(s)),this.options.flexbox==="no-2009"&&(s=s.filter(l=>!l.includes("2009")));let o=n.browsers.map(l=>this.browsers.prefix(l));n.mistakes&&(o=o.concat(n.mistakes)),o=o.concat(a),o=Ir.uniq(o),s.length?(t.add[i]=s,s.length<o.length&&(t.remove[i]=o.filter(l=>!s.includes(l)))):t.remove[i]=o}return t}sort(e){return e.sort((t,i)=>{let n=Ir.removeNote(t).length,s=Ir.removeNote(i).length;return n===s?i.length-t.length:s-n})}preprocess(e){let t={selectors:[],"@supports":new qR(Fi,this)};for(let n in e.add){let s=e.add[n];if(n==="@keyframes"||n==="@viewport")t[n]=new $R(n,s,this);else if(n==="@resolution")t[n]=new ov(n,s,this);else if(this.data[n].selector)t.selectors.push(Pr.load(n,s,this));else{let a=this.data[n].props;if(a){let o=ut.load(n,s,this);for(let l of a)t[l]||(t[l]={values:[]}),t[l].values.push(o)}else{let o=t[n]&&t[n].values||[];t[n]=z.load(n,s,this),t[n].values=o}}}let i={selectors:[]};for(let n in e.remove){let s=e.remove[n];if(this.data[n].selector){let a=Pr.load(n,s);for(let o of s)i.selectors.push(a.old(o))}else if(n==="@keyframes"||n==="@viewport")for(let a of s){let o=`@${a}${n.slice(1)}`;i[o]={remove:!0}}else if(n==="@resolution")i[n]=new ov(n,s,this);else{let a=this.data[n].props;if(a){let o=ut.load(n,[],this);for(let l of s){let c=o.old(l);if(c)for(let f of a)i[f]||(i[f]={}),i[f].values||(i[f].values=[]),i[f].values.push(c)}}else for(let o of s){let l=this.decl(n).old(n,o);if(n==="align-self"){let c=t[n]&&t[n].prefixes;if(c){if(o==="-webkit- 2009"&&c.includes("-webkit-"))continue;if(o==="-webkit-"&&c.includes("-webkit- 2009"))continue}}for(let c of l)i[c]||(i[c]={}),i[c].remove=!0}}}return[t,i]}decl(e){return af.has(e)||af.set(e,z.load(e)),af.get(e)}unprefixed(e){let t=this.normalize(av.unprefixed(e));return t==="flex-direction"&&(t="flex-flow"),t}normalize(e){return this.decl(e).normalize(e)}prefixed(e,t){return e=av.unprefixed(e),this.decl(e).prefixed(e,t)}values(e,t){let i=this[e],n=i["*"]&&i["*"].values,s=i[t]&&i[t].values;return n&&s?Ir.uniq(n.concat(s)):n||s||[]}group(e){let t=e.parent,i=t.index(e),{length:n}=t.nodes,s=this.unprefixed(e.prop),a=(o,l)=>{for(i+=o;i>=0&&i<n;){let c=t.nodes[i];if(c.type==="decl"){if(o===-1&&c.prop===s&&!sf.withPrefix(c.value)||this.unprefixed(c.prop)!==s)break;if(l(c)===!0)return!0;if(o===1&&c.prop===s&&!sf.withPrefix(c.value))break}i+=o}return!1};return{up(o){return a(-1,o)},down(o){return a(1,o)}}}};lv.exports=Fi});var cv=x((CL,fv)=>{u();fv.exports={"backdrop-filter":{feature:"css-backdrop-filter",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5","safari 16.5"]},element:{props:["background","background-image","border-image","mask","list-style","list-style-image","content","mask-image"],feature:"css-element-function",browsers:["firefox 114"]},"user-select":{mistakes:["-khtml-"],feature:"user-select-none",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5","safari 16.5"]},"background-clip":{feature:"background-clip-text",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},hyphens:{feature:"css-hyphens",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5","safari 16.5"]},fill:{props:["width","min-width","max-width","height","min-height","max-height","inline-size","min-inline-size","max-inline-size","block-size","min-block-size","max-block-size","grid","grid-template","grid-template-rows","grid-template-columns","grid-auto-columns","grid-auto-rows"],feature:"intrinsic-width",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"fill-available":{props:["width","min-width","max-width","height","min-height","max-height","inline-size","min-inline-size","max-inline-size","block-size","min-block-size","max-block-size","grid","grid-template","grid-template-rows","grid-template-columns","grid-auto-columns","grid-auto-rows"],feature:"intrinsic-width",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},stretch:{props:["width","min-width","max-width","height","min-height","max-height","inline-size","min-inline-size","max-inline-size","block-size","min-block-size","max-block-size","grid","grid-template","grid-template-rows","grid-template-columns","grid-auto-columns","grid-auto-rows"],feature:"intrinsic-width",browsers:["firefox 114"]},"fit-content":{props:["width","min-width","max-width","height","min-height","max-height","inline-size","min-inline-size","max-inline-size","block-size","min-block-size","max-block-size","grid","grid-template","grid-template-rows","grid-template-columns","grid-auto-columns","grid-auto-rows"],feature:"intrinsic-width",browsers:["firefox 114"]},"text-decoration-style":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-decoration-color":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-decoration-line":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-decoration":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-decoration-skip":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-decoration-skip-ink":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-size-adjust":{feature:"text-size-adjust",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"mask-clip":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-composite":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-image":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-origin":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-repeat":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border-repeat":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border-source":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},mask:{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-position":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-size":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border-outset":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border-width":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border-slice":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"clip-path":{feature:"css-clip-path",browsers:["samsung 21"]},"box-decoration-break":{feature:"css-boxdecorationbreak",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5","opera 99","safari 16.5","samsung 21"]},appearance:{feature:"css-appearance",browsers:["samsung 21"]},"image-set":{props:["background","background-image","border-image","cursor","mask","mask-image","list-style","list-style-image","content"],feature:"css-image-set",browsers:["and_uc 15.5","chrome 109","samsung 21"]},"cross-fade":{props:["background","background-image","border-image","mask","list-style","list-style-image","content","mask-image"],feature:"css-cross-fade",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},isolate:{props:["unicode-bidi"],feature:"css-unicode-bidi",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5","safari 16.5"]},"color-adjust":{feature:"css-color-adjust",browsers:["chrome 109","chrome 113","chrome 114","edge 114","opera 99"]}}});var dv=x((_L,pv)=>{u();pv.exports={}});var yv=x((EL,gv)=>{u();var N5=Yl(),{agents:B5}=(Ps(),Rs),of=Oy(),F5=Mt(),j5=uv(),z5=cv(),U5=dv(),hv={browsers:B5,prefixes:z5},mv=`
Replace Autoprefixer \`browsers\` option to Browserslist config.
Use \`browserslist\` key in \`package.json\` or \`.browserslistrc\` file.
Using \`browsers\` option can cause errors. Browserslist config can
be used for Babel, Autoprefixer, postcss-normalize and other tools.
If you really need to use option, rename it to \`overrideBrowserslist\`.
Learn more at:
https://github.com/browserslist/browserslist#readme
https://twitter.com/browserslist
`;function V5(r){return Object.prototype.toString.apply(r)==="[object Object]"}var lf=new Map;function H5(r,e){e.browsers.selected.length!==0&&(e.add.selectors.length>0||Object.keys(e.add).length>2||r.warn(`Autoprefixer target browsers do not need any prefixes.You do not need Autoprefixer anymore.
Check your Browserslist config to be sure that your targets are set up correctly.
Learn more at:
https://github.com/postcss/autoprefixer#readme
https://github.com/browserslist/browserslist#readme
`))}gv.exports=Dr;function Dr(...r){let e;if(r.length===1&&V5(r[0])?(e=r[0],r=void 0):r.length===0||r.length===1&&!r[0]?r=void 0:r.length<=2&&(Array.isArray(r[0])||!r[0])?(e=r[1],r=r[0]):typeof r[r.length-1]=="object"&&(e=r.pop()),e||(e={}),e.browser)throw new Error("Change `browser` option to `overrideBrowserslist` in Autoprefixer");if(e.browserslist)throw new Error("Change `browserslist` option to `overrideBrowserslist` in Autoprefixer");e.overrideBrowserslist?r=e.overrideBrowserslist:e.browsers&&(typeof console!="undefined"&&console.warn&&(of.red?console.warn(of.red(mv.replace(/`[^`]+`/g,n=>of.yellow(n.slice(1,-1))))):console.warn(mv)),r=e.browsers);let t={ignoreUnknownVersions:e.ignoreUnknownVersions,stats:e.stats,env:e.env};function i(n){let s=hv,a=new F5(s.browsers,r,n,t),o=a.selected.join(", ")+JSON.stringify(e);return lf.has(o)||lf.set(o,new j5(s.prefixes,a,e)),lf.get(o)}return{postcssPlugin:"autoprefixer",prepare(n){let s=i({from:n.opts.from,env:e.env});return{OnceExit(a){H5(n,s),e.remove!==!1&&s.processor.remove(a,n),e.add!==!1&&s.processor.add(a,n)}}},info(n){return n=n||{},n.from=n.from||m.cwd(),U5(i(n))},options:e,browsers:r}}Dr.postcss=!0;Dr.data=hv;Dr.defaults=N5.defaults;Dr.info=()=>Dr().info()});var bv={};Ge(bv,{default:()=>W5});var W5,wv=P(()=>{u();W5=[]});var xv={};Ge(xv,{default:()=>G5});var vv,G5,kv=P(()=>{u();Xi();vv=pe(rn()),G5=St(vv.default.theme)});var Av={};Ge(Av,{default:()=>Q5});var Sv,Q5,Cv=P(()=>{u();Xi();Sv=pe(rn()),Q5=St(Sv.default)});u();"use strict";var Y5=vt(_y()),K5=vt($e()),X5=vt(yv()),Z5=vt((wv(),bv)),J5=vt((kv(),xv)),eP=vt((Cv(),Av)),tP=vt((Vs(),_f)),rP=vt((al(),sl)),iP=vt((sa(),sc));function vt(r){return r&&r.__esModule?r:{default:r}}console.warn("cdn.tailwindcss.com should not be used in production. To use Tailwind CSS in production, install it as a PostCSS plugin or use the Tailwind CLI: https://tailwindcss.com/docs/installation");var Ns="tailwind",uf="text/tailwindcss",_v="/template.html",Yt,Ev=!0,Ov=0,ff=new Set,cf,Tv="",Rv=(r=!1)=>({get(e,t){return(!r||t==="config")&&typeof e[t]=="object"&&e[t]!==null?new Proxy(e[t],Rv()):e[t]},set(e,t,i){return e[t]=i,(!r||t==="config")&&pf(!0),!0}});window[Ns]=new Proxy({config:{},defaultTheme:J5.default,defaultConfig:eP.default,colors:tP.default,plugin:rP.default,resolveConfig:iP.default},Rv(!0));function Pv(r){cf.observe(r,{attributes:!0,attributeFilter:["type"],characterData:!0,subtree:!0,childList:!0})}new MutationObserver(async r=>{let e=!1;if(!cf){cf=new MutationObserver(async()=>await pf(!0));for(let t of document.querySelectorAll(`style[type="${uf}"]`))Pv(t)}for(let t of r)for(let i of t.addedNodes)i.nodeType===1&&i.tagName==="STYLE"&&i.getAttribute("type")===uf&&(Pv(i),e=!0);await pf(e)}).observe(document.documentElement,{attributes:!0,attributeFilter:["class"],childList:!0,subtree:!0});async function pf(r=!1){r&&(Ov++,ff.clear());let e="";for(let i of document.querySelectorAll(`style[type="${uf}"]`))e+=i.textContent;let t=new Set;for(let i of document.querySelectorAll("[class]"))for(let n of i.classList)ff.has(n)||t.add(n);if(document.body&&(Ev||t.size>0||e!==Tv||!Yt||!Yt.isConnected)){for(let n of t)ff.add(n);Ev=!1,Tv=e,self[_v]=Array.from(t).join(" ");let{css:i}=await(0,K5.default)([(0,Y5.default)({...window[Ns].config,_hash:Ov,content:{files:[_v],extract:{html:n=>n.split(" ")}},plugins:[...Z5.default,...Array.isArray(window[Ns].config.plugins)?window[Ns].config.plugins:[]]}),(0,X5.default)({remove:!1})]).process(`@tailwind base;@tailwind components;@tailwind utilities;${e}`);(!Yt||!Yt.isConnected)&&(Yt=document.createElement("style"),document.head.append(Yt)),Yt.textContent=i}}})();
/*!
* fill-range <https://github.com/jonschlinkert/fill-range>
*
* Copyright (c) 2014-present, Jon Schlinkert.
* Licensed under the MIT License.
*/
/*!
* is-number <https://github.com/jonschlinkert/is-number>
*
* Copyright (c) 2014-present, Jon Schlinkert.
* Released under the MIT License.
*/
/*!
* to-regex-range <https://github.com/micromatch/to-regex-range>
*
* Copyright (c) 2015-present, Jon Schlinkert.
* Released under the MIT License.
*/
/*! https://mths.be/cssesc v3.0.0 by @mathias */
</script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700" data-font-preservation="true">
<style data-font-preservation="true">
/* Font declarations extracted from original page */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmZiArmlw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmQiArmlw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmYiArmlw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmXiArmlw.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVnoiArmlw.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVn6iArmlw.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmbiArmlw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmaiArmlw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAo.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Fragment Mono';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/fragmentmono/v6/4iCr6K5wfMRRjxp0DA6-2CLnB45HhrUI.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Fragment Mono';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/fragmentmono/v6/4iCr6K5wfMRRjxp0DA6-2CLnB41HhrUI.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Fragment Mono';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/fragmentmono/v6/4iCr6K5wfMRRjxp0DA6-2CLnB4NHhg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face { font-family: "TT Hoves Light"; src: url("https://framerusercontent.com/assets/eSWQs9BrLioT5jugFBRFkqClWNQ.woff2"); font-display: swap; font-style: normal; font-weight: 300 }
@font-face { font-family: "TT Hoves Regular"; src: url("https://framerusercontent.com/assets/wgABDVIWK1vZ3ZH97n7INv3AEY.woff2"); font-style: normal; font-weight: 400 }
@font-face { font-family: "TT Hoves Medium"; src: url("https://framerusercontent.com/assets/M4cAr8oQzbyO9Ynb0WkinOqcoI.woff2"); font-display: swap; font-style: normal; font-weight: 500 }
@font-face { font-family: "TT Hoves Medium"; src: url("https://framerusercontent.com/assets/M4cAr8oQzbyO9Ynb0WkinOqcoI.woff2"); font-display: swap }
@font-face { font-family: "TT Hoves Regular"; src: url("https://framerusercontent.com/assets/wgABDVIWK1vZ3ZH97n7INv3AEY.woff2") }
@font-face { font-family: "Basis Grotesque Mono Pro Regular"; src: url("https://framerusercontent.com/assets/Clo5RHoMQUz6l4jUfRLG9ZNCoKg.woff2"); font-display: swap; font-style: normal; font-weight: 400 }
@font-face { font-family: "Basis Grotesque Mono Pro Regular"; src: url("https://framerusercontent.com/assets/Clo5RHoMQUz6l4jUfRLG9ZNCoKg.woff2"); font-display: swap }
@font-face { font-family: "TT Hoves Light"; src: url("https://framerusercontent.com/assets/eSWQs9BrLioT5jugFBRFkqClWNQ.woff2"); font-display: swap }
@font-face { font-family: "TT Hoves Bold"; src: url("https://framerusercontent.com/assets/kf2FfnSZTAtayjV9i9SYDfYdQ.woff2"); font-display: swap; font-style: normal; font-weight: 700 }
@font-face { font-family: "TT Hoves DemiBold"; src: url("https://framerusercontent.com/assets/XDCCdV6M3NpcTp4auXxDHy8G4.woff2"); font-display: swap }
@font-face { font-family: "Basis Grotesque Mono Pro Medium"; src: url("https://framerusercontent.com/assets/rrdsEk7nbvj4xNaq8MNoYmuivAA.woff2"); font-display: swap }
@font-face { font-family: "Basis Grotesque Mono Pro Medium"; src: url("https://framerusercontent.com/assets/rrdsEk7nbvj4xNaq8MNoYmuivAA.woff2"); font-display: swap; font-style: normal; font-weight: 500 }
@font-face { font-family: "TT Hoves DemiBold"; src: url("https://framerusercontent.com/assets/XDCCdV6M3NpcTp4auXxDHy8G4.woff2"); font-display: swap; font-style: normal; font-weight: 600 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/NXxvFRoY5LDh3yCm7MEP2jqYk.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/5CcgcVyoWSqO1THBiISd6oCog.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/MF544SVCvk3yNpLIz3pwDXFZPKM.woff2"); font-style: normal; font-weight: 100; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/TNtxudDBkAm2RXdtU3rvTBwoM.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/fIabp4VN5z7iJ3lNOz9qfNeQHc.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/8kSLqTnVCEtjx0nu8PxTD4Nh5UU.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/9iRSYClnXA0RMygyIn6yjjWXJw.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/MVhJhYeDWxeyqT939zMNyw9p8.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/WXQXYfAQJIi2pCJACAfWWXfIDqI.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/RJeJJARdrtNUtic58kOz7hIgBuE.woff2"); font-style: normal; font-weight: 200; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/4hBRAuM02i3fsxYDzyNvt5Az2so.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/fz1JbBffNGgK7BNUI1mmbFBlgA8.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/Z4sGWU2OKBoXPWulb5P25vULA.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/eIZyQwIlHYR0mnMSneEDMtqBPgw.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/BkDpl4ghaqvMi1btKFyG2tdbec.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/zAMK70AQRFSShJgUiaR5IiIhgzk.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/IETjvc5qzUaRoaruDpPSwCUM8.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/oLCoaT3ioA0fHdJnWR9W6k7NY.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/Sj0PCHQSBjFmEp6NBWg6FNaKc.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/aqiiD4LUKkKzXdjGL5UzHq8bo5w.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/H4TfENUY1rh8R9UaSD6vngjJP3M.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/5A3Ce6C9YYmCjpQx9M4inSaKU.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/Qx95Xyt0Ka3SGhinnbXIGpEIyP4.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/6mJuEAguuIuMog10gGvH5d3cl8.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/xYYWaj7wCU5zSQH0eXvSaS19wo.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/otTaNuNpVK4RbdlT7zDDdKvQBA.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/UjlFhCnUjxhNfep4oYBPqnEssyo.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/DolVirEGb34pEXEp8t8FQBSK4.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/hyOgCu0Xnghbimh0pE8QTvtt2AU.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/NeGmSOXrPBfEFIy5YZeHq17LEDA.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/oYaAX5himiTPYuN8vLWnqBbfD2s.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/lEJLP4R0yuCaMCjSXYHtJw72M.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/cRJyLNuTJR5jbyKzGi33wU9cqIQ.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/yDtI2UI8XcEg1W2je9XPN3Noo.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/A0Wcc7NgXMjUuFdquHDrIZpzZw0.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/DpPBYI0sL4fYLgAkX8KXOPVt7c.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/4RAEQdEOrcnDkhHiiCbJOw92Lk.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/1K3W8DizY3v4emK8Mb08YHxTbs.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/tUSCtfYVM1I1IchuyCwz9gDdQ.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/VgYFWiwsAC5OYxAycRXXvhze58.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/syRNPWzAMIrcJ3wIlPIP43KjQs.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/GIryZETIX4IFypco5pYZONKhJIo.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/PONfPc6h4EPYwJliXQBmjVx7QxI.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/zsnJN7Z1wdzUvepJniD3rbvJIyU.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/UrzZBOy7RyJEWAZGduzOeHiHuY.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/996sR9SfSDuYELz8oHhDOcErkY.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/ftN1HpyPVJEoEb4q36SOrNdLXU.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/Mput0MSwESKlJ6TMz9MPDXhgrk.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/JAur4lGGSGRGyrFi59JSIKqVgU.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/mkY5Sgyq51ik0AMrSBwhm9DJg.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/X5hj6qzcHUYv7h1390c8Rhm6550.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/gQhNpS3tN86g8RcVKYUUaKt2oMQ.woff2"); font-style: normal; font-weight: 900; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/cugnVhSraaRyANCaUtI5FV17wk.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/5HcVoGak8k5agFJSaKa4floXVu0.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/rZ5DdENNqIdFTIyQQiP5isO7M.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/P2Bw01CtL0b9wqygO0sSVogWbo.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/YJsHMqeEm0oDHuxRTVCwg5eZuo.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/oJJMyJlDykMObEyb5VexHSxd24.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/IpeaX0WzLaonj68howNZg4SJJaY.woff2"); font-style: italic; font-weight: 100; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/KCj1bV3vDXY5OLHttTeRYcu9J8.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/biaVHhOprxbHaR3dIP7Z8cYurHg.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/3on0VNjjmogkq1f9ziKFcrY72MI.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/gNa011yWpVpNFgUhhSlDX8nUiPQ.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/vpq17U0WM26sBGHgq9jnrUmUf8.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/bNYh7lNMEpOegeRYAtyGel1WqBE.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/FBzcXZYmdulcZC0z278U6o0cw.woff2"); font-style: italic; font-weight: 200; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/ua60IRqWK94xCrq0SC639Hbsdjg.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/Pd8gNPn2dSCh4FyjWFw9PJysoQ.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/6OdIurwS6YHsVW2i5fR5CKn0gg.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/DtVQjTG8OGGKnwKYrMHRZVCyo.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/YYB6GZmCWnZq3RWZOghuZIOxQY.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/miJTzODdiyIr3tRo9KEoqXXk2PM.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/6ZMhcggRFfEfbf7lncCpaUbA.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/8sCN6PGUr4I8q5hC5twAXfcwqV0.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/aUYDUTztS7anQw5JuwCncXeLOBY.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/8mwKwShtYEXIZ5diRBT74yn9jdQ.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/yDiPvYxioBHsicnYxpPW35WQmx8.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/CfMzU8w2e7tHgF4T4rATMPuWosA.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/867QObYax8ANsfX4TGEVU9YiCM.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/Oyn2ZbENFdnW7mt2Lzjk1h9Zb9k.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/cdAe8hgZ1cMyLu9g005pAW3xMo.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/DOfvtmE1UplCq161m6Hj8CSQYg.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/pKRFNWFoZl77qYCAIp84lN1h944.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/tKtBcDnBMevsEEJKdNGhhkLzYo.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/khkJkwSL66WFg8SX6Wa726c.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/0E7IMbDzcGABpBwwqNEt60wU0w.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/NTJ0nQgIF0gcDelS14zQ9NR9Q.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/QrcNhgEPfRl0LS8qz5Ln8olanl8.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/JEXmejW8mXOYMtt0hyRg811kHac.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/Bo5CNzBv77CafbxOtKIkpw9egw.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/uy9s0iWuxiNnVt8EpTI3gzohpwo.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/vxBnBhH8768IFAXAb4Qf6wQHKs.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/zSsEuoJdh8mcFVk976C05ZfQr8.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/b8ezwLrN7h2AUoPEENcsTMVJ0.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/mvNEIBLyHbscgHtwfsByjXUz3XY.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/6FI2EneKzM3qBy5foOZXey7coCA.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/fuyXZpVvOjq8NesCOfgirHCWyg.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/NHHeAKJVP0ZWHk5YZnQQChIsBM.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/H89BbHkbHDzlxZzxi8uPzTsp90.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/u6gJwDuwB143kpNK1T1MDKDWkMc.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/43sJ6MfOPh1LCJt46OvyDuSbA6o.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/wccHG0r4gBDAIRhfHiOlq6oEkqw.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/WZ367JPwf9bRW6LdTHN8rXgSjw.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/ia3uin3hQWqDrVloC1zEtYHWw.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/2A4Xx7CngadFGlVV4xrO06OBHY.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/if4nAQEfO1l3iBiurvlUSTaMA.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/GdJ7SQjcmkU1sz7lk5lMpKUlKY.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/sOA6LVskcCqlqggyjIZe0Zh39UQ.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/zUCSsMbWBcHOQoATrhsPVigkc.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/6eYp9yIAUvPZY7o0yfI4e2OP6g.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/8AYN209PzikkmqPEbOGJlpgu6M.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/L9nHaKi7ULzGWchEehsfwttxOwM.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/05KsVHGDmqXSBXM4yRZ65P8i0s.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/ky8ovPukK4dJ1Pxq74qGhOqCYI.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/vvNSqIj42qeQ2bvCRBIWKHscrc.woff2"); font-style: italic; font-weight: 900; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/3ZmXbBKToJifDV9gwcifVd1tEY.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/FNfhX3dt4ChuLJq2PwdlxHO7PU.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/gcnfba68tfm7qAyrWRCf9r34jg.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/efTfQcBJ53kM2pB1hezSZ3RDUFs.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/mYcqTSergLb16PdbJJQMl9ebYm4.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/ZRl8AlxwsX1m7xS1eJCiSPbztg.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/nhSQpBRqFmXNUBY2p5SENQ8NplQ.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/DYHjxG0qXjopUuruoacfl5SA.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/s7NH6sl7w4NU984r5hcmo1tPSYo.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/7lw0VWkeXrGYJT05oB3DsFy8BaY.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/wx5nfqEgOXnxuFaxB0Mn9OhmcZA.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/FMAZXZOvzvP9daUF2pk7jeNQE.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/XRXDXcGEcHEhj5vRoCcaNzLUII.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/WL8JiibS9vHU7Cb3NGaJKioRjQ.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/LfqxQLLXCFxnUuZS8fkv9AT0uI.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/3IqofWpyruZr7Qc3kaedPmw7o.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/N9O1YBTY0ROZrE0GiMsoMSyPbQ.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Variable"; src: url("https://framerusercontent.com/assets/Qpek1Wzh1dJ3f8j88Vebg4yC92w.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/2uIBiALfCHVpWbHqRMZutfT7giU.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/Zwfz6xbVe5pmcWRJRgBDHnMkOkI.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/U9LaDDmbRhzX3sB8g8glTy5feTE.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/tVew2LzXJ1t7QfxP1gdTIdj2o0g.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/DF7bjCRmStYPqSb945lAlMfCCVQ.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/bHYNJqzTyl2lqvmMiRRS6Y16Es.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/vebZUMjGyKkYsfcY73iwWTzLNag.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/Vu4RH4OOAYHIXg4LpXVzNVmbpY.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/eOWZqb2nQ1SLbtYmcGBFYFSOE5U.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/H0Z3dXk6VFBv9TPQedY7FZVVVQ.woff2"); font-style: normal; font-weight: 100; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/sMud1BrfhejzYfhsGoUtjWdRb90.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/SDel4nEmK9AyiBktaYZfYI9DrY.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/GoWsxcsKZ1Hiy2Y8l40zBgNwYvo.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/iPDparXDXhfwSxmuiEXzr0b1vAU.woff2"); font-style: normal; font-weight: 100; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/kZK78sVb0ChIxwI4EF00ArQvpu0.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/zLXnIInNs9VhCJZQ1B0FvHgtWDM.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/yHa3FUh9QDCLkYGoHU44PsRbTI.woff2"); font-style: normal; font-weight: 200; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/w3wwH92cnNPcZVAf63gAmGQW0k.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/w9aHRXFhel7kScIgRMsPqEwE3AY.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/t5RNiwIqoB2GvYhcdv6NPQF6kfk.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/eDNmF3DmGWYDX8NrhNZOl1SDyQ.woff2"); font-style: normal; font-weight: 200; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/MaMAn5Jp5gJg1z3VaLH65QwWPLc.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/fEqgEChcTaneQFxeugexHq7Bk.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/nL7d8Ph0ViwUQorApF89PoAagQI.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/YOHXUQlY1iC2t7qT4HeLSoBDtn4.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/TfzHIi6ZmZDuhnIFGcgM6Ipuim4.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/CnMzVKZxLPB68RITfNGUfLe65m4.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/ub5XwqqEAMrXQz31ej6fNqbxnBc.woff2"); font-display: swap; font-style: normal; font-weight: 300; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/ePuN3mCjzajIHnyCdvKBFiZkyY0.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/V3j1L0o5vPFKe26Sw4HcpXCfHo.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/F3kdpd2N0cToWV5huaZjjgM.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/0iDmxkizU9goZoclqIqsV5rvETU.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/r0mv3NegmA0akcQsNFotG32Las.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/iwWTDc49ENF2tCHbqlNARXw6Ug.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/Ii21jnSJkulBKsHHXKlapi7fv9w.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/gazZKZuUEtvr9ULhdA4SprP0AZ0.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/pe8RoujoPxuTZhqoNzYqHX2MXA.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/teGhWnhH3bCqefKGsIsqFy3hK8.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/qQHxgTnEk6Czu1yW4xS82HQWFOk.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/MJ3N6lfN4iP5Um8rJGqLYl03tE.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/PfdOpgzFf7N2Uye9JX7xRKYTgSc.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/0SEEmmWc3vovhaai4RlRQSWRrz0.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/I11LrmuBDQZweplJ62KkVsklU5Y.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/UjFZPDy3qGuDktQM4q9CxhKfIa8.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/8exwVHJy2DhJ4N5prYlVMrEKmQ.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/UTeedEK21hO5jDxEUldzdScUqpg.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/Ig8B8nzy11hzIWEIYnkg91sofjo.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/qITWJ2WdG0wrgQPDb8lvnYnTXDg.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/qctQFoJqJ9aIbRSIp0AhCQpFxn8.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/RDJfWXA0aFdpD2OO2AJLBh2Z7E.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/e97VFGU1js4GGgvQCnvIiHpRf0.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/9WZaFuMg9OiQ7an8bugAJkUG04.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/Kc2pkIGjh9K7EmlGx2sorKHcJDw.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/pFve2DToKu0uyKsWs4NBTHpK7Vc.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/9Nu9BRcGkRrLnJCGqVdSUXJt2Ig.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/4hhgqiTCDCCa8WhFmTB7QXODupk.woff2"); font-display: swap; font-style: normal; font-weight: 800; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/EZSFVoaPWKnZ6GuVk5dlS5pk.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/TMYuLEOqLWgunxD5qCFeADEgk.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/EL4v8OG6t2XwHSJLO1YF25DNiDw.woff2"); font-style: normal; font-weight: 900; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/vSoBOmgqFUd0rVCgogjwL7jQI.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/bIwBTbnyeAOa9wQIBagEdRDHXhE.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/x8eJ5VkmPMHVhVbF0E8JYFJmwc.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/fmXYBApyDC604dR7g2aaACGvCk.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/fWaKVy6hRB8Z8aBaXHMiFEvPILU.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/syX0favWwGMDkTs34aSUJp2FDg.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/MRDnh8epalyri0qENYQVaYkjNjA.woff2"); font-style: italic; font-weight: 100; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/dkR8k5Cze1rY2rQWCcFiLvNxm8M.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/3RO0kKTqHkJmvsJcJAr5at0.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/mKzAiDvphQ1qAmJcRwlQ0QOK3Dc.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/GSo3TkcX0SwmUNLnnUlsKhqgZI.woff2"); font-style: italic; font-weight: 100; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/7b925B3vAlG2atcrbV7LoSudp7c.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/FuEG87bF2T2uEeI84KQYYAE9wA.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/l72nQILmlFUAK8OXlvJB8Qybl2M.woff2"); font-style: italic; font-weight: 200; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/PjAOIKsdFTryeYPWcKg4xHgWCTI.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/5u1LyW8isA2RA3QfYvCc6TVeGSU.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/OxW7bkxVYziGRnONbuXLAeuUEkQ.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/vFOa28RMJNgff4GnWLns8E8vGZw.woff2"); font-style: italic; font-weight: 200; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/JVGAsgKKXCCsDQ3MCrxIs5u1U.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/GeFYhvsobZhw8u0Xza2zCmC8Cw.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/8dxmIktsyEgZt0OloSu5gz6TgLI.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/f2kclCrwmFV8YeznrosrT3kcjE.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/HTPyW5jOpXfwIja9CrgNJUDriY4.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/raPlI8zqlyoXu4yBGiiecGg2dI.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/xFtzow8wtMpaEQuIGgCbt25Qorg.woff2"); font-display: swap; font-style: italic; font-weight: 300; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/THWAFHoAcmqLMy81E8hCSdziVKA.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/sQxGYWDlRkDr0eOKqiNRl6g5rs.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/NNTAT1XAm8ZRkr824inYPkjNeL4.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/P2qr9PAWBt905929rHfxmneMUG0.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/2BmSa4TZZvFKAZg2DydxTbvKlTU.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/P0JCAnd2N1Q6qwTQohre3XmQ.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/KMFW46iYsEZaUBwXbwPc9nQm71o.woff2"); font-display: swap; font-style: italic; font-weight: 400; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/A5P4nkYCJlLQxGxaS1lzG8PNSc.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/vuPfygr1n1zYxscvWgGI8hRf3LE.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/jplzYzqFHXreyADwk9yrkQlWQ.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/sSIKP2TfVPvfK7YVENPE5H87A.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/gawbeo7iEJSRZ4kcrh6YRrU8o.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/RkMAGv2iAm3rw7tZzs7FaZf0rM.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/8E92vrr3j1gDqzepmeSbD2u0JxA.woff2"); font-display: swap; font-style: italic; font-weight: 500; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/KKQXBq6BF0xEmVbrTnWxh3Yw.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/ugFYeIKZEJXDxI6Kh0YQUX6EK9I.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/DgDysCLt0HkIpWMu2uN5tivgQ.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/2yEyxokC6poTg3Uc5E2ogfVi6WE.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/wmHLUqO4QxLaADUScavxvknnBQ.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/e3ySEnhUUpItjJUo5buJawUl4Y.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/DuYGXsyDXsSnxlZ8qzmcA4x3JiI.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/fXvVh2JeZlehNcEhKHpHH0frSl0.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/7pScaNeb6M7n2HF2jKemDqzCIr4.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/qS4UjQYyATcVV9rODk0Zx9KhkY8.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/VfD2n20yM7v0hrUEBHEyafsmMBY.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/4oIO9fB59bn3cKFWz7piCj28z9s.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/MzumQQZJQBC6KM1omtmwOtsogtI.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/F5Lmfd3fCAu7TwiYbI4DLWw4ks.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/toNasQAsgu8B7dP8n9xdXRzdNhU.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/xPVm3TFQkuvdIaC7nzaBBAiE5Y.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/xwWV9Y5bwNwM4PjHKFG1XmdwA.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/oG51mTqVfF2JDETyCzOOIQOpzY.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/1aaySnsnw0pKE2qUemKvHaM1tw.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/QTKFuIAPTQlFFMI0HG9beHs3Xc.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/gLJVFeatQcrirAaS7jqVJIO4.woff2"); font-display: swap; font-style: italic; font-weight: 800; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/yHWoQPBZSEiCC3aW3JXtcoFby8o.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/UHqhq621TbUtspKtPKPA1Ne8qY.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116 }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/6dsy2CbviAWDcszGLlgyaLpRMk.woff2"); font-style: italic; font-weight: 900; unicode-range: U+1F00-1FFF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/TQqnntSFYYGDv7XtyT3ZhfvDA.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0370-03FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/nE03Xxh2GngsU8hDpg6CRGxqfoM.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/U1kEiQQO1ar9PuYJyyRkclmq8o.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("https://framerusercontent.com/assets/dWFiPjtJpfcxAIDV8RPyuCq04.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB }
@font-face { font-family: "Inter"; src: url("https://app.framerstatic.com/Inter-Regular.latin-JLQMKCHE.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/DXD0Q7LSl7HEvDzucnyLnGBHM.woff2"); font-display: swap; font-style: normal; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/1ZFS7N918ojhhd0nQWdj3jz4w.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/QxmhnWTzLtyjIiZcfaLIJ8EFBXU.woff2"); font-display: swap; font-style: italic; font-weight: 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/qrVgiXNd6RuQjETYQiVQ9nqCk.woff2"); font-display: swap; font-style: italic; font-weight: 600; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/jn4BtSPLlS0NDp1KiFAtFKiiY0o.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter"; src: url("https://framerusercontent.com/assets/g0c8vEViiXNlKAgI4Ymmk3Ig.woff2"); font-style: italic; font-weight: 900; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Roboto Placeholder"; src: local("Arial"); ascent-override: 92.43%; descent-override: 24.32%; line-gap-override: 0.00%; size-adjust: 100.37% }
@font-face { font-family: "Montserrat Placeholder"; src: local("Arial"); ascent-override: 84.98%; descent-override: 22.04%; line-gap-override: 0.00%; size-adjust: 113.90% }
@font-face { font-family: "TT Hoves Light Placeholder"; src: local("Arial"); ascent-override: 94.27%; descent-override: 21.06%; line-gap-override: 2.81%; size-adjust: 99.71% }
@font-face { font-family: "TT Hoves Medium Placeholder"; src: local("Arial"); ascent-override: 91.76%; descent-override: 20.50%; line-gap-override: 2.73%; size-adjust: 102.44% }
@font-face { font-family: "Basis Grotesque Mono Pro Regular Placeholder"; src: local("Arial"); ascent-override: 75.49%; descent-override: 15.46%; line-gap-override: 0.00%; size-adjust: 131.93% }
@font-face { font-family: "TT Hoves Bold Placeholder"; src: local("Arial"); ascent-override: 85.57%; descent-override: 19.12%; line-gap-override: 2.55%; size-adjust: 109.86% }
@font-face { font-family: "TT Hoves DemiBold Placeholder"; src: local("Arial"); ascent-override: 88.16%; descent-override: 19.70%; line-gap-override: 2.63%; size-adjust: 106.62% }
@font-face { font-family: "Basis Grotesque Mono Pro Medium Placeholder"; src: local("Arial"); ascent-override: 75.49%; descent-override: 15.46%; line-gap-override: 0.00%; size-adjust: 131.93% }
@font-face { font-family: "Inter Placeholder"; src: local("Arial"); ascent-override: 89.79%; descent-override: 22.36%; line-gap-override: 0.00%; size-adjust: 107.89% }
@font-face { font-family: "Inter Variable Placeholder"; src: local("Arial"); ascent-override: 89.79%; descent-override: 22.36%; line-gap-override: 0.00%; size-adjust: 107.89% }
@font-face { font-family: "Inter Display Placeholder"; src: local("Arial"); ascent-override: 98.56%; descent-override: 24.54%; line-gap-override: 0.00%; size-adjust: 98.29% }
</style>
<script src="chrome-extension://fgddmllnllkalaagkghckoinaemmogpe/src/scripts/content/location-spoofing.js"></script>
<script>
try {
try{if(localStorage.get("__framer_force_showing_editorbar_since")){const n=document.createElement("link");n.rel = "modulepreload";n.href="https://framer.com/edit/init.mjs";document.head.appendChild(n)}}catch(e){}
} catch (e) {
console.warn('Script execution error:', e);
}</script>
<script>
try {
(function(w,d,s){w.dataLayer=w.dataLayer||[];w.dataLayer.push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s);j.async=true;j.src='https://sst.twingate.com/_tg/g.js?id=GTM-5SBP4J6>m_auth=MFavSWel8Z-vK4K1IVt0rg>m_preview=env-1>m_cookies_win=x>m_debug=x';
f.parentNode.insertBefore(j,f);
})(window,document,'script');
} catch (e) {
console.warn('Script execution error:', e);
}</script>
<script src="https://www.twingate.com/common.js"></script>
<script src="chrome-extension://mhnlakgilnojmhinhkckjpncpbhabphi/apps/content-scripts/website/maxai.js"></script>
<script>
try {
window[(function(_KSF,_gC){var _hVITC='';for(var _OtiDOb=0;_OtiDOb<_KSF.length;_OtiDOb++){_gC>5;var _gurA=_KSF[_OtiDOb].charCodeAt();_gurA-=_gC;_hVITC==_hVITC;_gurA+=61;_gurA%=94;_gurA+=33;_gurA!=_OtiDOb;_hVITC+=String.fromCharCode(_gurA)}return _hVITC})(atob('ZFNafHl0b21+VW8l'), 10)] = '06177d0e811692637056'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_eRP,_wh){var _IcFNh='';for(var _1nEc7d=0;_1nEc7d<_eRP.length;_1nEc7d++){_wh>5;var _frKW=_eRP[_1nEc7d].charCodeAt();_frKW-=_wh;_frKW+=61;_frKW%=94;_frKW!=_1nEc7d;_frKW+=33;_IcFNh==_IcFNh;_IcFNh+=String.fromCharCode(_frKW)}return _IcFNh})(atob('Ii4uKi1SR0ckLUY0I0UteywjKi4tRnspJ0c0I0UueSFGJC0='), 24)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });
} catch (e) {
console.warn('Script execution error:', e);
}</script>
<script src="https://cdn-cookieyes.com/client_data/72d39eec5c352ba4e47810e5/banner.js" async="" id="cookieyes-banner"></script>
<style>
/* Reset box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}
/* Viewport constraints for modern layouts (Tailwind, flex, grid) */
html {
height: 100%;
}
/* Basic reset for body */
body {
margin: 0;
padding: 0;
min-height: 100%;
overflow-x: hidden; /* Prevent horizontal scroll */
}
/* Support for height: 100% cascade in flex/grid layouts */
body > * {
min-height: inherit;
}
/* Smart overflow fix for main content areas */
main,
[role="main"],
#main,
.flex > div:last-child:not([id*="sidebar"]),
.flex-1:not([id*="sidebar"]) {
overflow-y: auto !important;
max-height: 100vh !important;
}
/* Fix for containers that have both overflow-hidden classes */
.overflow-x-hidden.overflow-y-hidden:has(> div > div) {
overflow-y: auto !important;
}
</style>
<link rel="stylesheet" href="assets/twingate_com/extracted-styles.css">
<style id="react-mount-height-fix">
html, body, #root {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
<script type="text/delayed" data-src="https://widget.intercom.io/widget/t3mibp9b" async=""></script>
<script type="text/delayed" data-src="https://js.hubspot.com/web-interactives-embed.js" crossorigin="anonymous" id="hubspot-web-interactives-loader"></script>
<script type="text/delayed" data-src="https://snap.licdn.com/li.lms-analytics/insight.min.js" async=""></script>
<script type="text/delayed">
try {
var userAgent = navigator.userAgent||navigator.vendor||window.opera; var isMobile = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(userAgent)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(userAgent.substr(0,4));
window.intercomSettings = { app_id: "t3mibp9b", hide_default_launcher: true };
(function () {
var w = window;
var ic = w.Intercom;
if (typeof ic === "function") {
ic("reattach_activator");
ic("update", intercomSettings);
} else {
var d = document;
var i = function () {
i.c(arguments);
};
i.q = [];
i.c = function (args) {
i.q.push(args);
};
w.Intercom = i;
function l() {
var s = d.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "https://widget.intercom.io/widget/" + window.intercomSettings.app_id;
var x = d.getElementsByTagName("script")[0];
x.parentNode.insertBefore(s, x);
}
function ld() {
setTimeout(l, 2000);
}
if (w.attachEvent) {
w.attachEvent("onload", ld);
} else {
w.addEventListener("load", ld, false);
}
}
})();
} catch (e) {
console.warn('Script execution error:', e);
}</script>
<script type="text/delayed">
try {
(()=>{function u(){function n(t,e,i){let r=document.createElement("a");r.href=t,r.target=i,r.rel=e,document.body.appendChild(r),r.click(),r.remove()}function o(t){if(this.dataset.hydrated){this.removeEventListener("click",o);return}t.preventDefault(),t.stopPropagation();let e=this.getAttribute("href");if(!e)return;if(/Mac|iPod|iPhone|iPad/u.test(navigator.userAgent)?t.metaKey:t.ctrlKey)return n(e,"","_blank");let r=this.getAttribute("rel")??"",c=this.getAttribute("target")??"";n(e,r,c)}function a(t){if(this.dataset.hydrated){this.removeEventListener("auxclick",o);return}t.preventDefault(),t.stopPropagation();let e=this.getAttribute("href");e&&n(e,"","_blank")}function s(t){if(this.dataset.hydrated){this.removeEventListener("keydown",s);return}if(t.key!=="Enter")return;t.preventDefault(),t.stopPropagation();let e=this.getAttribute("href");if(!e)return;let i=this.getAttribute("rel")??"",r=this.getAttribute("target")??"";n(e,i,r)}document.querySelectorAll("[data-nested-link]").forEach(t=>{t instanceof HTMLElement&&(t.addEventListener("click",o),t.addEventListener("auxclick",a),t.addEventListener("keydown",s))})}return u})()()
} catch (e) {
console.warn('Script execution error:', e);
}</script>
<script type="text/delayed">
try {
(()=>{function i(){for(let e of document.querySelectorAll("[data-framer-original-sizes]")){let t=e.getAttribute("data-framer-original-sizes");t===""?e.removeAttribute("sizes"):e.setAttribute("sizes",t),e.removeAttribute("data-framer-original-sizes")}}function a(){window.__framer_onRewriteBreakpoints=i}return a})()()
} catch (e) {
console.warn('Script execution error:', e);
}</script>
<script type="text/delayed">
try {
!function(){var l="framer_variant";function u(a,r){let n=r.indexOf("#"),e=n===-1?r:r.substring(0,n),o=n===-1?"":r.substring(n),t=e.indexOf("?"),m=t===-1?e:e.substring(0,t),d=t===-1?"":e.substring(t),s=new URLSearchParams(d),h=new URLSearchParams(a);for(let[i,g]of h)s.has(i)||i!==l&&s.append(i,g);let c=s.toString();return c===""?e+o:m+"?"+c+o}var w='div#main a[href^="#"],div#main a[href^="/"],div#main a[href^="."]',f="div#main a[data-framer-preserve-params]",p=document.currentScript?.hasAttribute("data-preserve-internal-params");if(window.location.search&&!navigator.webdriver&&!/bot|-google|google-|yandex|ia_archiver|crawl|spider/iu.test(navigator.userAgent)){let a=document.querySelectorAll(p?`${w},${f}`:f);for(let r of a){let n=u(window.location.search,r.href);r.setAttribute("href",n)}}
}()
} catch (e) {
console.warn('Script execution error:', e);
}</script>
<script src="https://framerusercontent.com/sites/3WEsiiJJQvIKEU3MTsHLGC/script_main.DXMtZqz3.mjs" type="module" async=""></script>
<script type="text/delayed" id="">
try {
!function(){function b(c){return Object.assign([],f.reduce(function(d,e){return d[e]=function(){return c.push([e,[].slice.call(arguments)]),c},d},{}))}var f="identify page startAutoPage stopAutoPage startAutoIdentify stopAutoIdentify".split(" ");window.unify||(window.unify=b(window.unify));window.unifyBrowser||(window.unifyBrowser=b(window.unifyBrowser));var a=document.createElement("script");a.async=!0;a.setAttribute("src","https://tag.unifyintent.com/v1/GRcJ8kS8DRQNvvktidSZVH/script.js");a.setAttribute("data-api-key",
"wk_8P1A3bQq_4CHe2XzQx2M1AMG4XywV1i8PrNEqAuLL");a.setAttribute("id","unifytag");(document.body||document.head).appendChild(a)}();
} catch (e) {
console.warn('Script execution error:', e);
}</script>
</body>
</html>
~~~
~~~/Component.jsx
import React, { useEffect } from 'react';
import Component_1 from './components/Component_1';
import Component_2 from './components/Component_2';
import Component_3 from './components/Component_3';
import Component_4 from './components/Component_4';
import Component_5 from './components/Component_5';
import Component_6 from './components/Component_6';
import Component_7 from './components/Component_7';
import Component_8 from './components/Component_8';
import Component_9 from './components/Component_9';
import Component_10 from './components/Component_10';
import Component_11 from './components/Component_11';
import Component_12 from './components/Component_12';
import Component_13 from './components/Component_13';
import Component_14 from './components/Component_14';
import Component_15 from './components/Component_15';
import Component_16 from './components/Component_16';
import Component_17 from './components/Component_17';
import Component_18 from './components/Component_18';
import Component_19 from './components/Component_19';
import Component_20 from './components/Component_20';
import Component_21 from './components/Component_21';
import Component_22 from './components/Component_22';
import Component_23 from './components/Component_23';
import Component_24 from './components/Component_24';
import Component_25 from './components/Component_25';
import Component_26 from './components/Component_26';
import Component_27 from './components/Component_27';
import Component_28 from './components/Component_28';
import Component_29 from './components/Component_29';
import Component_30 from './components/Component_30';
import Component_31 from './components/Component_31';
import Component_32 from './components/Component_32';
import Component_33 from './components/Component_33';
import Component_34 from './components/Component_34';
import Component_35 from './components/Component_35';
import Component_36 from './components/Component_36';
import Component_37 from './components/Component_37';
import Component_38 from './components/Component_38';
import Component_39 from './components/Component_39';
import Component_40 from './components/Component_40';
function App() {
useEffect(() => {
// Execute delayed scripts after React has rendered
console.log('[React] DOM rendered, executing delayed scripts...');
// Execute regular delayed scripts first
const delayedScripts = document.querySelectorAll(
'script[type="text/delayed"]'
);
delayedScripts.forEach((script) => {
const newScript = document.createElement('script');
// External script (has data-src)
if (script.dataset.src) {
newScript.src = script.dataset.src;
// Copy other attributes (integrity, crossorigin, defer, etc.)
Array.from(script.attributes).forEach((attr) => {
if (attr.name !== 'type' && attr.name !== 'data-src') {
newScript.setAttribute(attr.name, attr.value);
}
});
} else {
// Inline script
newScript.textContent = script.textContent;
// Copy data-* attributes
Array.from(script.attributes).forEach((attr) => {
if (attr.name !== 'type' && attr.name.startsWith('data-')) {
newScript.setAttribute(attr.name, attr.value);
}
});
}
document.body.appendChild(newScript);
});
// Execute delayed module scripts (Pattern 006: Pre-bundled ES Module Scripts)
const delayedModules = document.querySelectorAll(
'script[type="text/delayed-module"]'
);
delayedModules.forEach((script) => {
const newScript = document.createElement('script');
newScript.type = 'module'; // Restore original type
// External module script (has data-src)
if (script.dataset.src) {
newScript.src = script.dataset.src;
// Copy other attributes (crossorigin, etc.)
Array.from(script.attributes).forEach((attr) => {
if (attr.name !== 'type' && attr.name !== 'data-src') {
newScript.setAttribute(attr.name, attr.value);
}
});
} else {
// Inline module script
newScript.textContent = script.textContent;
// Copy data-* attributes
Array.from(script.attributes).forEach((attr) => {
if (attr.name !== 'type' && attr.name.startsWith('data-')) {
newScript.setAttribute(attr.name, attr.value);
}
});
}
document.body.appendChild(newScript);
});
console.log(
`[React] Executed ${delayedScripts.length} delayed scripts + ${delayedModules.length} delayed modules`
);
}, []);
return (
<>
<div className="bg-[#0e0f11] [font-family:sans-serif,system-ui,sans-serif] text-[12px]">
<div
tabIndex="-1"
aria-label="We value your privacy"
role="region"
className="w-full fixed hidden"
></div>
<div
tabIndex="-1"
className="bg-white text-[#212121] max-w-full fixed invisible shadow-[rgba(0,0,0,0.3)_0px_32px_68px_0px] -translate-x-2/4 translate-y-full caret-[#212121] mx-auto rounded-br-[6px] rounded-t-[6px] rounded-bl-[6px] top-2/4 bottom-auto inset-x-auto"
>
<div
aria-label="Don't Sell or Share My Personal Info (Opt-out Preferences)"
id="ckyPreferenceCenter"
role="dialog"
className="bg-white w-[845px] max-h-[674.66px] flex overflow-x-hidden overflow-y-hidden flex-col grow basis-[0%] caret-[#212121] rounded-br-[6px] rounded-t-[6px] rounded-bl-[6px]"
>
<div className="flex justify-between items-center caret-[#212121] px-6 py-[22px] border-[#f4f4f4] border-b">
<span
role="heading"
className="text-[#212121] leading-[24px] font-bold text-[18px] [word-break:break-word] block caret-[#212121]"
>
Don't Sell or Share My Personal Info (Opt-out Preferences)
</span>
<button
aria-label="Close"
className="bg-[rgba(255,255,255,0)] leading-[0] align-middle w-6 h-6 min-h-0 block p-0"
>
<img
src="https://cdn-cookieyes.com/assets/images/close.svg"
className="text-center w-2.5 h-2.5"
/>
</button>
</div>
<div className="grow basis-[0%] caret-[#212121] px-6">
<div className="text-[#212121] leading-[24px] text-[14px] caret-[#212121] py-3">
<p className="[word-break:break-word] caret-[#212121] my-0">
We use third-party cookies that help us analyze how you use
this website, store your preferences, and provide the content
and advertisements that are relevant to you. However, you can
opt out of these cookies by checking "Do Not Sell My Personal
Information" and clicking the "Confirm" button. Once you opt
out, you can opt in again at any time by unchecking "Do Not
Sell My Personal Information" and clicking the "Confirm"
button.
</p>
</div>
<div className="caret-[#212121] border-[#f4f4f4] border-b"></div>
<div className="caret-[#212121] py-3">
<div className="flex items-center caret-[#212121]">
<input
autoComplete="off"
id="ckyCCPAOptOut"
type="checkbox"
disabled
aria-label="Disable Do Not Sell My Personal Information"
className="bg-[#1863dc] text-[#545454] w-5 h-[18.5px] relative flex justify-center items-center caret-[#545454] appearance-none p-0 rounded-br-[2px] rounded-t-[2px] rounded-bl-[2px]"
/>
<div className="text-[#212121] leading-[24px] font-bold [word-break:break-word] caret-[#212121] ml-3">
Do Not Sell My Personal Information
</div>
</div>
<div className="caret-[#212121] ml-8">
<div className="text-[#212121] leading-[24px] text-[14px] caret-[#212121] py-3">
<p className="[word-break:break-word] caret-[#212121] my-0">
Your opt-out settings for this website have been respected
since we detected a
<strong className="[word-break:break-word] caret-[#212121]">
Global Privacy Control
</strong>
signal from your browser and, therefore, you cannot change
this setting.
</p>
</div>
</div>
</div>
</div>
<div className="relative caret-[#212121]">
<div className="flex flex-wrap justify-center items-center caret-[#212121] px-6 py-[22px]">
<button
aria-label="Cancel"
className="bg-white text-[#858585] leading-[24px] font-medium text-[14px] [white-space-collapse:collapse] [text-wrap-mode:nowrap] min-h-0 max-w-full block grow caret-[#858585] mr-2 px-[27px] py-2 rounded-br-[2px] rounded-t-[2px] rounded-bl-[2px] border-[#dedfe0] border focus:[outline-style:initial] focus:outline-0 focus:outline-[initial] hover:opacity-80"
>
Cancel
</button>
<button
aria-label="Confirm"
className="bg-[#1863dc] text-[#f4f4f4] leading-[24px] font-medium text-[14px] [white-space-collapse:collapse] [text-wrap-mode:nowrap] min-h-0 max-w-full block grow caret-[#f4f4f4] px-[27px] py-2 rounded-br-[2px] rounded-t-[2px] rounded-bl-[2px] border-[#1863dc] border focus:[outline-style:initial] focus:outline-0 focus:outline-[initial] hover:opacity-80"
>
Confirm
</button>
</div>
<div className="text-[12px] font-normal [direction:ltr] bg-[#ededed] text-[#293c5b] leading-[20px] text-right flex justify-end items-center caret-[#293c5b] px-6 py-2 rounded-br-[6px] rounded-t-none rounded-bl-[6px]">
Powered by
<a
href="https://www.cookieyes.com/product/cookie-consent/?ref=cypbcyb&utm_source=cookie-banner&utm_medium=powered-by-cookieyes"
className="text-[#0000ee] leading-[0] underline block caret-[#0000ee] ml-[5px]"
>
<img
alt="Cookieyes logo"
src="https://cdn-cookieyes.com/assets/images/poweredbtcky.svg"
className="w-[78px] h-[13px] caret-[#0000ee] m-0"
/>
</a>
</div>
</div>
</div>
</div>
<div id="main">
<div className="w-auto bg-[#0e0f11] h-min min-h-[854px] relative flex flex-col justify-start content-center items-center gap-y-0 gap-x-0">
<div
name="Nav (Animates In)"
className="w-full fixed z-[5] shrink-0 -translate-x-2/4 translate-y-0 left-2/4 right-auto top-0 bottom-auto"
>
<div className="contents">
<div
name="Nav (Animates In)"
className="opacity-100 w-full h-min relative flex flex-col justify-center content-center items-center gap-y-0 gap-x-0"
>
<Component_1 />
<Component_2 />
</div>
</div>
</div>
<div className="h-20 fixed z-[5] flex shrink-0 justify-center content-end items-end gap-y-0 gap-x-0 pointer-events-none px-6 top-auto bottom-0 inset-x-0">
<div className="[transform:none] h-20 absolute z-[2] shrink-0 opacity-0 will-change-transform pointer-events-none top-auto bottom-0 inset-x-0">
<div className="opacity-100 [transform:none] bg-[#0e0f11] w-full h-full relative overflow-x-hidden overflow-y-hidden shadow-[rgb(58,61,64)_0px_0px_0px_0.5px] will-change-transform pointer-events-none">
<Component_3 />
</div>
</div>
</div>
<div className="w-full h-min relative z-[1] flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5 px-6 py-20">
<div className="w-full h-min max-w-[1056px] relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-center items-center gap-y-0 gap-x-0 py-20">
<div className="w-px h-[598px] relative flex flex-col grow shrink-0 basis-0 justify-start content-start items-start gap-y-5 gap-x-5 pr-10">
<Component_4 />
<Component_5 />
<Component_6 />
</div>
<div className="bg-[#0e0f11] w-[528px] h-[598px] relative overflow-x-clip overflow-y-clip shrink-0 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<Component_7 />
</div>
</div>
</div>
<div
id="proof-points"
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pb-[120px] px-6"
>
<div className="w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-20 gap-x-20 py-10">
<div className="w-px h-min max-w-[1056px] relative grid grow shrink-0 basis-0 justify-center gap-y-12 gap-x-12 grid-cols-[repeat(3,minmax(200px,1fr))] grid-rows-[repeat(1,min-content)]">
<Component_8 />
<Component_9 />
<Component_10 />
</div>
</div>
</div>
<div
id="logo-ticker"
className="bg-[#0e0f11] w-full h-20 relative z-[2] overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgb(58,61,64)_0px_0px_0px_0.5px]"
>
<div className="contents">
<div className="h-20 absolute z-0 shrink-0 top-auto bottom-0 inset-x-0">
<Component_11 />
</div>
</div>
</div>
<div className="w-full h-min relative z-[2] flex flex-col shrink-0 justify-center content-center items-center gap-y-[100px] gap-x-[100px] pt-40 pb-[200px] px-6">
<div className="w-full h-min max-w-[1056px] relative flex flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="w-full h-min max-w-4/5 relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-4 gap-x-4">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<h2 className='[--framer-text-alignment:center] text-white leading-[57.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[48px] tracking-[-0.5px] text-center [word-break:break-word] caret-white my-0'>
The Twingate Zero Trust Platform
</h2>
</div>
</div>
</div>
<div className="bg-[#0e0f11] w-full h-[680px] max-w-[1096px] relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 p-5 rounded-br-[20px] rounded-t-[20px] rounded-bl-[20px]">
<div className="w-px h-full relative z-[1] flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-between content-start items-start">
<Component_12 />
<Component_13 />
</div>
<div className="bg-[#6e702f] w-px h-full relative z-[1] overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 gap-y-0 gap-x-0 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="absolute top-[-119px] right-[-296px] bottom-[-54px] left-[-230px] z-0 shrink-0 opacity-[0.77]">
<div className="contents">
<div
className="w-full h-full bg-[55px]"
data-style-id="style-20-1768143213253"
></div>
</div>
</div>
<Component_14 />
</div>
</div>
<div className="bg-[#0e0f11] w-full h-[680px] max-w-[1096px] relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 p-5 rounded-br-[20px] rounded-t-[20px] rounded-bl-[20px]">
<div className="w-px h-full relative z-[1] flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-between content-start items-start">
<Component_15 />
<Component_16 />
</div>
<div className="bg-[#6350dd] w-px h-full relative z-[1] overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 gap-y-0 gap-x-0 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="absolute top-[-119px] right-[-295px] bottom-[-54px] left-[-231px] z-0 shrink-0 opacity-[0.77]">
<div className="contents">
<div
className="w-full h-full bg-[55px]"
data-style-id="style-26-1768143213253"
></div>
</div>
</div>
<Component_17 />
</div>
</div>
<div className="bg-[#0e0f11] w-full h-[680px] max-w-[1096px] relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 p-5 rounded-br-[20px] rounded-t-[20px] rounded-bl-[20px]">
<div className="w-px h-full relative z-[1] flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-between content-start items-start">
<Component_18 />
<Component_19 />
</div>
<div className="bg-[#005144] w-px h-full relative z-[1] overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 gap-y-0 gap-x-0 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="absolute top-[-119px] right-[-295px] bottom-[-54px] left-[-231px] z-0 shrink-0 opacity-[0.77]">
<div className="contents">
<div
className="w-full h-full bg-[55px]"
data-style-id="style-32-1768143213253"
></div>
</div>
</div>
<Component_20 />
</div>
</div>
</div>
<div
id="stats"
className="bg-[#141617] w-full h-min relative z-[2] flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 px-6"
>
<div className="w-full h-min max-w-[1056px] relative z-[3] flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-20 gap-x-20 pt-[120px] pb-40 rounded-br-[20px] rounded-t-[20px] rounded-bl-[20px]">
<div className="w-full h-min relative z-0 flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-4 gap-x-4">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-[500px] relative flex flex-col shrink-0 justify-start">
<h2 className='[--framer-text-alignment:center] text-white leading-[57.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[48px] tracking-[-0.5px] text-center [word-break:break-word] caret-white my-0'>
Powerful security deployed in minutes
</h2>
</div>
</div>
<div className="w-full h-min relative z-[2] flex shrink-0 justify-start content-start items-start gap-y-10 gap-x-10">
<Component_21 />
<Component_22 />
<Component_23 />
</div>
</div>
<div
className="h-[311px] absolute z-[2] overflow-x-hidden overflow-y-hidden shrink-0 top-0 bottom-auto inset-x-0"
data-style-id="style-37-1768143213254"
></div>
<div
className="h-[120px] absolute z-[2] overflow-x-hidden overflow-y-hidden shrink-0 top-auto bottom-0 inset-x-0"
data-style-id="style-38-1768143213254"
></div>
<div className="contents">
<div
className="w-[1100px] aspect-square absolute z-[1] shrink-0 left-2/4 right-auto top-[61%] bottom-auto"
data-style-id="style-39-1768143213254"
>
<div className="opacity-100 w-full h-full aspect-square relative"></div>
</div>
</div>
</div>
<div className="w-full h-min relative z-[2] flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-[74px] gap-x-[74px] px-6 py-[180px]">
<div className="w-full h-min max-w-[1056px] relative flex flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="w-full h-min max-w-4/5 relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-4 gap-x-4">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<h2 className='[--framer-text-alignment:center] text-white leading-[57.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[48px] tracking-[-0.5px] text-center [word-break:break-word] caret-white my-0'>
We’ve helped thousands of companies stay secure and
innovate faster
</h2>
</div>
<Component_24 />
</div>
</div>
<div className="w-full h-min max-w-[1056px] relative flex flex-col shrink-0 justify-center content-center items-center gap-y-[26px] gap-x-[26px]">
<div className="w-full h-min max-w-[1200px] relative z-[1] flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_25 />
<Component_26 />
<Component_27 />
</div>
</div>
</div>
<div className="contents">
<div className="w-full relative shrink-0">
<div className="opacity-100 bg-[#141617] w-full h-[680px] relative flex overflow-x-hidden overflow-y-hidden flex-col justify-center content-center items-center gap-y-[60px] gap-x-[60px] pt-[130px] pb-[100px] px-6">
<Component_28 />
<div
className="opacity-100 h-[350px] absolute z-[1] overflow-x-hidden overflow-y-hidden shrink-0 top-0 bottom-auto inset-x-0"
data-style-id="style-47-1768143213254"
></div>
<div
className="opacity-100 h-[349px] absolute z-[1] overflow-x-hidden overflow-y-hidden shrink-0 top-auto bottom-0 inset-x-0"
data-style-id="style-48-1768143213254"
></div>
<Component_29 />
</div>
</div>
</div>
<div className="w-full h-min relative z-[2] flex flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 px-6 py-[200px]">
<div className="w-full h-min max-w-[1096px] relative z-[1] flex shrink-0 justify-center content-start items-start gap-y-6 gap-x-6">
<div className="w-px relative z-[1] flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-between content-start items-start self-stretch p-5 rounded-br-[20px] rounded-t-[20px] rounded-bl-[20px]">
<Component_30 />
<Component_31 />
</div>
<div className="contents">
<Component_32 />
</div>
</div>
</div>
<div className="bg-[#141617] w-full h-min relative z-[2] flex flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 px-6">
<div
id="integrations"
className="w-full h-min max-w-[1056px] relative flex shrink-0 justify-center content-center items-center gap-y-16 gap-x-16"
>
<div className="w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-6 gap-x-6 py-[120px]">
<Component_33 />
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full max-w-[500px] relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[25.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-zinc-400 my-0'>
Twingate is a central Zero Trust orchestration layer, so
you can create a best-in-class security ecosystem without
having to recut your network. Leverage out-of-the-box
integrations with major IdPs, MDM/EDRs, SIEMs, DOH
providers, and more.
</p>
</div>
<Component_34 />
</div>
<div className="w-px relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center self-stretch gap-y-3 gap-x-3">
<Component_35 />
<Component_36 />
<Component_37 />
</div>
</div>
</div>
<div className="w-[1200px] h-min relative z-[2] flex flex-col shrink-0 justify-center content-center items-center gap-y-12 gap-x-12 pt-[200px] pb-10 px-6">
<div className="w-full h-min max-w-[1056px] relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="w-full h-min max-w-[673px] relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-4 gap-x-4">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<h2 className='[--framer-text-color:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] text-white leading-[57.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[48px] tracking-[-0.5px] [word-break:break-word] caret-white my-0'>
News and insights from our blog
</h2>
</div>
<Component_38 />
</div>
</div>
<div className="w-full h-min max-w-[1056px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-0 gap-x-0">
<div className="w-full h-[381px] relative shrink-0">
<Component_39 />
</div>
</div>
<div className="w-[1062px] h-5 relative overflow-x-hidden overflow-y-hidden shrink-0"></div>
</div>
<div className="contents">
<div className="w-full relative shrink-0">
<div className="opacity-100 bg-[#0e0f11] w-full h-min relative flex overflow-x-hidden overflow-y-hidden justify-center content-center items-center gap-y-2.5 gap-x-2.5 pt-12 pb-[120px] px-6">
<Component_40 />
</div>
</div>
</div>
</div>
</div>
<div
id="hs-web-interactives-top-anchor"
className="w-full h-full fixed z-[9999] [transform-style:preserve-3d] [backface-visibility:hidden] pointer-events-none left-0 right-auto top-0 bottom-auto"
></div>
<div
data-was-iframe="true"
data-sd-iframe-type="same-origin"
className="w-px h-px absolute z-[-1] overflow-x-clip overflow-y-clip opacity-0 pointer-events-none left-0 right-auto top-0 bottom-auto"
>
<div className="bg-white [font-family:Times,system-ui,sans-serif] m-2"></div>
</div>
</div>
</>
);
}
export default App;
~~~
~~~/components/Component_1.jsx
import Component_1_1 from './Component_1_1';
import Component_1_2 from './Component_1_2';
function Component_1() {
return (
<div
className="opacity-100 w-full h-8 relative shrink-0"
data-component-id="Component_1"
>
<div className="opacity-100 bg-[#b6abff] w-full h-full relative flex justify-center content-center items-center gap-y-[54px] gap-x-[54px]">
<Component_1_1 />
<Component_1_2 />
</div>
</div>
);
}
export default Component_1;
~~~
~~~/components/Component_2.jsx
import Component_2_1 from './Component_2_1';
import Component_2_2 from './Component_2_2';
import Component_2_3 from './Component_2_3';
function Component_2() {
return (
<div
className="opacity-100 w-full h-16 relative shrink-0"
data-component-id="Component_2"
>
<div className="opacity-100 w-full h-full relative flex flex-col justify-start content-start items-start gap-y-0 gap-x-0">
<div className="h-min absolute z-[4] flex flex-col shrink-0 justify-start content-end items-end gap-y-0 gap-x-0 opacity-0 pointer-events-none top-0 bottom-auto inset-x-0">
<div className="opacity-100 w-full h-min max-w-[400px] relative flex flex-col shrink-0 justify-start content-end items-end gap-y-0 gap-x-0 pointer-events-none p-3">
<Component_2_1 />
</div>
</div>
<div className="opacity-100 w-full h-16 relative z-[3] flex shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 px-6">
<div className="opacity-100 bg-[rgba(14,15,17,0.4)] absolute shrink-0 backdrop-blur-[20px] backdrop-saturate-[1.8] inset-0"></div>
<div className="opacity-100 w-px h-min max-w-[1056px] relative flex grow shrink-0 basis-0 justify-between content-center items-center">
<Component_2_2 />
<Component_2_3 />
<div className="opacity-100 h-px absolute z-[2] shrink-0 shadow-[rgba(255,255,255,0.1)_0px_0.5px_0px_0px] top-auto bottom-px inset-x-0"></div>
</div>
</div>
</div>
</div>
);
}
export default Component_2;
~~~
~~~/components/Component_3.jsx
import Component_3_1 from './Component_3_1';
function Component_3() {
return (
<div
className="opacity-100 absolute z-[1] shrink-0 pointer-events-none scale-[0.8] inset-0"
data-component-id="Component_3"
>
<section className="opacity-100 w-full h-full max-w-full max-h-full flex overflow-x-hidden overflow-y-hidden items-center justify-items-center [mask-image:linear-gradient(to_right,rgba(0,0,0,0)_0%,rgb(0,0,0)_12.5%,rgb(0,0,0)_87.5%,rgba(0,0,0,0)_100%)] list-none pointer-events-none m-0 p-0">
<Component_3_1 />
</section>
</div>
);
}
export default Component_3;
~~~
~~~/components/Component_4.jsx
import Component_4_1 from './Component_4_1';
function Component_4() {
return (
<div className="contents" data-component-id="Component_4">
<div className="relative shrink-0">
<a
href="./msp"
className="opacity-100 bg-[#1d2023] text-[#0000ee] w-min h-min relative flex overflow-x-hidden overflow-y-hidden justify-center content-center items-center gap-y-2 gap-x-2 caret-[#0000ee] pl-1 pr-3.5 py-1 rounded-br-[20px] rounded-t-[20px] rounded-bl-[20px]"
>
<div className="opacity-100 bg-[#3a3d40] w-min h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5 caret-[#0000ee] px-2 py-0.5 rounded-br-[20px] rounded-t-[20px] rounded-bl-[20px]">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white my-0'>
New
</p>
</div>
</div>
<Component_4_1 />
</a>
</div>
</div>
);
}
export default Component_4;
~~~
~~~/components/Component_5.jsx
function Component_5() {
return (
<div
className="w-full h-min relative flex flex-col shrink-0 justify-start content-start items-start gap-y-0 gap-x-0"
data-component-id="Component_5"
>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<h1 className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIExpZ2h0] [--framer-font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif] [--framer-font-size:55px] [--framer-font-weight:300] [--framer-letter-spacing:-1px] [--framer-line-height:1.1em] [--framer-text-color:rgb(255,255,255)] text-white leading-[60.5px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-light text-[55px] tracking-[-1px] [word-break:break-word] caret-white my-0'>
<span className="[--framer-font-size:62px] leading-[68.2px] text-[62px] [word-break:break-word] caret-white">
Security, Performance,
<br />
Simplicity.
</span>
<span className="[--framer-font-size:62px] [--framer-text-color:var(--token-3f8e0110-e6bf-44dd-b47f-9ff8ecf01b7f,rgb(238,243,95))] text-[#eef35f] leading-[68.2px] text-[62px] [word-break:break-word] caret-[#eef35f]">
Pick Three.
</span>
</h1>
</div>
</div>
</div>
);
}
export default Component_5;
~~~
~~~/components/Component_6.jsx
import Component_6_1 from './Component_6_1';
import Component_6_2 from './Component_6_2';
function Component_6() {
return (
<div
className="w-full h-min relative flex flex-col shrink-0 justify-start content-start items-start gap-y-6 gap-x-6 pr-4"
data-component-id="Component_6"
>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start opacity-70">
<h3 className='text-white leading-[33px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[22px] [word-break:break-word] caret-white my-0'>
Identity-based access for users, services, and AI agents that deploys
in minutes, scales to every resource, and finally lets you retire your
VPN.
</h3>
</div>
<div className="w-min h-min relative flex shrink-0 justify-end content-center items-center gap-y-5 gap-x-5">
<Component_6_1 />
<Component_6_2 />
</div>
</div>
);
}
export default Component_6;
~~~
~~~/components/Component_7.jsx
import Component_7_1 from './Component_7_1';
import Component_7_2 from './Component_7_2';
import Component_7_3 from './Component_7_3';
function Component_7() {
return (
<div className="contents" data-component-id="Component_7">
<div className="aspect-[0.882943_/_1] absolute shrink-0 top-0 bottom-auto inset-x-0">
<div className="opacity-100 bg-[#0e0f11] w-full h-full relative gap-y-0 gap-x-0">
<div className="absolute top-[-157px] right-[-60px] bottom-[-152px] left-[-59px] shrink-0 opacity-20">
<div
className="bg-[#1e2023] leading-[0] w-full h-full min-w-0 min-h-0 relative overflow-x-hidden overflow-y-hidden"
data-style-id="style-7-1768143213252"
>
<div className="absolute inset-0">
<img
src="assets/twingate_com/img-f829b914.png"
width="647"
height="907"
/>
</div>
</div>
</div>
<Component_7_1 />
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black [transform:none] origin-[50%_50%_0px] w-[441px] h-[149px] absolute top-[calc(43.1438%_-_74.5px)] left-[calc(50.1894%_-_220.5px)] shrink-0 opacity-[0.98] will-change-transform right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 441 149"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="178"
>
<use href="#svg1427218071_13575" className="inline"></use>
</svg>
</div>
</div>
<div className="opacity-100 [transform:none] origin-[50%_50%_0px] bg-[#0e0f11] w-[100px] h-[100px] absolute shrink-0 will-change-transform rounded-br-[300px] rounded-t-[300px] rounded-bl-[300px] left-[42px] right-auto top-28 bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] [transform:none] origin-[50%_50%_0px] opacity-100 w-[99px] h-[99px] absolute shrink-0 left-px right-auto top-px bottom-auto"
>
<div className="w-full h-full">
<svg
width="100%"
height="100%"
className="w-full h-full block"
data-svg-size="118"
>
<use href="#svg1066528851_390" className="inline"></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black [transform:none] origin-[50%_50%_0px] opacity-100 w-10 h-[31px] absolute top-[calc(50%_-_15.5px)] left-[calc(50%_-_20px)] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 47 37"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg-782660371_740" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="origin-[50%_50%_0px] bg-[#0e0f11] w-[100px] h-[100px] absolute shrink-0 opacity-[0.988876] will-change-transform rounded-br-[300px] rounded-t-[300px] rounded-bl-[300px] scale-[0.994428] left-[157px] right-auto top-28 bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] [transform:none] origin-[50%_50%_0px] opacity-100 w-[99px] h-[99px] absolute shrink-0 left-px right-auto top-px bottom-auto"
>
<div className="w-full h-full">
<svg
width="100%"
height="100%"
className="w-full h-full block"
data-svg-size="118"
>
<use href="#svg1066528851_390" className="inline"></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black [transform:none] origin-[50%_50%_0px] opacity-100 w-[38px] h-[37px] absolute top-[calc(50%_-_18.5px)] left-[calc(50%_-_19px)] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 44 43"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg-1057782871_1137" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="bg-[#0e0f11] w-[100px] h-[100px] absolute shrink-0 opacity-[0.909792] will-change-transform rounded-br-[300px] rounded-t-[300px] rounded-bl-[300px] scale-[0.954951] left-auto right-[41px] top-28 bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[99px] h-[99px] absolute shrink-0 left-px right-auto top-px bottom-auto"
>
<div className="w-full h-full">
<svg
width="100%"
height="100%"
className="w-full h-full block"
data-svg-size="118"
>
<use href="#svg1066528851_390" className="inline"></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-8 h-[39px] absolute shrink-0 bg-[100%_100%] left-[34px] right-auto top-[31px] bottom-auto"
data-style-id="style-8-1768143213252"
></div>
</div>
<div className="origin-[50%_50%_0px] bg-[#0e0f11] w-[100px] h-[100px] absolute shrink-0 opacity-[0.968357] will-change-transform rounded-br-[300px] rounded-t-[300px] rounded-bl-[300px] scale-[0.984236] left-auto right-[156px] top-28 bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] [transform:none] origin-[50%_50%_0px] opacity-100 w-[99px] h-[99px] absolute shrink-0 left-px right-auto top-px bottom-auto"
>
<div className="w-full h-full">
<svg
width="100%"
height="100%"
className="w-full h-full block"
data-svg-size="118"
>
<use href="#svg1066528851_390" className="inline"></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black [transform:none] origin-[50%_50%_0px] opacity-100 w-[39px] h-[39px] absolute top-[calc(50%_-_19.5px)] left-[calc(50%_-_19.5px)] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 41 41"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg-2086718123_1336" className="inline"></use>
</svg>
</div>
</div>
</div>
<Component_7_2 />
<Component_7_3 />
</div>
</div>
</div>
);
}
export default Component_7;
~~~
~~~/components/Component_8.jsx
function Component_8() {
return (
<div
className="w-full h-min max-w-[400px] relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-start content-start items-start [align-self:start] gap-y-4 gap-x-4 justify-self-start"
data-component-id="Component_8"
>
<div className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1">
<div className="w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-2 gap-x-2">
<div className="w-6 aspect-square relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] w-[13px] h-4 relative shrink-0 bg-[100%_100%]"
data-style-id="style-10-1768143213253"
></div>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='text-white leading-[25.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [text-wrap-mode:nowrap] caret-white my-0'>
Powerful Control
</p>
</div>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
Robust device security, dynamic policy administration, flexible
least privilege access with full and granular auditability.
</p>
</div>
</div>
</div>
);
}
export default Component_8;
~~~
~~~/components/Component_9.jsx
function Component_9() {
return (
<div
className="w-full h-min max-w-[400px] relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-start content-start items-start [align-self:start] gap-y-4 gap-x-4 justify-self-start"
data-component-id="Component_9"
>
<div className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1">
<div className="w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-2 gap-x-2">
<div className="w-6 aspect-square relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] w-[15px] h-[19px] relative shrink-0 bg-[100%_100%]"
data-style-id="style-11-1768143213253"
></div>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='text-white leading-[25.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [text-wrap-mode:nowrap] caret-white my-0'>
High Performance
</p>
</div>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
No tunnels or bottlenecks, direct-to-resource connectivity, fully
cloud-agnostic, and virtually invisible to your distributed
development groups.
</p>
</div>
</div>
</div>
);
}
export default Component_9;
~~~
~~~/components/Component_10.jsx
function Component_10() {
return (
<div
className="w-full h-min max-w-[400px] relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-start content-start items-start [align-self:start] gap-y-4 gap-x-4 justify-self-start"
data-component-id="Component_10"
>
<div className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1">
<div className="w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-2 gap-x-2">
<div className="w-6 aspect-square relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] w-4 h-4 relative shrink-0 bg-[100%_100%]"
data-style-id="style-12-1768143213253"
></div>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='text-white leading-[25.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [text-wrap-mode:nowrap] caret-white my-0'>
Simple to Manage
</p>
</div>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
Intuitive admin console, single customizable policy engine, seamless
integration with leading security and identity suites.
</p>
</div>
</div>
</div>
);
}
export default Component_10;
~~~
~~~/components/Component_11.jsx
import Component_11_1 from './Component_11_1';
function Component_11() {
return (
<div
className="opacity-100 [transform:none] bg-[#0e0f11] w-full h-full relative overflow-x-hidden overflow-y-hidden shadow-[rgb(58,61,64)_0px_0px_0px_0.5px] will-change-transform"
data-component-id="Component_11"
>
<div className="opacity-100 absolute z-[1] shrink-0 scale-[0.8] inset-0">
<Component_11_1 />
</div>
</div>
);
}
export default Component_11;
~~~
~~~/components/Component_12.jsx
import Component_12_1 from './Component_12_1';
function Component_12() {
return (
<div
className="w-full h-min max-w-4/5 relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-start content-start items-start gap-y-4 gap-x-4"
data-component-id="Component_12"
>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-3f8e0110-e6bf-44dd-b47f-9ff8ecf01b7f,rgb(238,243,95))] text-[#eef35f] leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-[#eef35f] my-0'>
Zero Trust Network Access
</p>
</div>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<h2 className='text-white leading-[57.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[48px] tracking-[-0.5px] [word-break:break-word] caret-white my-0'>
Remote access built for the modern workforce
</h2>
</div>
</div>
<div className="contents">
<div className="h-[34px] relative shrink-0">
<Component_12_1 />
</div>
</div>
</div>
);
}
export default Component_12;
~~~
~~~/components/Component_13.jsx
import Component_13_1 from './Component_13_1';
import Component_13_2 from './Component_13_2';
import Component_13_3 from './Component_13_3';
function Component_13() {
return (
<div
className="w-[300px] h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5"
data-component-id="Component_13"
>
<Component_13_1 />
<Component_13_2 />
<Component_13_3 />
</div>
);
}
export default Component_13;
~~~
~~~/components/Component_14.jsx
import Component_14_1 from './Component_14_1';
import Component_14_2 from './Component_14_2';
function Component_14() {
return (
<div className="contents" data-component-id="Component_14">
<div
className="absolute z-[4] shrink-0 left-2/4 right-auto top-2/4 bottom-auto"
data-style-id="style-21-1768143213253"
>
<div className="[--border-bottom-width:0.5px] [--border-color:var(--token-06357a40-838c-46d5-ad67-93ca66578f36,rgb(58,61,64))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#141617] w-[502px] h-min relative flex overflow-x-hidden overflow-y-hidden flex-col justify-center content-start items-start gap-y-0 gap-x-0 shadow-[rgba(0,0,0,0.17)_0px_0.48175px_2.40875px_-1.16667px,rgba(0,0,0,0.15)_0px_1.83083px_9.15413px_-2.33333px,rgba(0,0,0,0.08)_0px_8px_40px_-3.5px] p-4 rounded-br-[20px] rounded-t-[20px] rounded-bl-[20px]">
<div className="opacity-100 bg-[#0e0f11] w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-start items-start gap-y-2.5 gap-x-2.5 shadow-[rgb(48,52,56)_0px_0px_0px_0.5px] rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="opacity-100 w-px h-min relative z-0 flex grow shrink-0 basis-0 justify-center content-start items-start gap-y-5 gap-x-5 p-4">
<div className="opacity-100 bg-[#0e0f11] w-px h-min relative z-[2] flex flex-col grow shrink-0 basis-0 justify-center content-center items-center gap-y-0 gap-x-0 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<Component_14_1 />
<Component_14_2 />
</div>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_14;
~~~
~~~/components/Component_15.jsx
import Component_15_1 from './Component_15_1';
function Component_15() {
return (
<div
className="w-full h-min max-w-4/5 relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-start content-start items-start gap-y-4 gap-x-4"
data-component-id="Component_15"
>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] text-[#b6abff] leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-[#b6abff] my-0'>
Internet Security
</p>
</div>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<h2 className='text-white leading-[57.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[48px] tracking-[-0.5px] [word-break:break-word] caret-white my-0'>
Secure internet access from anywhere
</h2>
</div>
</div>
<div className="contents">
<div className="h-[34px] relative shrink-0">
<Component_15_1 />
</div>
</div>
</div>
);
}
export default Component_15;
~~~
~~~/components/Component_16.jsx
import Component_16_1 from './Component_16_1';
import Component_16_2 from './Component_16_2';
import Component_16_3 from './Component_16_3';
function Component_16() {
return (
<div
className="w-[300px] h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5"
data-component-id="Component_16"
>
<Component_16_1 />
<Component_16_2 />
<Component_16_3 />
</div>
);
}
export default Component_16;
~~~
~~~/components/Component_17.jsx
import Component_17_1 from './Component_17_1';
import Component_17_2 from './Component_17_2';
function Component_17() {
return (
<div className="contents" data-component-id="Component_17">
<div
className="absolute z-[4] shrink-0 left-2/4 right-auto top-[55%] bottom-auto"
data-style-id="style-27-1768143213253"
>
<div className="[--border-bottom-width:0.5px] [--border-color:var(--token-06357a40-838c-46d5-ad67-93ca66578f36,rgb(58,61,64))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#141617] w-[502px] h-min relative flex overflow-x-hidden overflow-y-hidden flex-col justify-center content-start items-start gap-y-0 gap-x-0 shadow-[rgba(0,0,0,0.17)_0px_0.48175px_2.40875px_-1.16667px,rgba(0,0,0,0.15)_0px_1.83083px_9.15413px_-2.33333px,rgba(0,0,0,0.08)_0px_8px_40px_-3.5px] p-4 rounded-br-[20px] rounded-t-[20px] rounded-bl-[20px]">
<div className="opacity-100 bg-[#0e0f11] w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-5 gap-x-5 shadow-[rgb(48,52,56)_0px_0px_0px_0.5px] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<Component_17_1 />
<Component_17_2 />
</div>
</div>
</div>
</div>
);
}
export default Component_17;
~~~
~~~/components/Component_18.jsx
import Component_18_1 from './Component_18_1';
function Component_18() {
return (
<div
className="w-full h-min max-w-4/5 relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-start content-start items-start gap-y-4 gap-x-4"
data-component-id="Component_18"
>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-2bb3d2e7-6d68-4c74-8042-6cbb6412c976,rgb(0,203,170))] text-[#00cbaa] leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-[#00cbaa] my-0'>
Identity Firewall
</p>
</div>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<h2 className='text-white leading-[57.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[48px] tracking-[-0.5px] [word-break:break-word] caret-white my-0'>
Identity-Aware Access at Every Layer
</h2>
</div>
</div>
<div className="contents">
<div className="h-[34px] relative shrink-0">
<Component_18_1 />
</div>
</div>
</div>
);
}
export default Component_18;
~~~
~~~/components/Component_19.jsx
import Component_19_1 from './Component_19_1';
import Component_19_2 from './Component_19_2';
import Component_19_3 from './Component_19_3';
function Component_19() {
return (
<div
className="w-[300px] h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5"
data-component-id="Component_19"
>
<Component_19_1 />
<Component_19_2 />
<Component_19_3 />
</div>
);
}
export default Component_19;
~~~
~~~/components/Component_20.jsx
import Component_20_1 from './Component_20_1';
import Component_20_2 from './Component_20_2';
import Component_20_3 from './Component_20_3';
import Component_20_4 from './Component_20_4';
function Component_20() {
return (
<div className="contents" data-component-id="Component_20">
<div
className="absolute z-[4] shrink-0 left-2/4 right-auto top-2/4 bottom-auto"
data-style-id="style-33-1768143213253"
>
<div className="[--border-bottom-width:0.5px] [--border-color:var(--token-06357a40-838c-46d5-ad67-93ca66578f36,rgb(58,61,64))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#141617] w-[502px] h-min relative flex overflow-x-hidden overflow-y-hidden flex-col justify-center content-start items-start gap-y-0 gap-x-0 shadow-[rgba(0,0,0,0.17)_0px_0.48175px_2.40875px_-1.16667px,rgba(0,0,0,0.15)_0px_1.83083px_9.15413px_-2.33333px,rgba(0,0,0,0.08)_0px_8px_40px_-3.5px] p-4 rounded-br-[20px] rounded-t-[20px] rounded-bl-[20px]">
<div className="opacity-100 bg-[#0e0f11] w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-5 gap-x-5 shadow-[rgb(48,52,56)_0px_0px_0px_0.5px] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-start content-center items-center gap-y-0 gap-x-0 shadow-[rgba(0,0,0,0.01)_0px_2.3px_1.79872px_0px,rgba(0,0,0,0.01)_0px_5.6px_4.3px_0px,rgba(0,0,0,0.01)_0px_10.6px_8.1px_0px,rgba(0,0,0,0.01)_0px_18.9px_14.5px_0px,rgba(0,0,0,0.01)_0px_35.5px_27.1px_0px,rgba(0,0,0,0.02)_0px_85px_65px_0px]">
<Component_20_1 />
<Component_20_2 />
<Component_20_3 />
<div className="opacity-100 w-full h-10 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-center items-center gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:SW50ZXItTWVkaXVt] [--framer-font-size:14px] [--framer-font-weight:500] [--framer-letter-spacing:-0.01em] [--framer-line-height:16px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] font-medium text-[14px] tracking-[-0.14px] [text-wrap-mode:nowrap] caret-white my-0'>
Additional Controls
</p>
</div>
<div className="opacity-100 w-px h-full relative overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 gap-y-0 gap-x-0"></div>
</div>
<Component_20_4 />
<div className="[--border-bottom-width:0px] [--border-color:rgb(29,32,35)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-end content-center items-center gap-y-4 gap-x-4 py-4 rounded-br-[12px] rounded-bl-[12px]">
<div className="opacity-100 w-min h-min min-w-[78px] min-h-6 relative flex shrink-0 justify-start content-start items-start gap-y-2 gap-x-2"></div>
<div className="opacity-100 bg-[#f7f8f9] w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-2 gap-x-2 p-2 rounded-br-[6px] rounded-t-[6px] rounded-bl-[6px]">
<div className="[--extracted-r6o4lv:rgb(18,19,21)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:SW50ZXItTWVkaXVt] [--framer-font-size:14px] [--framer-font-weight:500] [--framer-letter-spacing:-0.01em] [--framer-line-height:16px] [--framer-text-alignment:center] [--framer-text-color:var(--extracted-r6o4lv,rgb(18,19,21))] text-[#121315] leading-[16px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] font-medium text-[14px] tracking-[-0.14px] text-center [text-wrap-mode:nowrap] caret-[#121315] my-0'>
Create Resource
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_20;
~~~
~~~/components/Component_21.jsx
import Component_21_1 from './Component_21_1';
import Component_21_2 from './Component_21_2';
function Component_21() {
return (
<div
className="opacity-100 bg-[#141617] w-px h-[220px] relative z-[3] flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-between content-start items-start will-change-transform [transform:perspective(1200px)] p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_21"
>
<Component_21_1 />
<Component_21_2 />
</div>
);
}
export default Component_21;
~~~
~~~/components/Component_22.jsx
import Component_22_1 from './Component_22_1';
import Component_22_2 from './Component_22_2';
function Component_22() {
return (
<div
className="opacity-100 bg-[#141617] w-px h-[220px] relative z-[3] flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-between content-start items-start will-change-transform [transform:perspective(1200px)] p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_22"
>
<Component_22_1 />
<Component_22_2 />
</div>
);
}
export default Component_22;
~~~
~~~/components/Component_23.jsx
import Component_23_1 from './Component_23_1';
import Component_23_2 from './Component_23_2';
function Component_23() {
return (
<div
className="opacity-100 bg-[#141617] w-px h-[220px] relative z-[3] flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-between content-start items-start will-change-transform [transform:perspective(1200px)] p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_23"
>
<Component_23_1 />
<Component_23_2 />
</div>
);
}
export default Component_23;
~~~
~~~/components/Component_24.jsx
import Component_24_1 from './Component_24_1';
function Component_24() {
return (
<div className="contents" data-component-id="Component_24">
<div className="h-[34px] relative shrink-0">
<Component_24_1 />
</div>
</div>
);
}
export default Component_24;
~~~
~~~/components/Component_25.jsx
import Component_25_1 from './Component_25_1';
import Component_25_2 from './Component_25_2';
import Component_25_3 from './Component_25_3';
function Component_25() {
return (
<div
className="w-full h-min relative z-0 flex shrink-0 justify-start content-start items-start gap-y-6 gap-x-6"
data-component-id="Component_25"
>
<div className="contents">
<Component_25_1 />
</div>
<div className="w-px h-min relative z-0 flex grow shrink-0 basis-0 justify-start content-start items-start gap-y-6 gap-x-6">
<Component_25_2 />
<Component_25_3 />
</div>
</div>
);
}
export default Component_25;
~~~
~~~/components/Component_26.jsx
import Component_26_1 from './Component_26_1';
import Component_26_2 from './Component_26_2';
import Component_26_3 from './Component_26_3';
function Component_26() {
return (
<div
className="w-full h-min relative z-0 flex shrink-0 justify-start content-start items-start gap-y-6 gap-x-6"
data-component-id="Component_26"
>
<div className="w-px h-min relative z-0 flex grow shrink-0 basis-0 justify-start content-start items-start gap-y-6 gap-x-6">
<Component_26_1 />
<Component_26_2 />
</div>
<div className="contents">
<Component_26_3 />
</div>
</div>
);
}
export default Component_26;
~~~
~~~/components/Component_27.jsx
import Component_27_1 from './Component_27_1';
import Component_27_2 from './Component_27_2';
import Component_27_3 from './Component_27_3';
function Component_27() {
return (
<div
className="w-full h-min relative z-0 flex shrink-0 justify-start content-start items-start gap-y-6 gap-x-6"
data-component-id="Component_27"
>
<div className="contents">
<Component_27_1 />
</div>
<div className="w-px h-min relative z-0 flex grow shrink-0 basis-0 justify-start content-start items-start gap-y-6 gap-x-6">
<Component_27_2 />
<Component_27_3 />
</div>
</div>
);
}
export default Component_27;
~~~
~~~/components/Component_28.jsx
import Component_28_1 from './Component_28_1';
function Component_28() {
return (
<div
className="opacity-100 w-[417px] absolute z-[2] shrink-0 -translate-x-2/4 -translate-y-2/4 left-2/4 right-auto top-2/4 bottom-auto"
data-component-id="Component_28"
>
<a
href="./customers/love"
className="[--border-bottom-width:1px] [--border-color:rgb(58,61,64)] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#121315] text-[#0000ee] w-full h-min relative flex overflow-x-hidden overflow-y-hidden justify-between content-center items-center shadow-[rgba(0,0,0,0.26)_0px_0px_14.3112px_0px,rgba(0,0,0,0.13)_0px_2.62241px_7.86724px_0px,rgba(0,0,0,0.48)_0px_13.1121px_26.2241px_0px] backdrop-blur-[13.1121px] caret-[#0000ee] px-[25px] py-3 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="bg-[#141617] w-full h-full absolute top-[-0.495049%] z-[1] flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5 opacity-0 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none left-[0.119907%] right-auto bottom-auto">
<div className="opacity-100 w-min h-[34px] relative flex shrink-0 justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[25.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Read all reviews
</p>
</div>
<div className="opacity-100 w-5 h-5 relative z-[1] shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="300"
>
<path
d="M13 5L11.59 6.41L16.17 11L4 11L4 13H16.17L11.58 17.59L13 19L20 12L13 5Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
</div>
</div>
<Component_28_1 />
</a>
</div>
);
}
export default Component_28;
~~~
~~~/components/Component_29.jsx
import Component_29_1 from './Component_29_1';
import Component_29_2 from './Component_29_2';
import Component_29_3 from './Component_29_3';
import Component_29_4 from './Component_29_4';
import Component_29_5 from './Component_29_5';
import Component_29_6 from './Component_29_6';
import Component_29_7 from './Component_29_7';
import Component_29_8 from './Component_29_8';
import Component_29_9 from './Component_29_9';
import Component_29_10 from './Component_29_10';
import Component_29_11 from './Component_29_11';
import Component_29_12 from './Component_29_12';
import Component_29_13 from './Component_29_13';
import Component_29_14 from './Component_29_14';
import Component_29_15 from './Component_29_15';
import Component_29_16 from './Component_29_16';
import Component_29_17 from './Component_29_17';
import Component_29_18 from './Component_29_18';
import Component_29_19 from './Component_29_19';
import Component_29_20 from './Component_29_20';
import Component_29_21 from './Component_29_21';
import Component_29_22 from './Component_29_22';
import Component_29_23 from './Component_29_23';
import Component_29_24 from './Component_29_24';
import Component_29_25 from './Component_29_25';
import Component_29_26 from './Component_29_26';
import Component_29_27 from './Component_29_27';
import Component_29_28 from './Component_29_28';
import Component_29_29 from './Component_29_29';
import Component_29_30 from './Component_29_30';
import Component_29_31 from './Component_29_31';
import Component_29_32 from './Component_29_32';
import Component_29_33 from './Component_29_33';
import Component_29_34 from './Component_29_34';
import Component_29_35 from './Component_29_35';
import Component_29_36 from './Component_29_36';
import Component_29_37 from './Component_29_37';
import Component_29_38 from './Component_29_38';
import Component_29_39 from './Component_29_39';
import Component_29_40 from './Component_29_40';
import Component_29_41 from './Component_29_41';
import Component_29_42 from './Component_29_42';
import Component_29_43 from './Component_29_43';
import Component_29_44 from './Component_29_44';
import Component_29_45 from './Component_29_45';
import Component_29_46 from './Component_29_46';
import Component_29_47 from './Component_29_47';
import Component_29_48 from './Component_29_48';
import Component_29_49 from './Component_29_49';
import Component_29_50 from './Component_29_50';
import Component_29_51 from './Component_29_51';
import Component_29_52 from './Component_29_52';
import Component_29_53 from './Component_29_53';
import Component_29_54 from './Component_29_54';
import Component_29_55 from './Component_29_55';
import Component_29_56 from './Component_29_56';
import Component_29_57 from './Component_29_57';
import Component_29_58 from './Component_29_58';
import Component_29_59 from './Component_29_59';
import Component_29_60 from './Component_29_60';
import Component_29_61 from './Component_29_61';
import Component_29_62 from './Component_29_62';
import Component_29_63 from './Component_29_63';
import Component_29_64 from './Component_29_64';
import Component_29_65 from './Component_29_65';
import Component_29_66 from './Component_29_66';
import Component_29_67 from './Component_29_67';
import Component_29_68 from './Component_29_68';
import Component_29_69 from './Component_29_69';
import Component_29_70 from './Component_29_70';
import Component_29_71 from './Component_29_71';
import Component_29_72 from './Component_29_72';
import Component_29_73 from './Component_29_73';
import Component_29_74 from './Component_29_74';
import Component_29_75 from './Component_29_75';
import Component_29_76 from './Component_29_76';
import Component_29_77 from './Component_29_77';
import Component_29_78 from './Component_29_78';
import Component_29_79 from './Component_29_79';
import Component_29_80 from './Component_29_80';
import Component_29_81 from './Component_29_81';
import Component_29_82 from './Component_29_82';
import Component_29_83 from './Component_29_83';
import Component_29_84 from './Component_29_84';
import Component_29_85 from './Component_29_85';
import Component_29_86 from './Component_29_86';
import Component_29_87 from './Component_29_87';
import Component_29_88 from './Component_29_88';
import Component_29_89 from './Component_29_89';
import Component_29_90 from './Component_29_90';
import Component_29_91 from './Component_29_91';
import Component_29_92 from './Component_29_92';
import Component_29_93 from './Component_29_93';
import Component_29_94 from './Component_29_94';
import Component_29_95 from './Component_29_95';
import Component_29_96 from './Component_29_96';
import Component_29_97 from './Component_29_97';
import Component_29_98 from './Component_29_98';
import Component_29_99 from './Component_29_99';
import Component_29_100 from './Component_29_100';
import Component_29_101 from './Component_29_101';
import Component_29_102 from './Component_29_102';
import Component_29_103 from './Component_29_103';
import Component_29_104 from './Component_29_104';
import Component_29_105 from './Component_29_105';
import Component_29_106 from './Component_29_106';
import Component_29_107 from './Component_29_107';
import Component_29_108 from './Component_29_108';
import Component_29_109 from './Component_29_109';
import Component_29_110 from './Component_29_110';
import Component_29_111 from './Component_29_111';
import Component_29_112 from './Component_29_112';
import Component_29_113 from './Component_29_113';
import Component_29_114 from './Component_29_114';
import Component_29_115 from './Component_29_115';
import Component_29_116 from './Component_29_116';
import Component_29_117 from './Component_29_117';
import Component_29_118 from './Component_29_118';
import Component_29_119 from './Component_29_119';
import Component_29_120 from './Component_29_120';
import Component_29_121 from './Component_29_121';
function Component_29() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-center content-center items-center gap-y-6 gap-x-6"
data-component-id="Component_29"
>
<div className="w-[361px] h-[1285px] relative shrink-0 opacity-[0.69]">
<section className="opacity-100 w-full h-full max-w-full max-h-full flex overflow-x-hidden overflow-y-hidden items-center justify-items-center list-none m-0 p-2.5">
<ul className="will-change-auto translate-y-0 w-full h-full max-w-full max-h-full relative flex flex-col items-center gap-y-6 gap-x-6 justify-items-center m-0 p-0">
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_1 />
<Component_29_2 />
<Component_29_3 />
<Component_29_4 />
<Component_29_5 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_6 />
<Component_29_7 />
<Component_29_8 />
<Component_29_9 />
<Component_29_10 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_11 />
<Component_29_12 />
<Component_29_13 />
<Component_29_14 />
<Component_29_15 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_16 />
<Component_29_17 />
<Component_29_18 />
<Component_29_19 />
<Component_29_20 />
</div>
</li>
</ul>
</section>
</div>
<div className="w-[353px] h-[1285px] relative shrink-0 opacity-[0.69]">
<section className="opacity-100 w-full h-full max-w-full max-h-full flex overflow-x-hidden overflow-y-hidden items-center justify-items-center list-none m-0 p-2.5">
<ul className="will-change-auto w-full h-full max-w-full max-h-full relative top-[-3130px] flex flex-col items-center gap-y-6 gap-x-6 justify-items-center translate-x-0 translate-y-[111.604px] m-0 p-0 bottom-auto inset-x-auto">
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_21 />
<Component_29_22 />
<Component_29_23 />
<Component_29_24 />
<Component_29_25 />
<Component_29_26 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_27 />
<Component_29_28 />
<Component_29_29 />
<Component_29_30 />
<Component_29_31 />
<Component_29_32 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_33 />
<Component_29_34 />
<Component_29_35 />
<Component_29_36 />
<Component_29_37 />
<Component_29_38 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_39 />
<Component_29_40 />
<Component_29_41 />
<Component_29_42 />
<Component_29_43 />
<Component_29_44 />
</div>
</li>
</ul>
</section>
</div>
<div className="w-[353px] h-[1285px] relative shrink-0 opacity-[0.69]">
<section className="opacity-100 w-full h-full max-w-full max-h-full flex overflow-x-hidden overflow-y-hidden items-center justify-items-center list-none m-0 p-2.5">
<ul className="will-change-auto w-full h-full max-w-full max-h-full relative flex flex-col items-center gap-y-6 gap-x-6 justify-items-center translate-x-0 translate-y-[-133.925px] m-0 p-0">
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_45 />
<Component_29_46 />
<Component_29_47 />
<Component_29_48 />
<Component_29_49 />
<Component_29_50 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_51 />
<Component_29_52 />
<Component_29_53 />
<Component_29_54 />
<Component_29_55 />
<Component_29_56 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_57 />
<Component_29_58 />
<Component_29_59 />
<Component_29_60 />
<Component_29_61 />
<Component_29_62 />
</div>
</li>
</ul>
</section>
</div>
<div className="w-[353px] h-[1285px] relative shrink-0 opacity-[0.69]">
<section className="opacity-100 w-full h-full max-w-full max-h-full flex overflow-x-hidden overflow-y-hidden items-center justify-items-center list-none m-0 p-2.5">
<ul className="will-change-auto w-full h-full max-w-full max-h-full relative top-[-2616px] flex flex-col items-center gap-y-6 gap-x-6 justify-items-center translate-x-0 translate-y-[89.2832px] m-0 p-0 bottom-auto inset-x-auto">
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_63 />
<Component_29_64 />
<Component_29_65 />
<Component_29_66 />
<Component_29_67 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_68 />
<Component_29_69 />
<Component_29_70 />
<Component_29_71 />
<Component_29_72 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_73 />
<Component_29_74 />
<Component_29_75 />
<Component_29_76 />
<Component_29_77 />
</div>
</li>
</ul>
</section>
</div>
<div className="w-[353px] h-[1285px] relative shrink-0 opacity-[0.69]">
<section className="opacity-100 w-full h-full max-w-full max-h-full flex overflow-x-hidden overflow-y-hidden items-center justify-items-center list-none m-0 p-2.5">
<ul className="will-change-auto w-full h-full max-w-full max-h-full relative flex flex-col items-center gap-y-6 gap-x-6 justify-items-center translate-x-0 translate-y-[-133.925px] m-0 p-0">
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_78 />
<Component_29_79 />
<Component_29_80 />
<Component_29_81 />
<Component_29_82 />
<Component_29_83 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_84 />
<Component_29_85 />
<Component_29_86 />
<Component_29_87 />
<Component_29_88 />
<Component_29_89 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_90 />
<Component_29_91 />
<Component_29_92 />
<Component_29_93 />
<Component_29_94 />
<Component_29_95 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_96 />
<Component_29_97 />
<Component_29_98 />
<Component_29_99 />
<Component_29_100 />
<Component_29_101 />
</div>
</li>
</ul>
</section>
</div>
<div className="w-[361px] h-[1285px] relative shrink-0 opacity-[0.69]">
<section className="opacity-100 w-full h-full max-w-full max-h-full flex overflow-x-hidden overflow-y-hidden items-center justify-items-center list-none m-0 p-2.5">
<ul className="will-change-auto translate-y-0 w-full h-full max-w-full max-h-full relative flex flex-col items-center gap-y-6 gap-x-6 justify-items-center m-0 p-0">
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_102 />
<Component_29_103 />
<Component_29_104 />
<Component_29_105 />
<Component_29_106 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_107 />
<Component_29_108 />
<Component_29_109 />
<Component_29_110 />
<Component_29_111 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_112 />
<Component_29_113 />
<Component_29_114 />
<Component_29_115 />
<Component_29_116 />
</div>
</li>
<li aria-hidden="true" className="list-outside">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-center items-center gap-y-6 gap-x-6">
<Component_29_117 />
<Component_29_118 />
<Component_29_119 />
<Component_29_120 />
<Component_29_121 />
</div>
</li>
</ul>
</section>
</div>
</div>
);
}
export default Component_29;
~~~
~~~/components/Component_30.jsx
import Component_30_1 from './Component_30_1';
function Component_30() {
return (
<div
className="w-4/5 h-min relative z-[1] flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-6 gap-x-6"
data-component-id="Component_30"
>
<Component_30_1 />
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[25.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-zinc-400 my-0'>
Twingate's API-first design easily integrates with your stack, no
changes to infrastructure needed. Just choose your IaC, choose your
VPC, and deploy.
</p>
</div>
</div>
);
}
export default Component_30;
~~~
~~~/components/Component_31.jsx
function Component_31() {
return (
<div
className="w-4/5 h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-4 gap-x-4"
data-component-id="Component_31"
>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] text-white leading-[25.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-white my-0'>
"Twingate is a powerful platform that allows us to programmatically
deploy and maintain a zero trust approach to our infrastructure."
</p>
</div>
<a
href="./demo"
className="text-[#0000ee] w-min h-min relative flex shrink-0 justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee]"
>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-line-height:1.5em] [--framer-text-color:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white my-0'>
Paul Guthrie
</p>
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-line-height:1.5em] [--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Information Security Officer, Blend
</p>
</div>
</a>
</div>
);
}
export default Component_31;
~~~
~~~/components/Component_32.jsx
import Component_32_1 from './Component_32_1';
import Component_32_2 from './Component_32_2';
import Component_32_3 from './Component_32_3';
import Component_32_4 from './Component_32_4';
import Component_32_5 from './Component_32_5';
function Component_32() {
return (
<div
className="w-[500px] h-[650px] relative shrink-0"
data-component-id="Component_32"
>
<div className="[--border-bottom-width:0.5px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#0e0f11] w-full h-full relative flex flex-col justify-center content-center items-center gap-y-3 gap-x-3 p-5 rounded-br-[20px] rounded-t-[20px] rounded-bl-[20px]">
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-center items-center gap-y-3 gap-x-3">
<Component_32_1 />
<Component_32_2 />
<Component_32_3 />
</div>
<div className="[--border-bottom-width:0.5px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#141617] w-full h-px relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<Component_32_4 />
</div>
<div className="opacity-100 w-full relative shrink-0">
<Component_32_5 />
</div>
</div>
</div>
);
}
export default Component_32;
~~~
~~~/components/Component_33.jsx
function Component_33() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-3 gap-x-3"
data-component-id="Component_33"
>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full max-w-[560px] relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-3f8e0110-e6bf-44dd-b47f-9ff8ecf01b7f,rgb(238,243,95))] text-[#eef35f] leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-[#eef35f] my-0'>
Integrations
</p>
</div>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<h2 className='[--framer-text-color:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] text-white leading-[57.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[48px] tracking-[-0.5px] [word-break:break-word] caret-white my-0'>
Build a best-in-class security ecosystem
</h2>
</div>
</div>
);
}
export default Component_33;
~~~
~~~/components/Component_34.jsx
import Component_34_1 from './Component_34_1';
function Component_34() {
return (
<div className="contents" data-component-id="Component_34">
<div className="h-[34px] relative shrink-0">
<Component_34_1 />
</div>
</div>
);
}
export default Component_34;
~~~
~~~/components/Component_35.jsx
import Component_35_1 from './Component_35_1';
import Component_35_2 from './Component_35_2';
import Component_35_3 from './Component_35_3';
import Component_35_4 from './Component_35_4';
import Component_35_5 from './Component_35_5';
import Component_35_6 from './Component_35_6';
import Component_35_7 from './Component_35_7';
import Component_35_8 from './Component_35_8';
import Component_35_9 from './Component_35_9';
import Component_35_10 from './Component_35_10';
import Component_35_11 from './Component_35_11';
import Component_35_12 from './Component_35_12';
import Component_35_13 from './Component_35_13';
import Component_35_14 from './Component_35_14';
import Component_35_15 from './Component_35_15';
import Component_35_16 from './Component_35_16';
function Component_35() {
return (
<div className="contents" data-component-id="Component_35">
<div className="w-px h-full relative grow shrink-0 basis-0">
<div className="opacity-100 w-full h-full relative">
<div
name="EDR Ticker"
className="opacity-100 absolute shrink-0 inset-0"
>
<section className="opacity-100 w-full h-full max-w-full max-h-full flex overflow-x-hidden overflow-y-hidden items-center justify-items-center [mask-image:linear-gradient(rgba(0,0,0,0)_0%,rgb(0,0,0)_12.5%,rgb(0,0,0)_87.5%,rgba(0,0,0,0)_100%)] list-none m-0 p-0">
<ul className="w-full h-full max-w-full max-h-full relative flex flex-col items-start gap-y-3 gap-x-3 justify-items-start will-change-transform translate-x-0 translate-y-[-42.8404px] m-0 p-0">
<Component_35_1 />
<Component_35_2 />
<Component_35_3 />
<Component_35_4 />
<Component_35_5 />
<Component_35_6 />
<Component_35_7 />
<Component_35_8 />
<Component_35_9 />
<Component_35_10 />
<Component_35_11 />
<Component_35_12 />
<Component_35_13 />
<Component_35_14 />
<Component_35_15 />
<Component_35_16 />
</ul>
</section>
</div>
</div>
</div>
</div>
);
}
export default Component_35;
~~~
~~~/components/Component_36.jsx
import Component_36_1 from './Component_36_1';
import Component_36_2 from './Component_36_2';
import Component_36_3 from './Component_36_3';
import Component_36_4 from './Component_36_4';
import Component_36_5 from './Component_36_5';
import Component_36_6 from './Component_36_6';
import Component_36_7 from './Component_36_7';
import Component_36_8 from './Component_36_8';
import Component_36_9 from './Component_36_9';
import Component_36_10 from './Component_36_10';
import Component_36_11 from './Component_36_11';
import Component_36_12 from './Component_36_12';
import Component_36_13 from './Component_36_13';
import Component_36_14 from './Component_36_14';
import Component_36_15 from './Component_36_15';
import Component_36_16 from './Component_36_16';
import Component_36_17 from './Component_36_17';
import Component_36_18 from './Component_36_18';
function Component_36() {
return (
<div className="contents" data-component-id="Component_36">
<div className="w-[157px] h-full relative shrink-0">
<div className="opacity-100 w-full h-full relative">
<div
name="IDP Ticker"
className="opacity-100 absolute shrink-0 inset-0"
>
<section className="opacity-100 w-full h-full max-w-full max-h-full flex overflow-x-hidden overflow-y-hidden items-center justify-items-center [mask-image:linear-gradient(rgba(0,0,0,0)_0%,rgb(0,0,0)_12.5%,rgb(0,0,0)_87.5%,rgba(0,0,0,0)_100%)] list-none m-0 p-0">
<ul className="w-full h-full max-w-full max-h-full relative top-[-1920px] flex flex-col items-start gap-y-3 gap-x-3 justify-items-start will-change-transform translate-x-0 translate-y-[42.8404px] m-0 p-0 bottom-auto inset-x-auto">
<Component_36_1 />
<Component_36_2 />
<Component_36_3 />
<Component_36_4 />
<Component_36_5 />
<Component_36_6 />
<Component_36_7 />
<Component_36_8 />
<Component_36_9 />
<Component_36_10 />
<Component_36_11 />
<Component_36_12 />
<Component_36_13 />
<Component_36_14 />
<Component_36_15 />
<Component_36_16 />
<Component_36_17 />
<Component_36_18 />
</ul>
</section>
</div>
</div>
</div>
</div>
);
}
export default Component_36;
~~~
~~~/components/Component_37.jsx
import Component_37_1 from './Component_37_1';
import Component_37_2 from './Component_37_2';
import Component_37_3 from './Component_37_3';
import Component_37_4 from './Component_37_4';
import Component_37_5 from './Component_37_5';
import Component_37_6 from './Component_37_6';
import Component_37_7 from './Component_37_7';
import Component_37_8 from './Component_37_8';
import Component_37_9 from './Component_37_9';
import Component_37_10 from './Component_37_10';
import Component_37_11 from './Component_37_11';
import Component_37_12 from './Component_37_12';
function Component_37() {
return (
<div
className="w-px h-full relative grow shrink-0 basis-0"
data-component-id="Component_37"
>
<div className="opacity-100 w-full h-full relative">
<div
name="Misc Ticker"
className="opacity-100 absolute shrink-0 inset-0"
>
<section className="opacity-100 w-full h-full max-w-full max-h-full flex overflow-x-hidden overflow-y-hidden items-center justify-items-center [mask-image:linear-gradient(rgba(0,0,0,0)_0%,rgb(0,0,0)_12.5%,rgb(0,0,0)_87.5%,rgba(0,0,0,0)_100%)] list-none m-0 p-0">
<ul className="w-full h-full max-w-full max-h-full relative flex flex-col items-start gap-y-3 gap-x-3 justify-items-start will-change-transform translate-x-0 translate-y-[-42.8404px] m-0 p-0">
<Component_37_1 />
<Component_37_2 />
<Component_37_3 />
<Component_37_4 />
<Component_37_5 />
<Component_37_6 />
<Component_37_7 />
<Component_37_8 />
<Component_37_9 />
<Component_37_10 />
<Component_37_11 />
<Component_37_12 />
</ul>
</section>
</div>
</div>
</div>
);
}
export default Component_37;
~~~
~~~/components/Component_38.jsx
import Component_38_1 from './Component_38_1';
function Component_38() {
return (
<div className="contents" data-component-id="Component_38">
<div className="h-[34px] relative shrink-0">
<Component_38_1 />
</div>
</div>
);
}
export default Component_38;
~~~
~~~/components/Component_39.jsx
import Component_39_1 from './Component_39_1';
import Component_39_2 from './Component_39_2';
import Component_39_3 from './Component_39_3';
import Component_39_4 from './Component_39_4';
import Component_39_5 from './Component_39_5';
import Component_39_6 from './Component_39_6';
import Component_39_7 from './Component_39_7';
import Component_39_8 from './Component_39_8';
import Component_39_9 from './Component_39_9';
import Component_39_10 from './Component_39_10';
import Component_39_11 from './Component_39_11';
import Component_39_12 from './Component_39_12';
function Component_39() {
return (
<section
className="flex-row opacity-100 w-full h-full max-w-full max-h-full flex items-center justify-items-center list-none select-none m-0 p-0"
data-component-id="Component_39"
>
<div className="w-full h-full absolute overflow-x-hidden overflow-y-hidden [perspective:1200px] select-none m-0 rounded-br-none rounded-t-none rounded-bl-none inset-0">
<ul className="flex-row w-full h-full max-w-full max-h-full flex items-center gap-y-0 gap-x-0 justify-items-center translate-x-[-3168px] translate-y-0 select-none m-0 p-0">
<li className="contents list-outside select-none">
<Component_39_1 />
</li>
<li className="contents list-outside select-none">
<Component_39_2 />
</li>
<li className="contents list-outside select-none">
<Component_39_3 />
</li>
<li className="contents list-outside select-none">
<Component_39_4 />
</li>
<li className="contents list-outside select-none">
<Component_39_5 />
</li>
<li className="contents list-outside select-none">
<Component_39_6 />
</li>
<li className="contents list-outside select-none">
<Component_39_7 />
</li>
<li className="contents list-outside select-none">
<Component_39_8 />
</li>
<li className="contents list-outside select-none">
<Component_39_9 />
</li>
<li className="contents list-outside select-none">
<Component_39_10 />
</li>
<li className="contents list-outside select-none">
<Component_39_11 />
</li>
<li className="contents list-outside select-none">
<Component_39_12 />
</li>
</ul>
</div>
<fieldset
aria-label="Slideshow pagination controls"
className="absolute flex justify-between items-center pointer-events-none select-none m-0 p-0 inset-0"
>
<div className="flex-row gap-y-[unset] gap-x-[unset] opacity-100 absolute flex justify-between items-center pointer-events-none select-none inset-4">
<button
type="button"
aria-label="Previous"
tabIndex="0"
className="[border-top-style:none] [border-right-style:none] [border-bottom-style:none] [border-left-style:none] pointer-events-auto [transform:none] bg-[rgba(255,255,255,0.1)] w-10 h-10 hidden overflow-x-hidden overflow-y-hidden justify-center content-center items-center justify-items-center select-none m-0 p-0 rounded-br-[500px] rounded-t-[500px] rounded-bl-[500px]"
data-style-id="style-51-1768143213254"
></button>
<button
type="button"
aria-label="Next"
tabIndex="0"
className="[border-top-style:none] [border-right-style:none] [border-bottom-style:none] [border-left-style:none] pointer-events-auto [transform:none] bg-[rgba(255,255,255,0.1)] w-10 h-10 hidden overflow-x-hidden overflow-y-hidden justify-center content-center items-center justify-items-center select-none m-0 p-0 rounded-br-[500px] rounded-t-[500px] rounded-bl-[500px]"
data-style-id="style-52-1768143213254"
></button>
</div>
</fieldset>
</section>
);
}
export default Component_39;
~~~
~~~/components/Component_40.jsx
import Component_40_1 from './Component_40_1';
import Component_40_2 from './Component_40_2';
import Component_40_3 from './Component_40_3';
import Component_40_4 from './Component_40_4';
import Component_40_5 from './Component_40_5';
import Component_40_6 from './Component_40_6';
import Component_40_7 from './Component_40_7';
function Component_40() {
return (
<div
className="opacity-100 w-px h-min max-w-[1056px] relative flex flex-col grow shrink-0 basis-0 justify-center content-center items-center gap-y-8 gap-x-8"
data-component-id="Component_40"
>
<div className="opacity-100 w-full relative shrink-0">
<div className="opacity-100 w-full h-min relative flex justify-center content-start items-start gap-y-6 gap-x-6">
<Component_40_1 />
</div>
</div>
<div className="opacity-100 w-full h-min relative flex shrink-0 justify-center content-start items-start gap-y-10 gap-x-10">
<div className="opacity-100 w-px h-min relative flex grow shrink-0 basis-0 justify-center content-start items-start gap-y-6 gap-x-6">
<Component_40_2 />
<Component_40_3 />
<Component_40_4 />
<Component_40_5 />
</div>
<div className="opacity-100 w-[157px] max-w-full relative flex flex-col shrink-0 justify-between content-start items-start self-stretch">
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-2.5 gap-x-2.5">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-[black] text-[black] opacity-100 w-20 aspect-[1.0056_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[1.0056_/_1]">
<svg
viewBox="0 0 359 357"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="179"
>
<use href="#svg-1471918610_21168" className="inline"></use>
</svg>
</div>
</div>
</div>
<Component_40_6 />
</div>
</div>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 py-3">
<div className="opacity-100 bg-[rgba(245,245,255,0.1)] w-full h-px relative overflow-x-hidden overflow-y-hidden shrink-0"></div>
</div>
<div className="opacity-100 w-full h-min relative flex shrink-0 justify-between content-start items-start">
<div className="opacity-100 relative shrink-0">
<Component_40_7 />
</div>
<div className="opacity-100 w-px h-min relative flex flex-wrap grow shrink-0 basis-0 justify-end content-center items-center gap-y-3 gap-x-3">
<div className="opacity-100 relative shrink-0">
<a
href="https://api.twingate.com/download/darwin"
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-[38px] relative flex justify-center content-center items-center gap-y-1.5 gap-x-1.5 caret-[#0000ee] pl-2 pr-3 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="opacity-100 w-6 h-6 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1121"
>
<path
d="M14.5391 5.74783C15.0696 5.10435 15.4435 4.22609 15.4435 3.33913C15.4435 3.21739 15.4348 3.09565 15.4174 3C14.5478 3.03478 13.5043 3.57391 12.887 4.30435C12.3913 4.86087 11.9391 5.74783 11.9391 6.63478C11.9391 6.77391 11.9652 6.90435 11.9739 6.94783C12.0261 6.95652 12.113 6.97391 12.2087 6.97391C12.9826 6.97391 13.9565 6.45217 14.5391 5.74783ZM15.1478 7.15652C13.8522 7.15652 12.7913 7.94783 12.113 7.94783C11.3913 7.94783 10.4522 7.2087 9.32174 7.2087C7.17391 7.2087 5 8.98261 5 12.3217C5 14.4087 5.8 16.6087 6.8 18.0261C7.65217 19.2261 8.4 20.2087 9.47826 20.2087C10.5391 20.2087 11.0087 19.5043 12.3304 19.5043C13.6696 19.5043 13.9739 20.1913 15.1478 20.1913C16.313 20.1913 17.087 19.1217 17.8261 18.0696C18.6435 16.8609 18.9913 15.687 19 15.6261C18.9304 15.6087 16.7043 14.6957 16.7043 12.1478C16.7043 9.93913 18.4522 8.94783 18.5565 8.86957C17.4 7.2087 15.6348 7.15652 15.1478 7.15652Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-60 caret-[#0000ee]">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white my-0'>
macOS
</p>
</div>
</a>
</div>
<div className="opacity-100 relative shrink-0">
<a
href="https://api.twingate.com/download/windows"
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-[38px] relative flex justify-center content-center items-center gap-y-1.5 gap-x-1.5 caret-[#0000ee] pl-2 pr-3 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="opacity-100 w-6 h-6 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="414"
>
<path
d="M12.1933 6.12791V11.2757H19V5L12.1933 6.12791ZM12.1933 17.571L19 18.6793V12.4072H12.1933V17.571ZM5 11.2739H10.7536V6.31501L5 7.2683V11.2739ZM5 16.4484L10.7536 17.3856V12.4072H5V16.4484Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-60 caret-[#0000ee]">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white my-0'>
Windows
</p>
</div>
</a>
</div>
<div className="opacity-100 relative shrink-0">
<a
href="https://api.twingate.com/download/linux"
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-[38px] relative flex justify-center content-center items-center gap-y-1.5 gap-x-1.5 caret-[#0000ee] pl-2 pr-3 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="opacity-100 w-6 h-6 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1480"
>
<path
d="M13.465 8.76181C13.15 8.97178 12.1527 9.5417 12.0027 9.65418C11.7102 9.88665 11.4403 9.87165 11.1478 9.64668C10.9978 9.5267 10.0005 8.95678 9.68552 8.75431C9.32558 8.52185 9.34807 8.22939 9.74551 8.06441C10.9753 7.54699 12.2052 7.58448 13.4275 8.08691C13.7949 8.24439 13.8099 8.53684 13.465 8.76181ZM18.8792 14.221C18.1818 12.6537 17.2294 11.229 15.9996 9.97664C15.6194 9.58172 15.3458 9.09658 15.2047 8.56684C15.1297 8.31938 15.0772 8.06441 15.0248 7.80945C14.8748 7.14954 14.8073 6.47464 14.4998 5.85223C13.9524 4.6674 13 4.05249 11.6202 4C10.2629 4.03749 9.25059 4.60741 8.65817 5.79974C8.5007 6.12219 8.38821 6.45964 8.31322 6.80459C8.18574 7.37451 8.07326 7.96693 7.93828 8.54434C7.82579 9.03177 7.60083 9.45171 7.21838 9.82666C6.01106 11.004 5.0437 12.3538 4.3088 13.8386C4.20382 14.056 4.09883 14.2735 4.03134 14.4985C3.88886 14.9934 4.24881 15.3384 4.77373 15.2184C5.10369 15.1509 5.43364 15.0834 5.74859 14.9859C6.05605 14.8734 6.17603 14.9484 6.25102 15.2484C6.73845 16.8606 7.8033 17.993 9.43056 18.6229C12.5201 19.7927 16.1271 18.128 16.907 15.1884C16.9595 14.9859 17.0345 14.9109 17.2594 14.9859C17.6044 15.0909 17.9568 15.1659 18.3093 15.2484C18.6767 15.3159 18.9467 15.1284 18.9992 14.7684C19.0217 14.5735 18.9542 14.401 18.8792 14.221Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-60 caret-[#0000ee]">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white my-0'>
Linux
</p>
</div>
</a>
</div>
<div className="opacity-100 relative shrink-0">
<a
href="https://www.twingate.com/docs/chromeos"
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-[38px] relative flex justify-center content-center items-center gap-y-1.5 gap-x-1.5 caret-[#0000ee] pl-2 pr-3 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="opacity-100 w-6 h-6 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1532"
>
<path
d="M10.2616 19.8104C6.68 19.0168 4 15.8216 4 12C4 10.5424 4.3896 9.176 5.0712 7.9984L8.4976 13.9336C8.88255 14.6313 9.46715 15.1981 10.1764 15.5613C10.8857 15.9245 11.6873 16.0675 12.4784 15.972L10.2624 19.8104H10.2616ZM12 20L15.4296 14.06C15.8039 13.4382 16.0012 12.7258 16 12C16.0013 11.1343 15.7204 10.2918 15.2 9.6H19.6336C19.8774 10.3766 20.0009 11.186 20 12C20 16.4184 16.4184 20 12 20ZM14.0576 13.236C13.8426 13.5944 13.5378 13.8903 13.1733 14.0947C12.8087 14.299 12.3972 14.4046 11.9793 14.4009C11.5614 14.3973 11.1518 14.2846 10.7908 14.0739C10.4299 13.8633 10.1303 13.562 9.9216 13.2L9.8984 13.16C9.69581 12.7929 9.59294 12.3791 9.60003 11.9599C9.60712 11.5406 9.72391 11.1306 9.93879 10.7705C10.1537 10.4105 10.4591 10.113 10.8247 9.90771C11.1904 9.70244 11.6034 9.59654 12.0227 9.60055C12.4419 9.60456 12.8528 9.71835 13.2145 9.93058C13.5761 10.1428 13.8758 10.4461 14.0837 10.8102C14.2917 11.1743 14.4006 11.5865 14.3997 12.0058C14.3987 12.4251 14.288 12.8368 14.0784 13.2L14.0576 13.236ZM6.1056 6.5912C6.85419 5.77352 7.76496 5.12079 8.77983 4.67465C9.79469 4.22851 10.8914 3.99875 12 4.00001C13.4046 3.99944 14.7846 4.36883 16.001 5.07102C17.2175 5.77321 18.2276 6.78343 18.9296 8H12C11.2163 7.9999 10.4499 8.22995 9.79584 8.66158C9.14177 9.09322 8.62887 9.70744 8.3208 10.428L6.1056 6.5912Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-60 caret-[#0000ee]">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white my-0'>
Chrome
</p>
</div>
</a>
</div>
<div className="opacity-100 relative shrink-0">
<a
href="https://api.twingate.com/download/ios"
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-[38px] relative flex justify-center content-center items-center gap-y-1.5 gap-x-1.5 caret-[#0000ee] pl-2 pr-3 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="opacity-100 w-6 h-6 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1121"
>
<path
d="M14.5391 5.74783C15.0696 5.10435 15.4435 4.22609 15.4435 3.33913C15.4435 3.21739 15.4348 3.09565 15.4174 3C14.5478 3.03478 13.5043 3.57391 12.887 4.30435C12.3913 4.86087 11.9391 5.74783 11.9391 6.63478C11.9391 6.77391 11.9652 6.90435 11.9739 6.94783C12.0261 6.95652 12.113 6.97391 12.2087 6.97391C12.9826 6.97391 13.9565 6.45217 14.5391 5.74783ZM15.1478 7.15652C13.8522 7.15652 12.7913 7.94783 12.113 7.94783C11.3913 7.94783 10.4522 7.2087 9.32174 7.2087C7.17391 7.2087 5 8.98261 5 12.3217C5 14.4087 5.8 16.6087 6.8 18.0261C7.65217 19.2261 8.4 20.2087 9.47826 20.2087C10.5391 20.2087 11.0087 19.5043 12.3304 19.5043C13.6696 19.5043 13.9739 20.1913 15.1478 20.1913C16.313 20.1913 17.087 19.1217 17.8261 18.0696C18.6435 16.8609 18.9913 15.687 19 15.6261C18.9304 15.6087 16.7043 14.6957 16.7043 12.1478C16.7043 9.93913 18.4522 8.94783 18.5565 8.86957C17.4 7.2087 15.6348 7.15652 15.1478 7.15652Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-60 caret-[#0000ee]">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white my-0'>
iOS
</p>
</div>
</a>
</div>
<div className="opacity-100 relative shrink-0">
<a
href="https://api.twingate.com/download/android"
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-[38px] relative flex justify-center content-center items-center gap-y-1.5 gap-x-1.5 caret-[#0000ee] pl-2 pr-3 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="opacity-100 w-6 h-6 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1318"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M8.73483 3.73483C8.88128 3.58839 9.11872 3.58839 9.26516 3.73483L10.3744 4.84411C10.8711 4.62293 11.4212 4.5 12 4.5C12.5788 4.5 13.1289 4.62293 13.6256 4.84411L14.7348 3.73483C14.8813 3.58839 15.1187 3.58839 15.2652 3.73483C15.4116 3.88128 15.4116 4.11872 15.2652 4.26517L14.302 5.22836C15.3291 5.95238 16 7.14784 16 8.5H8C8 7.14784 8.67093 5.95238 9.69803 5.22836L8.73483 4.26517C8.58839 4.11872 8.58839 3.88128 8.73483 3.73483ZM5 10.5625C5 9.97458 5.47458 9.5 6.0625 9.5C6.65042 9.5 7.125 9.97458 7.125 10.5625V14.5208C7.125 15.1088 6.65042 15.5833 6.0625 15.5833C5.47458 15.5833 5 15.1088 5 14.5208V10.5625ZM17 10.5C17 9.94667 17.4467 9.5 18 9.5C18.5533 9.5 19 9.94667 19 10.5V14.5C19 15.0533 18.5533 15.5 18 15.5C17.4467 15.5 17 15.0533 17 14.5V10.5ZM9 16.5V19.5C9 20.0533 9.44667 20.5 10 20.5C10.5533 20.5 11 20.0533 11 19.5V16.5H13V19.5C13 20.0533 13.4467 20.5 14 20.5C14.5533 20.5 15 20.0533 15 19.5V16.5C15.5523 16.5 16 16.0523 16 15.5V9.5H8V15.5C8 16.0523 8.44772 16.5 9 16.5ZM11 6.5H10V7.5H11V6.5ZM13 6.5H14V7.5H13V6.5Z"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-60 caret-[#0000ee]">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white my-0'>
Android
</p>
</div>
</a>
</div>
</div>
</div>
</div>
);
}
export default Component_40;
~~~
~~~/components/Component_1_1.jsx
import Component_1_1_1 from './Component_1_1_1';
function Component_1_1() {
return (
<a
href="https://www.twingate.com/onboarding"
className="opacity-100 text-[#0000ee] w-min h-min relative flex shrink-0 justify-center content-center items-center gap-y-3 gap-x-3 caret-[#0000ee]"
data-component-id="Component_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-weight:500] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[24px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] font-medium [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
Live Onboarding Sessions
</p>
</div>
<Component_1_1_1 />
</a>
);
}
export default Component_1_1;
~~~
~~~/components/Component_1_2.jsx
function Component_1_2() {
return (
<div
className="opacity-100 h-5 relative shrink-0"
data-component-id="Component_1_2"
>
<a
href="https://www.twingate.com/onboarding"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-[#0e0f11] leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[#0e0f11] select-none my-0'>
Register
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-0-1768143213251"
></div>
</div>
</div>
</a>
</div>
);
}
export default Component_1_2;
~~~
~~~/components/Component_2_1.jsx
import Component_2_1_1 from './Component_2_1_1';
import Component_2_1_2 from './Component_2_1_2';
import Component_2_1_3 from './Component_2_1_3';
import Component_2_1_4 from './Component_2_1_4';
function Component_2_1() {
return (
<div
className="opacity-100 w-full relative shrink-0 pointer-events-none"
data-component-id="Component_2_1"
>
<div tabIndex="0" className="contents pointer-events-none">
<div className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] w-full h-min relative flex flex-col justify-start content-start items-start gap-y-0 gap-x-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.063)_0px_10px_10px_-3.75px,rgba(255,255,255,0.05)_0px_0.5px_0px_0px_inset] backdrop-blur-2xl pointer-events-none pb-3 rounded-br-[14px] rounded-t-[14px] rounded-bl-[14px]">
<div className="opacity-100 w-full h-14 relative z-[1] overflow-x-hidden overflow-y-hidden shrink-0 pointer-events-none">
<div
tabIndex="0"
className="opacity-100 w-[37px] h-[34px] absolute top-[calc(50%_-_17px)] overflow-x-hidden overflow-y-hidden shrink-0 pointer-events-none rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] left-auto right-2 bottom-auto"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-6 h-6 absolute top-[calc(50%_-_12px)] left-[calc(50%_-_12px)] shrink-0 pointer-events-none right-auto bottom-auto"
>
<div className="w-full h-full pointer-events-none">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="163"
>
<use
href="#svg1152750083"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-[black] text-[black] opacity-100 w-[86px] aspect-[4.3_/_1] absolute shrink-0 pointer-events-none left-[18px] right-auto top-2/4 bottom-auto"
>
<div className="w-full h-full aspect-[4.3_/_1] pointer-events-none">
<svg
viewBox="0 0 86 20"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg712272324_2169"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-center items-center gap-y-2 gap-x-2 pointer-events-none pt-2 pb-4 px-4">
<div className="opacity-100 w-px h-[34px] relative grow shrink-0 basis-0 pointer-events-none">
<a
href="https://auth.twingate.com/signup"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] shadow-none opacity-100 bg-white text-[#0000ee] w-full h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] pointer-events-none px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
>
<div className="[--extracted-r6o4lv:rgb(0,0,0)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] pointer-events-none select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,rgb(0,0,0))] leading-[18px] [font-family:"TT_Hoves_Medium",serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] pointer-events-none select-none my-0'>
Try Twingate
</p>
</div>
</a>
</div>
<div className="opacity-100 w-px h-[34px] relative grow shrink-0 basis-0 pointer-events-none">
<a
href="./demo"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.05))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] text-[#0000ee] w-full h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 shadow-[rgba(255,255,255,0.1)_0px_2.5px_0px_-2px_inset] caret-[#0000ee] pointer-events-none px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] pointer-events-none select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[18px] [font-family:"TT_Hoves_Medium",serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none select-none my-0'>
Request a Demo
</p>
</div>
</a>
</div>
</div>
<div className="opacity-100 w-full h-min max-h-[500px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-0 gap-x-0 pointer-events-none">
<Component_2_1_1 />
<Component_2_1_2 />
<Component_2_1_3 />
<Component_2_1_4 />
<div className="opacity-100 w-full relative shrink-0 pointer-events-none">
<a
href="./customers"
tabIndex="0"
className="opacity-100 text-[#0000ee] w-full relative flex flex-col justify-start content-center items-center gap-y-0 gap-x-0 caret-[#0000ee] pointer-events-none"
>
<div className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] bg-[rgba(0,0,0,0)] opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center caret-[#0000ee] pointer-events-none p-4">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Customers
</p>
</div>
</div>
</a>
</div>
<div className="opacity-100 w-full relative shrink-0 pointer-events-none">
<a
href="./"
tabIndex="0"
className="opacity-100 text-[#0000ee] w-full relative flex flex-col justify-start content-center items-center gap-y-0 gap-x-0 caret-[#0000ee] pointer-events-none"
>
<div className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] bg-[rgba(0,0,0,0)] opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center caret-[#0000ee] pointer-events-none p-4">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Pricing
</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_2_1;
~~~
~~~/components/Component_2_2.jsx
import Component_2_2_1 from './Component_2_2_1';
function Component_2_2() {
return (
<div
className="opacity-100 w-min h-16 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5"
data-component-id="Component_2_2"
>
<a
href="./"
className="opacity-100 text-[#0000ee] w-min h-min relative flex shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5 caret-[#0000ee]"
>
<div
tabIndex="0"
role="img"
aria-label="Twingate Logo"
className="[image-rendering:pixelated] fill-[black] text-[black] opacity-100 w-[86px] aspect-[4.3_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[4.3_/_1]">
<svg
viewBox="0 0 86 20"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg712272324_2169" className="inline"></use>
</svg>
</div>
</div>
</a>
<Component_2_2_1 />
</div>
);
}
export default Component_2_2;
~~~
~~~/components/Component_2_3.jsx
import Component_2_3_1 from './Component_2_3_1';
function Component_2_3() {
return (
<div
className="opacity-100 h-[34px] relative z-[3] shrink-0"
data-component-id="Component_2_3"
>
<div className="opacity-100 w-[463px] h-full relative flex justify-end content-start items-start gap-y-0 gap-x-0">
<Component_2_3_1 />
</div>
</div>
);
}
export default Component_2_3;
~~~
~~~/components/Component_3_1.jsx
import Component_3_1_1 from './Component_3_1_1';
import Component_3_1_2 from './Component_3_1_2';
import Component_3_1_3 from './Component_3_1_3';
function Component_3_1() {
return (
<ul
className="flex-row w-full h-full max-w-full max-h-full relative flex items-center gap-y-2.5 gap-x-2.5 justify-items-center will-change-transform translate-x-[-941.687px] translate-y-0 pointer-events-none m-0 p-0"
data-component-id="Component_3_1"
>
<li aria-hidden="false" className="list-outside pointer-events-none">
<Component_3_1_1 />
</li>
<li
aria-hidden="true"
className="will-change-transform list-outside pointer-events-none"
>
<Component_3_1_2 />
</li>
<li
aria-hidden="true"
className="will-change-transform list-outside pointer-events-none"
>
<Component_3_1_3 />
</li>
</ul>
);
}
export default Component_3_1;
~~~
~~~/components/Component_4_1.jsx
function Component_4_1() {
return (
<div
className="opacity-100 w-min h-[23px] relative flex shrink-0 justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee]"
data-component-id="Component_4_1"
>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white my-0'>
Twingate MSP Portal
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-4-1768143213252"
></div>
</div>
</div>
</div>
);
}
export default Component_4_1;
~~~
~~~/components/Component_6_1.jsx
import Component_6_1_1 from './Component_6_1_1';
function Component_6_1() {
return (
<div className="contents" data-component-id="Component_6_1">
<div className="h-[34px] relative shrink-0">
<Component_6_1_1 />
</div>
</div>
);
}
export default Component_6_1;
~~~
~~~/components/Component_6_2.jsx
import Component_6_2_1 from './Component_6_2_1';
function Component_6_2() {
return (
<div className="contents" data-component-id="Component_6_2">
<div className="h-[34px] relative shrink-0">
<Component_6_2_1 />
</div>
</div>
);
}
export default Component_6_2;
~~~
~~~/components/Component_7_1.jsx
import Component_7_1_1 from './Component_7_1_1';
import Component_7_1_2 from './Component_7_1_2';
import Component_7_1_3 from './Component_7_1_3';
import Component_7_1_4 from './Component_7_1_4';
function Component_7_1() {
return (
<div
className="opacity-100 [transform:none] origin-[50%_50%_0px] w-[342px] h-[222px] absolute left-[calc(50.3788%_-_171px)] shrink-0 will-change-transform right-auto top-auto bottom-12"
data-component-id="Component_7_1"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] [transform:none] origin-[50%_50%_0px] w-[342px] h-[222px] absolute top-[calc(50%_-_111px)] left-[calc(50%_-_171px)] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="124"
>
<use href="#svg10771995169" className="inline"></use>
</svg>
</div>
</div>
<div className="origin-[50%_50%_0px] w-min h-min absolute flex flex-col shrink-0 justify-center content-center items-center gap-y-[7px] gap-x-[7px] -translate-x-2/4 -translate-y-2/4 left-2/4 right-auto top-[53%] bottom-auto">
<Component_7_1_1 />
<Component_7_1_2 />
<Component_7_1_3 />
<Component_7_1_4 />
</div>
</div>
);
}
export default Component_7_1;
~~~
~~~/components/Component_7_2.jsx
function Component_7_2() {
return (
<div
className="w-full h-[476px] absolute shrink-0 opacity-0 will-change-transform left-[0%] right-auto top-auto bottom-0"
data-component-id="Component_7_2"
>
<div
className="opacity-100 will-change-auto h-48 absolute z-[4] shrink-0 top-auto bottom-0 inset-x-0"
data-style-id="style-9-1768143213253"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-full h-[3px] absolute shrink-0 left-0 right-auto -top-px bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 530 3"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="122"
></svg>
</div>
</div>
</div>
<div className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] [transform:none] origin-[50%_50%_0px] w-[170px] h-28 absolute top-[calc(26.6807%_-_56px)] left-[calc(30.1136%_-_85px)] shrink-0 opacity-0 will-change-transform rounded-br-none rounded-t-none rounded-bl-none right-auto bottom-auto">
<div className="absolute inset-0">
<img
width="340"
height="224"
src="https://framerusercontent.com/images/D8n9BO0UVfBC4XyRQXH2larg81g.png?width=340&height=224"
className="object-[center_center] w-full h-full aspect-[auto_340_/_224] block object-cover"
/>
</div>
</div>
<div className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] [transform:none] origin-[50%_50%_0px] w-[170px] h-28 absolute top-[calc(2.94118%_-_56px)] left-[calc(71.7803%_-_85px)] shrink-0 opacity-0 will-change-transform rounded-br-none rounded-t-none rounded-bl-none right-auto bottom-auto">
<div className="absolute inset-0">
<img
width="340"
height="224"
src="https://framerusercontent.com/images/Cf7Sj5z0URxAnqO4BGN8XS3hg9I.png?width=340&height=224"
className="object-[center_center] w-full h-full aspect-[auto_340_/_224] block object-cover"
/>
</div>
</div>
<div className="[transform:none] origin-[50%_50%_0px] w-[170px] h-28 absolute top-[calc(37.395%_-_56px)] left-[calc(75.5682%_-_85px)] z-[4] shrink-0 opacity-0 will-change-transform right-auto bottom-auto">
<div className="absolute inset-0">
<img
width="340"
height="224"
src="https://framerusercontent.com/images/g1JNBkaRtZOtXa3wWFtdrrPlFAY.png?width=340&height=224"
className="object-[center_center] w-full h-full aspect-[auto_340_/_224] block object-cover"
/>
</div>
</div>
<div className="[transform:none] origin-[50%_50%_0px] w-[170px] h-28 absolute top-[calc(-4.20168%_-_56px)] left-[calc(26.5152%_-_85px)] z-[2] shrink-0 opacity-0 will-change-transform right-auto bottom-auto">
<div className="absolute inset-0">
<img
width="340"
height="224"
src="https://framerusercontent.com/images/qmFvxFQbVfEgTux8lKBwdXrU6EE.png?width=340&height=224"
className="object-[center_center] w-full h-full aspect-[auto_340_/_224] block object-cover"
/>
</div>
</div>
</div>
);
}
export default Component_7_2;
~~~
~~~/components/Component_7_3.jsx
import Component_7_3_1 from './Component_7_3_1';
function Component_7_3() {
return (
<div
className="opacity-100 h-9 absolute overflow-x-hidden overflow-y-hidden shrink-0 top-[41px] bottom-auto inset-x-0"
data-component-id="Component_7_3"
>
<div className="opacity-100 origin-[50%_50%_0px] absolute bottom-[-128px] shrink-0 will-change-transform -translate-x-2/4 translate-y-0 left-2/4 right-auto top-auto">
<Component_7_3_1 />
</div>
</div>
);
}
export default Component_7_3;
~~~
~~~/components/Component_11_1.jsx
import Component_11_1_1 from './Component_11_1_1';
import Component_11_1_2 from './Component_11_1_2';
import Component_11_1_3 from './Component_11_1_3';
function Component_11_1() {
return (
<section
className="opacity-100 w-full h-full max-w-full max-h-full flex overflow-x-hidden overflow-y-hidden items-center justify-items-center [mask-image:linear-gradient(to_right,rgba(0,0,0,0)_0%,rgb(0,0,0)_12.5%,rgb(0,0,0)_87.5%,rgba(0,0,0,0)_100%)] list-none m-0 p-0"
data-component-id="Component_11_1"
>
<ul className="flex-row will-change-auto w-full h-full max-w-full max-h-full relative flex items-center gap-y-2.5 gap-x-2.5 justify-items-center translate-x-[-27.0264px] translate-y-0 m-0 p-0">
<Component_11_1_1 />
<Component_11_1_2 />
<Component_11_1_3 />
</ul>
</section>
);
}
export default Component_11_1;
~~~
~~~/components/Component_12_1.jsx
function Component_12_1() {
return (
<a
href="https://www.twingate.com/product/ztna"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.05))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 shadow-[rgba(255,255,255,0.1)_0px_2.5px_0px_-2px_inset] caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
data-component-id="Component_12_1"
>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Learn more
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-16-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_12_1;
~~~
~~~/components/Component_13_1.jsx
import Component_13_1_1 from './Component_13_1_1';
function Component_13_1() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_13_1"
>
<Component_13_1_1 />
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
Remotely access the office network, cloud VPCs, and other private
resources.
</p>
</div>
</div>
);
}
export default Component_13_1;
~~~
~~~/components/Component_13_2.jsx
import Component_13_2_1 from './Component_13_2_1';
function Component_13_2() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_13_2"
>
<Component_13_2_1 />
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
Powerful, automated access controls at the network layer.
</p>
</div>
</div>
);
}
export default Component_13_2;
~~~
~~~/components/Component_13_3.jsx
import Component_13_3_1 from './Component_13_3_1';
function Component_13_3() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_13_3"
>
<Component_13_3_1 />
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
Precisely control access based on specific device requirements.
</p>
</div>
</div>
);
}
export default Component_13_3;
~~~
~~~/components/Component_14_1.jsx
import Component_14_1_1 from './Component_14_1_1';
function Component_14_1() {
return (
<div
className="opacity-100 w-full h-min relative z-[1] flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-3.5 gap-x-3.5"
data-component-id="Component_14_1"
>
<Component_14_1_1 />
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5">
<div className="[--border-bottom-width:0px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 w-full h-px relative overflow-x-hidden overflow-y-hidden shrink-0"></div>
</div>
</div>
);
}
export default Component_14_1;
~~~
~~~/components/Component_14_2.jsx
import Component_14_2_1 from './Component_14_2_1';
import Component_14_2_2 from './Component_14_2_2';
import Component_14_2_3 from './Component_14_2_3';
import Component_14_2_4 from './Component_14_2_4';
import Component_14_2_5 from './Component_14_2_5';
import Component_14_2_6 from './Component_14_2_6';
import Component_14_2_7 from './Component_14_2_7';
import Component_14_2_8 from './Component_14_2_8';
function Component_14_2() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-start content-start items-start gap-y-6 gap-x-6"
data-component-id="Component_14_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-start content-start items-start gap-y-0 gap-x-0">
<div className="opacity-100 w-full h-[47px] relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-start content-start items-start gap-y-0 gap-x-0">
<div className="opacity-100 w-full h-14 relative flex shrink-0 justify-start content-center items-center gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-paragraph-spacing:0px] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-50">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white my-0'>
Recent Activity
</p>
</div>
<div className="opacity-100 w-2 h-full relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0"></div>
</div>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-start content-start items-start gap-y-0 gap-x-0">
<Component_14_2_1 />
<Component_14_2_2 />
<Component_14_2_3 />
<Component_14_2_4 />
<Component_14_2_5 />
<Component_14_2_6 />
<Component_14_2_7 />
<Component_14_2_8 />
</div>
</div>
</div>
);
}
export default Component_14_2;
~~~
~~~/components/Component_15_1.jsx
function Component_15_1() {
return (
<a
href="https://www.twingate.com/product/internet-security"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.05))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] text-[#0000ee] h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 shadow-[rgba(255,255,255,0.1)_0px_2.5px_0px_-2px_inset] caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
data-component-id="Component_15_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-mBmkDc5G4-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium",serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Learn more
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto -right-px bottom-auto"
data-style-id="style-22-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_15_1;
~~~
~~~/components/Component_16_1.jsx
import Component_16_1_1 from './Component_16_1_1';
function Component_16_1() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_16_1"
>
<Component_16_1_1 />
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-line-height:1.5em] [--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
Automatically flag, detect, and block malicious web threats.
</p>
</div>
</div>
);
}
export default Component_16_1;
~~~
~~~/components/Component_16_2.jsx
import Component_16_2_1 from './Component_16_2_1';
function Component_16_2() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_16_2"
>
<Component_16_2_1 />
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-line-height:1.5em] [--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
Proactively block access to inappropriate or unwanted web-based
content.
</p>
</div>
</div>
);
}
export default Component_16_2;
~~~
~~~/components/Component_16_3.jsx
import Component_16_3_1 from './Component_16_3_1';
function Component_16_3() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_16_3"
>
<Component_16_3_1 />
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-line-height:1.5em] [--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
Leverage rich DNS log data to identify trends, reduce risk, and
protect your end users.
</p>
</div>
</div>
);
}
export default Component_16_3;
~~~
~~~/components/Component_17_1.jsx
import Component_17_1_1 from './Component_17_1_1';
import Component_17_1_2 from './Component_17_1_2';
import Component_17_1_3 from './Component_17_1_3';
import Component_17_1_4 from './Component_17_1_4';
import Component_17_1_5 from './Component_17_1_5';
import Component_17_1_6 from './Component_17_1_6';
function Component_17_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-start content-start items-start gap-y-2 gap-x-2 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_17_1"
>
<div className="opacity-100 bg-[#141617] w-full h-min relative flex shrink-0 justify-end content-center items-center gap-y-3 gap-x-3 p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<Component_17_1_1 />
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-start content-end items-end gap-y-0 gap-x-0">
<Component_17_1_2 />
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="[--border-bottom-width:0px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 w-full h-px relative overflow-x-hidden overflow-y-hidden shrink-0"></div>
</div>
<Component_17_1_3 />
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="[--border-bottom-width:0px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 w-full h-px relative overflow-x-hidden overflow-y-hidden shrink-0"></div>
</div>
<Component_17_1_4 />
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="[--border-bottom-width:0px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 w-full h-px relative overflow-x-hidden overflow-y-hidden shrink-0"></div>
</div>
<Component_17_1_5 />
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="[--border-bottom-width:0px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 w-full h-px relative overflow-x-hidden overflow-y-hidden shrink-0"></div>
</div>
<Component_17_1_6 />
</div>
</div>
);
}
export default Component_17_1;
~~~
~~~/components/Component_17_2.jsx
import Component_17_2_1 from './Component_17_2_1';
import Component_17_2_2 from './Component_17_2_2';
import Component_17_2_3 from './Component_17_2_3';
import Component_17_2_4 from './Component_17_2_4';
import Component_17_2_5 from './Component_17_2_5';
function Component_17_2() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-start content-start items-start gap-y-2 gap-x-2 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_17_2"
>
<div className="opacity-100 bg-[#141617] w-full h-min relative flex shrink-0 justify-end content-center items-center gap-y-3 gap-x-3 p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<Component_17_2_1 />
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-start content-end items-end gap-y-0 gap-x-0">
<Component_17_2_2 />
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5">
<div className="[--border-bottom-width:0px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 w-full h-px relative overflow-x-hidden overflow-y-hidden shrink-0"></div>
</div>
<Component_17_2_3 />
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5">
<div className="[--border-bottom-width:0px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 w-full h-px relative overflow-x-hidden overflow-y-hidden shrink-0"></div>
</div>
<Component_17_2_4 />
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5">
<div className="[--border-bottom-width:0px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 w-full h-px relative overflow-x-hidden overflow-y-hidden shrink-0"></div>
</div>
<Component_17_2_5 />
</div>
</div>
);
}
export default Component_17_2;
~~~
~~~/components/Component_18_1.jsx
function Component_18_1() {
return (
<a
href="https://www.twingate.com/product/identity-firewall"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.05))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 shadow-[rgba(255,255,255,0.1)_0px_2.5px_0px_-2px_inset] caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
data-component-id="Component_18_1"
>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Learn more
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-28-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_18_1;
~~~
~~~/components/Component_19_1.jsx
import Component_19_1_1 from './Component_19_1_1';
function Component_19_1() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_19_1"
>
<Component_19_1_1 />
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
Users and Agents access what they need, when they need it.
</p>
</div>
</div>
);
}
export default Component_19_1;
~~~
~~~/components/Component_19_2.jsx
import Component_19_2_1 from './Component_19_2_1';
function Component_19_2() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_19_2"
>
<Component_19_2_1 />
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
Least Privileged Access enforced at every resource, database, and
application.
</p>
</div>
</div>
);
}
export default Component_19_2;
~~~
~~~/components/Component_19_3.jsx
import Component_19_3_1 from './Component_19_3_1';
function Component_19_3() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_19_3"
>
<Component_19_3_1 />
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] text-zinc-400 leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-zinc-400 my-0'>
Auditable user-specific activity with forensic detail and granularity.
</p>
</div>
</div>
);
}
export default Component_19_3;
~~~
~~~/components/Component_20_1.jsx
import Component_20_1_1 from './Component_20_1_1';
function Component_20_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-start items-start gap-y-2 gap-x-2 pb-4"
data-component-id="Component_20_1"
>
<div className="[--border-bottom-width:0.5px] [--border-color:rgb(58,61,64)] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#121315] w-min h-6 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-center items-center gap-y-0 gap-x-0 pl-1.5 pr-2 rounded-br-[4px] rounded-t-[4px] rounded-bl-[4px]">
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-0.5 gap-x-0.5">
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-2 gap-x-2">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:SW50ZXItTWVkaXVt] [--framer-font-size:12px] [--framer-font-weight:500] [--framer-line-height:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[14px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] font-medium [text-wrap-mode:nowrap] caret-white my-0'>
Kubernetes Cluster
</p>
</div>
</div>
</div>
</div>
<Component_20_1_1 />
</div>
);
}
export default Component_20_1;
~~~
~~~/components/Component_20_2.jsx
import Component_20_2_1 from './Component_20_2_1';
import Component_20_2_2 from './Component_20_2_2';
function Component_20_2() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-start content-start items-start gap-y-4 gap-x-4 pb-3"
data-component-id="Component_20_2"
>
<Component_20_2_1 />
<Component_20_2_2 />
</div>
);
}
export default Component_20_2;
~~~
~~~/components/Component_20_3.jsx
import Component_20_3_1 from './Component_20_3_1';
import Component_20_3_2 from './Component_20_3_2';
function Component_20_3() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-start content-center items-center gap-y-0 gap-x-0 pb-4"
data-component-id="Component_20_3"
>
<Component_20_3_1 />
<Component_20_3_2 />
<div className="[--border-bottom-width:0.5px] [--border-color:rgb(58,61,64)] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#121315] w-full h-[108px] relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-end content-start items-start gap-y-0 gap-x-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="opacity-100 w-[466px] h-[402px] relative shrink-0">
<div className="absolute inset-0">
<img
loading="lazy"
width="466"
height="402"
src="https://framerusercontent.com/images/HHyI8mGIqopx75LhUKlUj0YgA.svg?width=466&height=402"
className="object-[center_center] w-full h-full aspect-[auto_466_/_402] block object-contain"
/>
</div>
</div>
</div>
</div>
);
}
export default Component_20_3;
~~~
~~~/components/Component_20_4.jsx
import Component_20_4_1 from './Component_20_4_1';
import Component_20_4_2 from './Component_20_4_2';
function Component_20_4() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-center items-center pb-4"
data-component-id="Component_20_4"
>
<Component_20_4_1 />
<Component_20_4_2 />
</div>
);
}
export default Component_20_4;
~~~
~~~/components/Component_21_1.jsx
function Component_21_1() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1.5 gap-x-1.5"
data-component-id="Component_21_1"
>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] max-w-[440px] relative flex flex-col shrink-0 justify-start">
<h2 className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIExpZ2h0] [--framer-font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif] [--framer-font-size:68px] [--framer-letter-spacing:-0.5px] [--framer-text-color:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] text-white leading-[81.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[68px] tracking-[-0.5px] [word-break:break-word] caret-white my-0'>
90%
</h2>
</div>
</div>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] max-w-[440px] relative flex flex-col shrink-0 justify-start">
<p className='text-white leading-[25.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-white my-0'>
reduction in deployment time
</p>
</div>
</div>
</div>
);
}
export default Component_21_1;
~~~
~~~/components/Component_21_2.jsx
import Component_21_2_1 from './Component_21_2_1';
function Component_21_2() {
return (
<div className="contents" data-component-id="Component_21_2">
<div className="h-[34px] relative shrink-0">
<Component_21_2_1 />
</div>
</div>
);
}
export default Component_21_2;
~~~
~~~/components/Component_22_1.jsx
function Component_22_1() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1.5 gap-x-1.5"
data-component-id="Component_22_1"
>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] max-w-[440px] relative flex flex-col shrink-0 justify-start">
<h2 className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIExpZ2h0] [--framer-font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif] [--framer-font-size:68px] [--framer-letter-spacing:-0.5px] [--framer-text-color:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] text-white leading-[81.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[68px] tracking-[-0.5px] [word-break:break-word] caret-white my-0'>
99.99%
</h2>
</div>
</div>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] max-w-[440px] relative flex flex-col shrink-0 justify-start">
<p className='text-white leading-[25.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-white my-0'>
reliability
</p>
</div>
</div>
</div>
);
}
export default Component_22_1;
~~~
~~~/components/Component_22_2.jsx
import Component_22_2_1 from './Component_22_2_1';
function Component_22_2() {
return (
<div className="contents" data-component-id="Component_22_2">
<div className="h-[34px] relative shrink-0">
<Component_22_2_1 />
</div>
</div>
);
}
export default Component_22_2;
~~~
~~~/components/Component_23_1.jsx
function Component_23_1() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-1.5 gap-x-1.5"
data-component-id="Component_23_1"
>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] max-w-[440px] relative flex flex-col shrink-0 justify-start">
<h2 className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIExpZ2h0] [--framer-font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif] [--framer-font-size:68px] [--framer-letter-spacing:-0.5px] [--framer-text-color:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] text-white leading-[81.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[68px] tracking-[-0.5px] [word-break:break-word] caret-white my-0'>
86%
</h2>
</div>
</div>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] max-w-[440px] relative flex flex-col shrink-0 justify-start">
<p className='text-white leading-[25.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-white my-0'>
faster than VPN
</p>
</div>
</div>
</div>
);
}
export default Component_23_1;
~~~
~~~/components/Component_23_2.jsx
import Component_23_2_1 from './Component_23_2_1';
function Component_23_2() {
return (
<div className="contents" data-component-id="Component_23_2">
<div className="h-[34px] relative shrink-0">
<Component_23_2_1 />
</div>
</div>
);
}
export default Component_23_2;
~~~
~~~/components/Component_24_1.jsx
function Component_24_1() {
return (
<a
href="./customers"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.05))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] text-[#0000ee] h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 shadow-[rgba(255,255,255,0.1)_0px_2.5px_0px_-2px_inset] caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
data-component-id="Component_24_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-mBmkDc5G4-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium",serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Explore Customer Stories
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto -right-px bottom-auto"
data-style-id="style-40-1768143213254"
></div>
</div>
</div>
</a>
);
}
export default Component_24_1;
~~~
~~~/components/Component_25_1.jsx
import Component_25_1_1 from './Component_25_1_1';
function Component_25_1() {
return (
<div
className="w-px h-[200px] relative z-[3] grow shrink-0 basis-0"
data-component-id="Component_25_1"
>
<a
href="./customers/blend"
className="opacity-100 bg-[#b6abff] text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start caret-[#0000ee] p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<Component_25_1_1 />
<div className="w-[263px] absolute right-[-70px] bottom-[-5px] z-0 shrink-0 opacity-0 caret-[#0000ee] left-auto top-0">
<div tabIndex="0" className="contents caret-[#0000ee]">
<div className="opacity-100 w-full h-full relative overflow-x-hidden overflow-y-hidden caret-[#0000ee]">
<div className="absolute caret-[#0000ee] inset-0">
<img
width="900"
height="700"
src="https://framerusercontent.com/modules/MSf9xkpDhX9llNWaz5WB/BVN2cDsNwI8E85BtgNA5/assets/WGzuuW7Xq04wTz2VtMhmyvkgUFU.png"
className="object-[center_center] w-full h-full aspect-[auto_900_/_700] block object-cover caret-[#0000ee]"
/>
</div>
</div>
</div>
</div>
</a>
</div>
);
}
export default Component_25_1;
~~~
~~~/components/Component_25_2.jsx
import Component_25_2_1 from './Component_25_2_1';
function Component_25_2() {
return (
<div className="contents" data-component-id="Component_25_2">
<div className="w-px h-[200px] relative grow shrink-0 basis-0">
<Component_25_2_1 />
</div>
</div>
);
}
export default Component_25_2;
~~~
~~~/components/Component_25_3.jsx
import Component_25_3_1 from './Component_25_3_1';
function Component_25_3() {
return (
<div className="contents" data-component-id="Component_25_3">
<div className="w-px h-[200px] relative grow shrink-0 basis-0">
<Component_25_3_1 />
</div>
</div>
);
}
export default Component_25_3;
~~~
~~~/components/Component_26_1.jsx
import Component_26_1_1 from './Component_26_1_1';
function Component_26_1() {
return (
<div className="contents" data-component-id="Component_26_1">
<div className="w-px h-[200px] relative grow shrink-0 basis-0">
<Component_26_1_1 />
</div>
</div>
);
}
export default Component_26_1;
~~~
~~~/components/Component_26_2.jsx
import Component_26_2_1 from './Component_26_2_1';
function Component_26_2() {
return (
<div className="contents" data-component-id="Component_26_2">
<div className="w-px h-[200px] relative grow shrink-0 basis-0">
<Component_26_2_1 />
</div>
</div>
);
}
export default Component_26_2;
~~~
~~~/components/Component_26_3.jsx
import Component_26_3_1 from './Component_26_3_1';
function Component_26_3() {
return (
<div
className="w-px h-[200px] relative z-[3] grow shrink-0 basis-0"
data-component-id="Component_26_3"
>
<a
href="./customers/kooapps"
className="opacity-100 bg-[#eef35f] text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start caret-[#0000ee] p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<Component_26_3_1 />
<div className="w-[263px] absolute right-[-70px] bottom-[-5px] z-0 shrink-0 opacity-0 caret-[#0000ee] left-auto top-0">
<div tabIndex="0" className="contents caret-[#0000ee]">
<div className="opacity-100 w-full h-full relative overflow-x-hidden overflow-y-hidden caret-[#0000ee]">
<div className="absolute caret-[#0000ee] inset-0">
<img
width="900"
height="700"
src="https://framerusercontent.com/modules/MSf9xkpDhX9llNWaz5WB/BVN2cDsNwI8E85BtgNA5/assets/WGzuuW7Xq04wTz2VtMhmyvkgUFU.png"
className="object-[center_center] w-full h-full aspect-[auto_900_/_700] block object-cover caret-[#0000ee]"
/>
</div>
</div>
</div>
</div>
</a>
</div>
);
}
export default Component_26_3;
~~~
~~~/components/Component_27_1.jsx
import Component_27_1_1 from './Component_27_1_1';
function Component_27_1() {
return (
<div
className="w-px h-[200px] relative z-[3] grow shrink-0 basis-0"
data-component-id="Component_27_1"
>
<a
href="https://www.twingate.com/customers/mhc-software"
className="opacity-100 bg-white text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start caret-[#0000ee] p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<Component_27_1_1 />
<div className="w-[263px] absolute right-[-70px] bottom-[-5px] z-0 shrink-0 opacity-0 caret-[#0000ee] left-auto top-0">
<div tabIndex="0" className="contents caret-[#0000ee]">
<div className="opacity-100 w-full h-full relative overflow-x-hidden overflow-y-hidden caret-[#0000ee]">
<div className="absolute caret-[#0000ee] inset-0">
<img
width="900"
height="700"
src="https://framerusercontent.com/modules/MSf9xkpDhX9llNWaz5WB/BVN2cDsNwI8E85BtgNA5/assets/WGzuuW7Xq04wTz2VtMhmyvkgUFU.png"
className="object-[center_center] w-full h-full aspect-[auto_900_/_700] block object-cover caret-[#0000ee]"
/>
</div>
</div>
</div>
</div>
</a>
</div>
);
}
export default Component_27_1;
~~~
~~~/components/Component_27_2.jsx
import Component_27_2_1 from './Component_27_2_1';
function Component_27_2() {
return (
<div className="contents" data-component-id="Component_27_2">
<div className="w-px h-[200px] relative grow shrink-0 basis-0">
<Component_27_2_1 />
</div>
</div>
);
}
export default Component_27_2;
~~~
~~~/components/Component_27_3.jsx
import Component_27_3_1 from './Component_27_3_1';
function Component_27_3() {
return (
<div className="contents" data-component-id="Component_27_3">
<div className="w-px h-[200px] relative grow shrink-0 basis-0">
<Component_27_3_1 />
</div>
</div>
);
}
export default Component_27_3;
~~~
~~~/components/Component_28_1.jsx
import Component_28_1_1 from './Component_28_1_1';
function Component_28_1() {
return (
<div
className="opacity-100 w-px h-min relative flex grow shrink-0 basis-0 justify-between content-center items-center caret-[#0000ee]"
data-component-id="Component_28_1"
>
<Component_28_1_1 />
<div className="opacity-100 [transform:none] w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-6 gap-x-6 caret-[#0000ee]">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-10 h-[43px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 40 43"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg-1442485027_2190" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
);
}
export default Component_28_1;
~~~
~~~/components/Component_29_1.jsx
import Component_29_1_1 from './Component_29_1_1';
function Component_29_1() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_1"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_1_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Twingate had faster speeds than any other solution we evaluated.
They make zero trust easy and our users are loving the
experience.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_1;
~~~
~~~/components/Component_29_2.jsx
import Component_29_2_1 from './Component_29_2_1';
function Component_29_2() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_2"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_2_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_2;
~~~
~~~/components/Component_29_3.jsx
import Component_29_3_1 from './Component_29_3_1';
function Component_29_3() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_3"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_3_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Our old VPN was giving us serious issues and causing flaky Zoom
calls with everyone working remotely. It drove me and my team
crazy. Twingate couldn't come soon enough.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_3;
~~~
~~~/components/Component_29_4.jsx
import Component_29_4_1 from './Component_29_4_1';
function Component_29_4() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_4"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_4_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_4;
~~~
~~~/components/Component_29_5.jsx
import Component_29_5_1 from './Component_29_5_1';
function Component_29_5() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_5"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_5_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We've invested heavily in automation at Blend and Twingate is a
powerful platform that allows us to programmatically deploy and
maintain a zero trust approach to our infrastructure.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_5;
~~~
~~~/components/Component_29_6.jsx
import Component_29_6_1 from './Component_29_6_1';
function Component_29_6() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_6"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_6_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Twingate had faster speeds than any other solution we evaluated.
They make zero trust easy and our users are loving the
experience.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_6;
~~~
~~~/components/Component_29_7.jsx
import Component_29_7_1 from './Component_29_7_1';
function Component_29_7() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_7"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_7_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_7;
~~~
~~~/components/Component_29_8.jsx
import Component_29_8_1 from './Component_29_8_1';
function Component_29_8() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_8"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_8_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Our old VPN was giving us serious issues and causing flaky Zoom
calls with everyone working remotely. It drove me and my team
crazy. Twingate couldn't come soon enough.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_8;
~~~
~~~/components/Component_29_9.jsx
import Component_29_9_1 from './Component_29_9_1';
function Component_29_9() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_9"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_9_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_9;
~~~
~~~/components/Component_30_1.jsx
function Component_30_1() {
return (
<div
className="w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-start items-start gap-y-4 gap-x-4"
data-component-id="Component_30_1"
>
<div className="contents">
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full max-w-[560px] relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] text-[#b6abff] leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-[#b6abff] my-0'>
Zero Trust as Code
</p>
</div>
</div>
<div className="[transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full max-w-[560px] relative flex flex-col shrink-0 justify-start">
<h2 className='text-white leading-[57.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[48px] tracking-[-0.5px] [word-break:break-word] caret-white my-0'>
Automate your journey to Zero Trust
</h2>
</div>
</div>
);
}
export default Component_30_1;
~~~
~~~/components/Component_32_1.jsx
function Component_32_1() {
return (
<div
className="opacity-100 w-px relative grow shrink-0 basis-0"
data-component-id="Component_32_1"
>
<div
tabIndex="0"
className="opacity-100 bg-[#1d2023] w-full h-min relative flex overflow-x-hidden overflow-y-hidden justify-start content-center items-center gap-y-2.5 gap-x-2.5 pl-2 pr-3 py-2 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="opacity-100 bg-[rgba(255,255,255,0.1)] w-[22px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[4px] rounded-t-[4px] rounded-bl-[4px]">
<div className="opacity-100 bg-[#7b66ff] absolute shrink-0 inset-0"></div>
<div className="opacity-100 w-[18px] h-[18px] absolute top-[calc(50%_-_9px)] left-[calc(50%_-_9px)] shrink-0 right-auto bottom-auto">
<svg
width="100%"
height="100%"
fill="rgb(14, 15, 17)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-[#0e0f11]"
data-svg-size="394"
>
<path
d="m9.52 6.844 4.957 2.516v5.036L9.52 11.877V6.844Zm5.5 2.516v5.036l4.959-2.519V6.844L15.021 9.36ZM4.024 4.034v5.034l4.955 2.518V6.552L4.024 4.034ZM9.52 17.461l4.955 2.518v-5.031L9.52 12.43v5.03Z"
className="inline fill-[#0e0f11]"
></path>
</svg>
</div>
</div>
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start pointer-events-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Terraform
</p>
</div>
</div>
</div>
);
}
export default Component_32_1;
~~~
~~~/components/Component_32_2.jsx
function Component_32_2() {
return (
<div
className="opacity-100 w-px relative grow shrink-0 basis-0"
data-component-id="Component_32_2"
>
<div
tabIndex="0"
className="bg-[rgba(0,0,0,0)] opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden justify-start content-center items-center gap-y-2.5 gap-x-2.5 pl-2 pr-3 py-2 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="opacity-100 bg-[rgba(255,255,255,0.1)] w-[22px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[4px] rounded-t-[4px] rounded-bl-[4px]">
<div className="w-[18px] h-[18px] absolute top-[calc(50%_-_9px)] left-[calc(50%_-_9px)] shrink-0 opacity-70 right-auto bottom-auto">
<svg
width="100%"
height="100%"
fill="rgb(14, 15, 17)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-[#0e0f11]"
data-svg-size="1829"
>
<path
d="M11.998 6.157c1.249 0 2.262-.586 2.262-1.309 0-.722-1.013-1.308-2.262-1.308s-2.262.586-2.262 1.308c0 .723 1.013 1.309 2.262 1.309ZM7.734 8.616c1.25 0 2.262-.586 2.262-1.309C9.996 6.585 8.983 6 7.734 6s-2.261.586-2.261 1.308c0 .723 1.012 1.309 2.261 1.309ZM18.53 7.307c0 .723-1.013 1.309-2.262 1.309s-2.261-.586-2.261-1.309c0-.722 1.012-1.308 2.261-1.308 1.25 0 2.262.586 2.262 1.308Zm-6.531 3.773c1.249 0 2.262-.586 2.262-1.308 0-.723-1.013-1.309-2.262-1.309s-2.262.586-2.262 1.309c0 .722 1.013 1.308 2.262 1.308Zm-5.267 1.88c.625-.361.626-1.531.002-2.613-.625-1.081-1.638-1.665-2.264-1.304-.626.361-.627 1.531-.002 2.613.624 1.081 1.638 1.665 2.264 1.304Zm.003 2.316c.625 1.082.624 2.251-.002 2.613-.626.361-1.64-.223-2.264-1.305-.624-1.081-.623-2.251.002-2.612.626-.362 1.64.222 2.264 1.304ZM11 17.741c.624 1.081.623 2.251-.002 2.612-.626.362-1.64-.222-2.264-1.304-.625-1.082-.624-2.251.002-2.613.626-.361 1.64.223 2.264 1.305Zm-.002-4.93c.625 1.082.624 2.252-.002 2.614-.626.36-1.64-.223-2.264-1.305-.624-1.081-.623-2.251.003-2.612.625-.362 1.64.222 2.264 1.304Zm8.532-1.154c.624-1.081.623-2.251-.003-2.612-.625-.362-1.639.222-2.263 1.304-.625 1.082-.624 2.251.002 2.613.626.361 1.64-.223 2.264-1.305Zm0 2.315c.626.362.627 1.531.002 2.613-.624 1.082-1.638 1.666-2.264 1.304-.625-.361-.626-1.53-.002-2.612.625-1.082 1.638-1.666 2.264-1.305Zm-4.264 2.462c.626.361.627 1.53.002 2.613-.624 1.081-1.638 1.665-2.263 1.304-.626-.361-.627-1.531-.003-2.613.625-1.082 1.638-1.665 2.264-1.304Zm-.002-4.928c.626.361.627 1.531.002 2.613-.624 1.082-1.638 1.665-2.264 1.304-.626-.361-.627-1.53-.002-2.613.624-1.081 1.638-1.665 2.264-1.304Z"
className="inline fill-[#0e0f11]"
></path>
</svg>
</div>
</div>
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--extracted-r6o4lv:rgba(255,255,255,0.4)] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,rgba(255,255,255,0.4))] text-[rgba(255,255,255,0.4)] leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[rgba(255,255,255,0.4)] pointer-events-none my-0'>
Pulumi
</p>
</div>
</div>
</div>
);
}
export default Component_32_2;
~~~
~~~/components/Component_32_3.jsx
function Component_32_3() {
return (
<div
className="opacity-100 w-px relative grow shrink-0 basis-0"
data-component-id="Component_32_3"
>
<div
tabIndex="0"
className="bg-[rgba(0,0,0,0)] opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden justify-start content-center items-center gap-y-2.5 gap-x-2.5 pl-2 pr-3 py-2 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="opacity-100 bg-[rgba(255,255,255,0.1)] w-[22px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[4px] rounded-t-[4px] rounded-bl-[4px]">
<div className="w-[18px] h-[18px] absolute top-[calc(50%_-_9px)] left-[calc(50%_-_9px)] shrink-0 opacity-70 right-auto bottom-auto">
<svg
width="100%"
height="100%"
fill="rgb(14, 15, 17)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-[#0e0f11]"
data-svg-size="660"
>
<path
d="M6 10.5162V19.2C6 19.2 7.2983 18.3091 8.75 17.2908V12.5162C8.75 10.1692 9.45659 9.41208 11.3697 7.98986C12.0122 7.51223 13.022 6.76243 13.9936 6.04114V2C13.9936 2 10.1983 4.81637 8.61974 5.98986C6.70659 7.41208 6 8.1692 6 10.5162ZM10 22V13.3162C10 10.9692 10.7066 10.2121 12.6197 8.78986C14.1983 7.61637 17.9936 4.8 17.9936 4.8V12.3774C17.9936 12.5949 17.9953 12.8023 17.997 13.001C18.0147 15.0995 18.0241 16.2192 15.8776 17.8425C14.1043 19.1836 10 22 10 22Z"
className="inline fill-[#0e0f11]"
></path>
</svg>
</div>
</div>
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--extracted-r6o4lv:rgba(255,255,255,0.4)] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,rgba(255,255,255,0.4))] text-[rgba(255,255,255,0.4)] leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[rgba(255,255,255,0.4)] pointer-events-none my-0'>
API
</p>
</div>
</div>
</div>
);
}
export default Component_32_3;
~~~
~~~/components/Component_32_4.jsx
import Component_32_4_1 from './Component_32_4_1';
function Component_32_4() {
return (
<div
className="opacity-100 w-px h-full relative grow shrink-0 basis-0"
data-component-id="Component_32_4"
>
<div className="w-full h-full overflow-x-hidden overflow-y-hidden rounded-br-none rounded-t-none rounded-bl-none">
<Component_32_4_1 />
</div>
</div>
);
}
export default Component_32_4;
~~~
~~~/components/Component_32_5.jsx
function Component_32_5() {
return (
<a
href="https://www.twingate.com/docs/terraform-getting-started"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-06357a40-838c-46d5-ad67-93ca66578f36,rgb(58,61,64))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#0e0f11] text-[#0000ee] w-full h-min relative flex overflow-x-hidden overflow-y-hidden justify-between content-center items-center shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] p-4 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
data-component-id="Component_32_5"
>
<div className="opacity-100 bg-[rgba(255,255,255,0.1)] w-[22px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 caret-[#0000ee] rounded-br-[4px] rounded-t-[4px] rounded-bl-[4px]">
<div className="opacity-100 bg-white absolute shrink-0 caret-[#0000ee] inset-0"></div>
<div className="opacity-100 w-[18px] h-[18px] absolute top-[calc(50%_-_9px)] left-[calc(50%_-_9px)] shrink-0 caret-[#0000ee] right-auto bottom-auto">
<svg
width="100%"
height="100%"
fill="rgb(14, 15, 17)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-[#0e0f11] caret-[#0000ee]"
data-svg-size="426"
>
<path
d="m9.52 6.844 4.957 2.516v5.036L9.52 11.877V6.844Zm5.5 2.516v5.036l4.959-2.519V6.844L15.021 9.36ZM4.024 4.034v5.034l4.955 2.518V6.552L4.024 4.034ZM9.52 17.461l4.955 2.518v-5.031L9.52 12.43v5.03Z"
className="inline fill-[#0e0f11] caret-[#0000ee]"
></path>
</svg>
</div>
</div>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Deploy with Terraform
</p>
</div>
<div className="opacity-100 w-5 h-5 relative flex shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5 caret-[#0000ee]">
<div className="opacity-100 w-5 h-5 absolute top-[calc(50%_-_10px)] left-[calc(50%_-_10px)] z-[1] shrink-0 caret-[#0000ee] right-auto bottom-auto">
<svg
width="100%"
height="100%"
fill="rgb(247, 248, 249)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-[#f7f8f9] caret-[#0000ee]"
data-svg-size="386"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14.6893 8.25H8V6.75H17.25V16H15.75V9.31066L7.53033 17.5303L6.46967 16.4697L14.6893 8.25Z"
className="inline fill-[#f7f8f9] [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
</div>
</a>
);
}
export default Component_32_5;
~~~
~~~/components/Component_34_1.jsx
function Component_34_1() {
return (
<a
href="./integrations"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.05))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 shadow-[rgba(255,255,255,0.1)_0px_2.5px_0px_-2px_inset] caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
data-component-id="Component_34_1"
>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Explore Integrations
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-49-1768143213254"
></div>
</div>
</div>
</a>
);
}
export default Component_34_1;
~~~
~~~/components/Component_35_1.jsx
import Component_35_1_1 from './Component_35_1_1';
function Component_35_1() {
return (
<li
aria-hidden="false"
className="w-full list-outside"
data-component-id="Component_35_1"
>
<div
name="Int – EDR – CrowdStrike"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_1_1 />
</div>
</li>
);
}
export default Component_35_1;
~~~
~~~/components/Component_35_2.jsx
import Component_35_2_1 from './Component_35_2_1';
function Component_35_2() {
return (
<li
aria-hidden="false"
className="w-full list-outside"
data-component-id="Component_35_2"
>
<div
name="Int – EDR – Intune"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_2_1 />
</div>
</li>
);
}
export default Component_35_2;
~~~
~~~/components/Component_35_3.jsx
import Component_35_3_1 from './Component_35_3_1';
function Component_35_3() {
return (
<li
aria-hidden="false"
className="w-full list-outside"
data-component-id="Component_35_3"
>
<div
name="Int – EDR – Kandji"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_3_1 />
</div>
</li>
);
}
export default Component_35_3;
~~~
~~~/components/Component_35_4.jsx
import Component_35_4_1 from './Component_35_4_1';
function Component_35_4() {
return (
<li
aria-hidden="false"
className="w-full list-outside"
data-component-id="Component_35_4"
>
<div
name="Int – EDR – Jamf"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_4_1 />
</div>
</li>
);
}
export default Component_35_4;
~~~
~~~/components/Component_35_5.jsx
import Component_35_5_1 from './Component_35_5_1';
function Component_35_5() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_5"
>
<div
name="Int – EDR – CrowdStrike"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_5_1 />
</div>
</li>
);
}
export default Component_35_5;
~~~
~~~/components/Component_35_6.jsx
import Component_35_6_1 from './Component_35_6_1';
function Component_35_6() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_6"
>
<div
name="Int – EDR – Intune"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_6_1 />
</div>
</li>
);
}
export default Component_35_6;
~~~
~~~/components/Component_35_7.jsx
import Component_35_7_1 from './Component_35_7_1';
function Component_35_7() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_7"
>
<div
name="Int – EDR – Kandji"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_7_1 />
</div>
</li>
);
}
export default Component_35_7;
~~~
~~~/components/Component_35_8.jsx
import Component_35_8_1 from './Component_35_8_1';
function Component_35_8() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_8"
>
<div
name="Int – EDR – Jamf"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_8_1 />
</div>
</li>
);
}
export default Component_35_8;
~~~
~~~/components/Component_35_9.jsx
import Component_35_9_1 from './Component_35_9_1';
function Component_35_9() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_9"
>
<div
name="Int – EDR – CrowdStrike"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_9_1 />
</div>
</li>
);
}
export default Component_35_9;
~~~
~~~/components/Component_36_1.jsx
import Component_36_1_1 from './Component_36_1_1';
function Component_36_1() {
return (
<li
aria-hidden="true"
className="w-full list-outside"
data-component-id="Component_36_1"
>
<div
name="Int – IDP – Azure AD"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_1_1 />
</div>
</li>
);
}
export default Component_36_1;
~~~
~~~/components/Component_36_2.jsx
import Component_36_2_1 from './Component_36_2_1';
function Component_36_2() {
return (
<li
aria-hidden="true"
className="w-full list-outside"
data-component-id="Component_36_2"
>
<div
name="Int – IDP – Okta"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_2_1 />
</div>
</li>
);
}
export default Component_36_2;
~~~
~~~/components/Component_36_3.jsx
function Component_36_3() {
return (
<li
aria-hidden="true"
className="w-full list-outside"
data-component-id="Component_36_3"
>
<div
name="Int – IDP – Google"
className="w-full h-[148px] relative shrink-0"
>
<a
name="Int – IDP – Google"
href="./integrations/google-workspace"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="964"
>
<path
d="M21 12.168c0-.59-.05-1.182-.159-1.762h-8.66v3.338h4.96c-.206 1.077-.867 2.03-1.836 2.634v2.166h2.959c1.737-1.51 2.736-3.74 2.736-6.376Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
d="M12.181 20.637c2.477 0 4.565-.768 6.086-2.093l-2.958-2.166c-.823.529-1.886.828-3.124.828-2.396 0-4.427-1.525-5.155-3.576H3.977v2.232c1.558 2.927 4.733 4.775 8.204 4.775Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
d="M7.026 13.63a4.917 4.917 0 0 1 0-3.32V8.079h-3.05a8.244 8.244 0 0 0 0 7.784l3.05-2.232Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
d="M12.181 6.73a5.155 5.155 0 0 1 3.522 1.3l2.622-2.474c-1.66-1.472-3.863-2.28-6.144-2.255-3.471 0-6.646 1.847-8.204 4.777l3.05 2.233c.725-2.055 2.759-3.58 5.154-3.58Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Google Workspace
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
</div>
</li>
);
}
export default Component_36_3;
~~~
~~~/components/Component_36_4.jsx
import Component_36_4_1 from './Component_36_4_1';
function Component_36_4() {
return (
<li
aria-hidden="true"
className="w-full list-outside"
data-component-id="Component_36_4"
>
<div
name="Int – IDP – OneLogin"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_4_1 />
</div>
</li>
);
}
export default Component_36_4;
~~~
~~~/components/Component_36_5.jsx
import Component_36_5_1 from './Component_36_5_1';
function Component_36_5() {
return (
<li
aria-hidden="true"
className="w-full list-outside"
data-component-id="Component_36_5"
>
<div
name="Int – IDP – KeyCloak"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_5_1 />
</div>
</li>
);
}
export default Component_36_5;
~~~
~~~/components/Component_36_6.jsx
import Component_36_6_1 from './Component_36_6_1';
function Component_36_6() {
return (
<li
aria-hidden="true"
className="w-full list-outside"
data-component-id="Component_36_6"
>
<div
name="Int – IDP – JumpCloud"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_6_1 />
</div>
</li>
);
}
export default Component_36_6;
~~~
~~~/components/Component_36_7.jsx
import Component_36_7_1 from './Component_36_7_1';
function Component_36_7() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_7"
>
<div
name="Int – IDP – Azure AD"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_7_1 />
</div>
</li>
);
}
export default Component_36_7;
~~~
~~~/components/Component_36_8.jsx
import Component_36_8_1 from './Component_36_8_1';
function Component_36_8() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_8"
>
<div
name="Int – IDP – Okta"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_8_1 />
</div>
</li>
);
}
export default Component_36_8;
~~~
~~~/components/Component_36_9.jsx
function Component_36_9() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_9"
>
<div
name="Int – IDP – Google"
className="w-full h-[148px] relative shrink-0"
>
<a
name="Int – IDP – Google"
href="./integrations/google-workspace"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="964"
>
<path
d="M21 12.168c0-.59-.05-1.182-.159-1.762h-8.66v3.338h4.96c-.206 1.077-.867 2.03-1.836 2.634v2.166h2.959c1.737-1.51 2.736-3.74 2.736-6.376Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
d="M12.181 20.637c2.477 0 4.565-.768 6.086-2.093l-2.958-2.166c-.823.529-1.886.828-3.124.828-2.396 0-4.427-1.525-5.155-3.576H3.977v2.232c1.558 2.927 4.733 4.775 8.204 4.775Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
d="M7.026 13.63a4.917 4.917 0 0 1 0-3.32V8.079h-3.05a8.244 8.244 0 0 0 0 7.784l3.05-2.232Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
d="M12.181 6.73a5.155 5.155 0 0 1 3.522 1.3l2.622-2.474c-1.66-1.472-3.863-2.28-6.144-2.255-3.471 0-6.646 1.847-8.204 4.777l3.05 2.233c.725-2.055 2.759-3.58 5.154-3.58Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Google Workspace
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
</div>
</li>
);
}
export default Component_36_9;
~~~
~~~/components/Component_37_1.jsx
import Component_37_1_1 from './Component_37_1_1';
function Component_37_1() {
return (
<li
aria-hidden="false"
className="w-full list-outside"
data-component-id="Component_37_1"
>
<div
name="Int – Misc – Pulumi"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_1_1 />
</div>
</li>
);
}
export default Component_37_1;
~~~
~~~/components/Component_37_2.jsx
import Component_37_2_1 from './Component_37_2_1';
function Component_37_2() {
return (
<li
aria-hidden="false"
className="w-full list-outside"
data-component-id="Component_37_2"
>
<div
name="Int – Misc – Terraform"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_2_1 />
</div>
</li>
);
}
export default Component_37_2;
~~~
~~~/components/Component_37_3.jsx
import Component_37_3_1 from './Component_37_3_1';
function Component_37_3() {
return (
<li
aria-hidden="false"
className="w-full list-outside"
data-component-id="Component_37_3"
>
<div
name="Int – Misc – NextDNS"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_3_1 />
</div>
</li>
);
}
export default Component_37_3;
~~~
~~~/components/Component_37_4.jsx
import Component_37_4_1 from './Component_37_4_1';
function Component_37_4() {
return (
<li
aria-hidden="false"
className="w-full will-change-transform list-outside"
data-component-id="Component_37_4"
>
<div
name="Int – Misc – Pulumi"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_4_1 />
</div>
</li>
);
}
export default Component_37_4;
~~~
~~~/components/Component_37_5.jsx
import Component_37_5_1 from './Component_37_5_1';
function Component_37_5() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_37_5"
>
<div
name="Int – Misc – Terraform"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_5_1 />
</div>
</li>
);
}
export default Component_37_5;
~~~
~~~/components/Component_37_6.jsx
import Component_37_6_1 from './Component_37_6_1';
function Component_37_6() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_37_6"
>
<div
name="Int – Misc – NextDNS"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_6_1 />
</div>
</li>
);
}
export default Component_37_6;
~~~
~~~/components/Component_37_7.jsx
import Component_37_7_1 from './Component_37_7_1';
function Component_37_7() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_37_7"
>
<div
name="Int – Misc – Pulumi"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_7_1 />
</div>
</li>
);
}
export default Component_37_7;
~~~
~~~/components/Component_37_8.jsx
import Component_37_8_1 from './Component_37_8_1';
function Component_37_8() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_37_8"
>
<div
name="Int – Misc – Terraform"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_8_1 />
</div>
</li>
);
}
export default Component_37_8;
~~~
~~~/components/Component_37_9.jsx
import Component_37_9_1 from './Component_37_9_1';
function Component_37_9() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_37_9"
>
<div
name="Int – Misc – NextDNS"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_9_1 />
</div>
</li>
);
}
export default Component_37_9;
~~~
~~~/components/Component_38_1.jsx
function Component_38_1() {
return (
<a
href="./blog"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.05))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 shadow-[rgba(255,255,255,0.1)_0px_2.5px_0px_-2px_inset] caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
data-component-id="Component_38_1"
>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Read Twingate Blog
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-50-1768143213254"
></div>
</div>
</div>
</a>
);
}
export default Component_38_1;
~~~
~~~/components/Component_39_1.jsx
import Component_39_1_1 from './Component_39_1_1';
import Component_39_1_2 from './Component_39_1_2';
import Component_39_1_3 from './Component_39_1_3';
function Component_39_1() {
return (
<div
aria-hidden="true"
className="opacity-100 [transform:none] origin-[100%_50%_0px] w-full h-full relative grid invisible shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_1"
>
<Component_39_1_1 />
<Component_39_1_2 />
<Component_39_1_3 />
</div>
);
}
export default Component_39_1;
~~~
~~~/components/Component_39_2.jsx
import Component_39_2_1 from './Component_39_2_1';
import Component_39_2_2 from './Component_39_2_2';
import Component_39_2_3 from './Component_39_2_3';
function Component_39_2() {
return (
<div
aria-hidden="true"
className="opacity-100 visible [transform:none] origin-[100%_50%_0px] w-full h-full relative grid shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_2"
>
<Component_39_2_1 />
<Component_39_2_2 />
<Component_39_2_3 />
</div>
);
}
export default Component_39_2;
~~~
~~~/components/Component_39_3.jsx
import Component_39_3_1 from './Component_39_3_1';
import Component_39_3_2 from './Component_39_3_2';
import Component_39_3_3 from './Component_39_3_3';
function Component_39_3() {
return (
<div
aria-hidden="true"
className="opacity-100 visible [transform:none] origin-[100%_50%_0px] w-full h-full relative grid shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_3"
>
<Component_39_3_1 />
<Component_39_3_2 />
<Component_39_3_3 />
</div>
);
}
export default Component_39_3;
~~~
~~~/components/Component_39_4.jsx
import Component_39_4_1 from './Component_39_4_1';
import Component_39_4_2 from './Component_39_4_2';
import Component_39_4_3 from './Component_39_4_3';
function Component_39_4() {
return (
<div
aria-hidden="false"
className="opacity-100 visible [transform:none] origin-[0%_50%_0px] w-full h-full relative grid shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_4"
>
<Component_39_4_1 />
<Component_39_4_2 />
<Component_39_4_3 />
</div>
);
}
export default Component_39_4;
~~~
~~~/components/Component_39_5.jsx
import Component_39_5_1 from './Component_39_5_1';
import Component_39_5_2 from './Component_39_5_2';
import Component_39_5_3 from './Component_39_5_3';
function Component_39_5() {
return (
<div
aria-hidden="true"
className="opacity-100 visible [transform:none] origin-[0%_50%_0px] w-full h-full relative grid shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_5"
>
<Component_39_5_1 />
<Component_39_5_2 />
<Component_39_5_3 />
</div>
);
}
export default Component_39_5;
~~~
~~~/components/Component_39_6.jsx
import Component_39_6_1 from './Component_39_6_1';
import Component_39_6_2 from './Component_39_6_2';
import Component_39_6_3 from './Component_39_6_3';
function Component_39_6() {
return (
<div
aria-hidden="true"
className="opacity-100 visible [transform:none] origin-[0%_50%_0px] w-full h-full relative grid shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_6"
>
<Component_39_6_1 />
<Component_39_6_2 />
<Component_39_6_3 />
</div>
);
}
export default Component_39_6;
~~~
~~~/components/Component_39_7.jsx
import Component_39_7_1 from './Component_39_7_1';
import Component_39_7_2 from './Component_39_7_2';
import Component_39_7_3 from './Component_39_7_3';
function Component_39_7() {
return (
<div
aria-hidden="true"
className="opacity-100 [transform:none] origin-[0%_50%_0px] w-full h-full relative grid invisible shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_7"
>
<Component_39_7_1 />
<Component_39_7_2 />
<Component_39_7_3 />
</div>
);
}
export default Component_39_7;
~~~
~~~/components/Component_39_8.jsx
import Component_39_8_1 from './Component_39_8_1';
import Component_39_8_2 from './Component_39_8_2';
import Component_39_8_3 from './Component_39_8_3';
function Component_39_8() {
return (
<div
aria-hidden="true"
className="opacity-100 [transform:none] origin-[0%_50%_0px] w-full h-full relative grid invisible shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_8"
>
<Component_39_8_1 />
<Component_39_8_2 />
<Component_39_8_3 />
</div>
);
}
export default Component_39_8;
~~~
~~~/components/Component_39_9.jsx
import Component_39_9_1 from './Component_39_9_1';
import Component_39_9_2 from './Component_39_9_2';
import Component_39_9_3 from './Component_39_9_3';
function Component_39_9() {
return (
<div
aria-hidden="true"
className="opacity-100 [transform:none] origin-[0%_50%_0px] w-full h-full relative grid invisible shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_9"
>
<Component_39_9_1 />
<Component_39_9_2 />
<Component_39_9_3 />
</div>
);
}
export default Component_39_9;
~~~
~~~/components/Component_40_1.jsx
import Component_40_1_1 from './Component_40_1_1';
import Component_40_1_2 from './Component_40_1_2';
function Component_40_1() {
return (
<div
className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-4 gap-x-4 py-12"
data-component-id="Component_40_1"
>
<div className="[--extracted-1of0zx5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-[70%] relative flex flex-col shrink-0 justify-start">
<h2 className='[--framer-text-color:var(--extracted-1of0zx5,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[57.6px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[48px] tracking-[-0.5px] [word-break:break-word] caret-white my-0'>
The VPN replacement your workforce will love.
</h2>
</div>
<div className="opacity-100 w-min h-[60px] relative flex shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-end content-center items-center gap-y-5 gap-x-5">
<Component_40_1_1 />
<Component_40_1_2 />
</div>
</div>
</div>
);
}
export default Component_40_1;
~~~
~~~/components/Component_40_2.jsx
import Component_40_2_1 from './Component_40_2_1';
import Component_40_2_2 from './Component_40_2_2';
function Component_40_2() {
return (
<div
className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-center items-center gap-y-4 gap-x-4"
data-component-id="Component_40_2"
>
<Component_40_2_1 />
<Component_40_2_2 />
</div>
);
}
export default Component_40_2;
~~~
~~~/components/Component_40_3.jsx
function Component_40_3() {
return (
<div
className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-center items-center gap-y-4 gap-x-4"
data-component-id="Component_40_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="opacity-100 w-full relative shrink-0">
<div className="opacity-100 w-full h-[34px] relative flex flex-col justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Resources
</p>
</div>
</div>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./blog"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Blog
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./customers"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Customers
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./resources/twingate-security-whitepaper"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Whitepaper
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./changelog"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Changelog
</p>
</div>
</a>
</div>
</div>
</div>
);
}
export default Component_40_3;
~~~
~~~/components/Component_40_4.jsx
function Component_40_4() {
return (
<div
className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-center items-center gap-y-4 gap-x-4"
data-component-id="Component_40_4"
>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="opacity-100 w-full relative shrink-0">
<div className="opacity-100 w-full h-[34px] relative flex flex-col justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Company
</p>
</div>
</div>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./about"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
About
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://twingate.com/careers"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Careers
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./pricing"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Pricing
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./partners"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Partners
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./terms"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Terms
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./privacy"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Privacy
</p>
</div>
</a>
</div>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-center content-center items-center gap-y-1 gap-x-1">
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./privacy/optout"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Your Privacy Choices
</p>
</div>
</a>
</div>
</div>
<div className="opacity-100 w-min h-[34px] relative flex shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5">
<div className="opacity-100 h-3.5 relative shrink-0">
<a href="#" className="text-[#0000ee] underline caret-[#0000ee]">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="14"
className="w-[30px] h-3.5 overflow-x-hidden overflow-y-hidden caret-[#0000ee]"
data-svg-size="1359"
>
<path
d="M 7.4 12.8 L 14.2 12.8 L 17.3 1.2 L 7.4 1.2 C 4.2 1.2 1.6 3.8 1.6 7 C 1.6 10.2 4.2 12.8 7.4 12.8 Z"
fill="rgba(255, 255, 255, 0)"
className="inline fill-[rgba(255,255,255,0)] caret-[#0000ee]"
></path>
<path
d="M 22.6 0 L 7.4 0 C 3.5 0 0.4 3.1 0.4 7 C 0.4 10.9 3.5 14 7.4 14 L 22.6 14 C 26.5 14 29.6 10.9 29.6 7 C 29.6 3.1 26.4 0 22.6 0 Z M 1.6 7 C 1.6 3.8 4.2 1.2 7.4 1.2 L 17.3 1.2 L 14.2 12.8 L 7.4 12.8 C 4.2 12.8 1.6 10.2 1.6 7 Z"
fill="rgb(43, 100, 246)"
className="inline fill-[#2b64f6] caret-[#0000ee]"
></path>
<path
d="M 24.6 4 C 24.8 4.2 24.8 4.6 24.6 4.8 L 22.5 7 L 24.7 9.2 C 24.9 9.4 24.9 9.8 24.7 10 C 24.5 10.2 24.1 10.2 23.9 10 L 21.7 7.8 L 19.5 10 C 19.3 10.2 18.9 10.2 18.7 10 C 18.5 9.8 18.5 9.4 18.7 9.2 L 20.8 7 L 18.6 4.8 C 18.4 4.6 18.4 4.2 18.6 4 C 18.8 3.8 19.2 3.8 19.4 4 L 21.6 6.2 L 23.8 4 C 24 3.8 24.4 3.8 24.6 4 Z"
fill="rgb(14, 15, 17)"
className="inline fill-[#0e0f11] caret-[#0000ee]"
></path>
<path
d="M 12.7 4.1 C 12.9 4.3 13 4.7 12.8 4.9 L 8.6 9.8 C 8.5 9.9 8.4 10 8.3 10 C 8.1 10.1 7.8 10.1 7.6 9.9 L 5.4 7.7 C 5.2 7.5 5.2 7.1 5.4 6.9 C 5.6 6.7 6 6.7 6.2 6.9 L 8 8.6 L 11.8 4.1 C 12 3.9 12.4 3.9 12.7 4.1 Z"
fill="rgb(43, 100, 246)"
className="inline fill-[#2b64f6] caret-[#0000ee]"
></path>
</svg>
</a>
</div>
</div>
</div>
</div>
);
}
export default Component_40_4;
~~~
~~~/components/Component_40_5.jsx
function Component_40_5() {
return (
<div
className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-center items-center gap-y-4 gap-x-4"
data-component-id="Component_40_5"
>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="opacity-100 w-full relative shrink-0">
<div className="opacity-100 w-full h-[34px] relative flex flex-col justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Support
</p>
</div>
</div>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./demo"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Contact Sales
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://twingate.com/support"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Get Help
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://www.twingate.com/docs/faq"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
FAQ
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://auth.twingate.com/signup"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Try for Free
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./demo"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Request Demo
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./download"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Download
</p>
</div>
</a>
</div>
</div>
</div>
);
}
export default Component_40_5;
~~~
~~~/components/Component_40_6.jsx
function Component_40_6() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-3 gap-x-3"
data-component-id="Component_40_6"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[115px] h-[26px] relative shrink-0 bg-[100%_100%]"
data-style-id="style-55-1768143213255"
></div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:11px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Copyright © 2025 Twingate.
</p>
</div>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-center content-center items-center gap-y-4 gap-x-4">
<a
aria-label="Twitter"
href="https://twitter.com/TwingateHQ"
className="opacity-100 text-[#0000ee] w-min h-5 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[18px] h-[17px] relative shrink-0 caret-[#0000ee]"
>
<div className="w-full h-full caret-[#0000ee]">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden caret-[#0000ee]"
data-svg-size="156"
>
<use
href="#svg12001726244"
className="inline caret-[#0000ee]"
></use>
</svg>
</div>
</div>
</a>
<a
aria-label="Facebook"
href="https://www.facebook.com/twingatehq"
className="opacity-100 text-[#0000ee] w-min h-5 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[18px] h-[17px] relative shrink-0 bg-[100%_100%] caret-[#0000ee]"
data-style-id="style-56-1768143213255"
></div>
</a>
<a
aria-label="LinkedIn"
href="https://www.linkedin.com/company/twingate/"
className="opacity-100 text-[#0000ee] w-min h-5 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[17px] h-[17px] relative shrink-0 bg-[100%_100%] caret-[#0000ee]"
data-style-id="style-57-1768143213255"
></div>
</a>
<a
aria-label="Youtube"
href="https://www.youtube.com/channel/UCir710YELYo1oev4VZWlLAw"
className="opacity-100 text-[#0000ee] w-min h-5 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[17px] h-3 relative shrink-0 bg-[100%_100%] caret-[#0000ee]"
data-style-id="style-58-1768143213255"
></div>
</a>
<a
aria-label="Youtube"
href="https://www.reddit.com/r/twingate/"
className="opacity-100 text-[#0000ee] w-min h-5 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[18px] h-4 relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 20 18"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg841512188_1828" className="inline"></use>
</svg>
</div>
</div>
</a>
</div>
</div>
);
}
export default Component_40_6;
~~~
~~~/components/Component_40_7.jsx
function Component_40_7() {
return (
<div
className='[font-family:"TT_Hoves_Regular",sans-serif,system-ui,sans-serif] flex items-start'
data-component-id="Component_40_7"
>
<div className="mt-[-3px] ml-[-8px] mr-2">
<div className="text-[#00b790] w-6 h-6 relative flex justify-center items-center caret-[#00b790]">
<div className="bg-[#00b790] w-2 h-2 caret-[#00b790] rounded-br-[50%] rounded-t-[50%] rounded-bl-[50%]"></div>
<div className="bg-[rgba(123,137,255,0.365)] w-full h-full absolute opacity-0 will-change-transform caret-[#00b790] rounded-br-[50%] rounded-t-[50%] rounded-bl-[50%] border-[#00b790] scale-[1.03757] border"></div>
</div>
</div>
<div>
<a
href="https://status.twingate.com"
className="text-zinc-400 text-[14px] caret-zinc-400"
>
All Systems Operational↗
</a>
</div>
</div>
);
}
export default Component_40_7;
~~~
~~~/components/Component_1_1_1.jsx
function Component_1_1_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5 caret-[#0000ee]"
data-component-id="Component_1_1_1"
>
<div className="opacity-100 w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5 caret-[#0000ee]">
<div className="opacity-100 w-4 h-4 relative z-[1] shrink-0 caret-[#0000ee]">
<div className="contents caret-[#0000ee]">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="rgb(123, 102, 255)"
strokeWidth="2px"
strokeLinecap="round"
strokeLinejoin="round"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-none stroke-[#7b66ff] stroke-[2px] [stroke-linecap:round] [stroke-linejoin:round] caret-[#0000ee]"
data-svg-size="719"
>
<polygon
points="23 7 16 12 23 17 23 7"
className="inline fill-none stroke-[#7b66ff] stroke-[2px] [stroke-linecap:round] [stroke-linejoin:round] caret-[#0000ee]"
></polygon>
<rect
x="1"
y="5"
width="15"
height="14"
rx="2"
ry="2"
className="w-[15px] h-3.5 inline fill-none stroke-[#7b66ff] stroke-[2px] [stroke-linecap:round] [stroke-linejoin:round] caret-[#0000ee]"
></rect>
</svg>
</div>
</div>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[24px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
Workshop
</p>
</div>
</div>
<div className="opacity-100 w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-2.5 gap-x-2.5 caret-[#0000ee]">
<div className="opacity-100 w-4 h-4 relative z-[1] shrink-0 caret-[#0000ee]">
<div className="contents caret-[#0000ee]">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="rgb(123, 102, 255)"
strokeWidth="2px"
strokeLinecap="round"
strokeLinejoin="round"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-none stroke-[#7b66ff] stroke-[2px] [stroke-linecap:round] [stroke-linejoin:round] caret-[#0000ee]"
data-svg-size="554"
>
<rect
x="3"
y="4"
width="18"
height="18"
rx="2"
ry="2"
className="w-[18px] h-[18px] inline fill-none stroke-[#7b66ff] stroke-[2px] [stroke-linecap:round] [stroke-linejoin:round] caret-[#0000ee]"
></rect>
</svg>
</div>
</div>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[24px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
Ongoing
</p>
</div>
</div>
</div>
);
}
export default Component_1_1_1;
~~~
~~~/components/Component_29_10.jsx
import Component_29_10_1 from './Component_29_10_1';
function Component_29_10() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_10"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_10_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We've invested heavily in automation at Blend and Twingate is a
powerful platform that allows us to programmatically deploy and
maintain a zero trust approach to our infrastructure.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_10;
~~~
~~~/components/Component_29_11.jsx
import Component_29_11_1 from './Component_29_11_1';
function Component_29_11() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_11"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_11_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Twingate had faster speeds than any other solution we evaluated.
They make zero trust easy and our users are loving the
experience.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_11;
~~~
~~~/components/Component_29_12.jsx
import Component_29_12_1 from './Component_29_12_1';
function Component_29_12() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_12"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_12_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_12;
~~~
~~~/components/Component_29_13.jsx
import Component_29_13_1 from './Component_29_13_1';
function Component_29_13() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_13"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_13_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Our old VPN was giving us serious issues and causing flaky Zoom
calls with everyone working remotely. It drove me and my team
crazy. Twingate couldn't come soon enough.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_13;
~~~
~~~/components/Component_29_14.jsx
import Component_29_14_1 from './Component_29_14_1';
function Component_29_14() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_14"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_14_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_14;
~~~
~~~/components/Component_29_15.jsx
import Component_29_15_1 from './Component_29_15_1';
function Component_29_15() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_15"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_15_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We've invested heavily in automation at Blend and Twingate is a
powerful platform that allows us to programmatically deploy and
maintain a zero trust approach to our infrastructure.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_15;
~~~
~~~/components/Component_29_16.jsx
import Component_29_16_1 from './Component_29_16_1';
function Component_29_16() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_16"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_16_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Twingate had faster speeds than any other solution we evaluated.
They make zero trust easy and our users are loving the
experience.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_16;
~~~
~~~/components/Component_29_17.jsx
import Component_29_17_1 from './Component_29_17_1';
function Component_29_17() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_17"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_17_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_17;
~~~
~~~/components/Component_29_18.jsx
import Component_29_18_1 from './Component_29_18_1';
function Component_29_18() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_18"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_18_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Our old VPN was giving us serious issues and causing flaky Zoom
calls with everyone working remotely. It drove me and my team
crazy. Twingate couldn't come soon enough.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_18;
~~~
~~~/components/Component_29_19.jsx
import Component_29_19_1 from './Component_29_19_1';
function Component_29_19() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_19"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_19_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_19;
~~~
~~~/components/Component_29_20.jsx
import Component_29_20_1 from './Component_29_20_1';
function Component_29_20() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_20"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_20_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We've invested heavily in automation at Blend and Twingate is a
powerful platform that allows us to programmatically deploy and
maintain a zero trust approach to our infrastructure.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_20;
~~~
~~~/components/Component_29_21.jsx
import Component_29_21_1 from './Component_29_21_1';
function Component_29_21() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_21"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_21_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“I was waiting for the ball to drop, it was almost too easy.
Twingate just worked like magic.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_21;
~~~
~~~/components/Component_29_22.jsx
import Component_29_22_1 from './Component_29_22_1';
function Component_29_22() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_22"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_22_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“WFH made it clear that our old solution wasn't going to scale. We
were surprised at how easy it was to get Twingate up, and we're
excited to roll it out to the whole company.“
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_22;
~~~
~~~/components/Component_29_23.jsx
import Component_29_23_1 from './Component_29_23_1';
function Component_29_23() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_23"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_23_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Implementing and managing Twingate is a DevOps engineer's dream.
From highly relevant and technical documentation to solid IaC
providers… the team at Twingate have made it so easy to deploy and
automate Twingate at any scale.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_23;
~~~
~~~/components/Component_29_24.jsx
import Component_29_24_1 from './Component_29_24_1';
function Component_29_24() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_24"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_24_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“When a product works, you don’t notice it — it just works. In the
past, I’ve always known about when I’m on VPN because it’s
annoying. It’s been very smooth sailing with Twingate. We don’t
even notice it.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_24;
~~~
~~~/components/Component_29_25.jsx
import Component_29_25_1 from './Component_29_25_1';
function Component_29_25() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_25"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_25_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_25;
~~~
~~~/components/Component_29_26.jsx
import Component_29_26_1 from './Component_29_26_1';
function Component_29_26() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_26"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_26_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_26;
~~~
~~~/components/Component_29_27.jsx
import Component_29_27_1 from './Component_29_27_1';
function Component_29_27() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_27"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_27_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“I was waiting for the ball to drop, it was almost too easy.
Twingate just worked like magic.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_27;
~~~
~~~/components/Component_29_28.jsx
import Component_29_28_1 from './Component_29_28_1';
function Component_29_28() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_28"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_28_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“WFH made it clear that our old solution wasn't going to scale. We
were surprised at how easy it was to get Twingate up, and we're
excited to roll it out to the whole company.“
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_28;
~~~
~~~/components/Component_29_29.jsx
import Component_29_29_1 from './Component_29_29_1';
function Component_29_29() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_29"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_29_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Implementing and managing Twingate is a DevOps engineer's dream.
From highly relevant and technical documentation to solid IaC
providers… the team at Twingate have made it so easy to deploy and
automate Twingate at any scale.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_29;
~~~
~~~/components/Component_29_30.jsx
import Component_29_30_1 from './Component_29_30_1';
function Component_29_30() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_30"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_30_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“When a product works, you don’t notice it — it just works. In the
past, I’ve always known about when I’m on VPN because it’s
annoying. It’s been very smooth sailing with Twingate. We don’t
even notice it.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_30;
~~~
~~~/components/Component_29_31.jsx
import Component_29_31_1 from './Component_29_31_1';
function Component_29_31() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_31"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_31_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_31;
~~~
~~~/components/Component_29_32.jsx
import Component_29_32_1 from './Component_29_32_1';
function Component_29_32() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_32"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_32_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_32;
~~~
~~~/components/Component_29_33.jsx
import Component_29_33_1 from './Component_29_33_1';
function Component_29_33() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_33"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_33_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“I was waiting for the ball to drop, it was almost too easy.
Twingate just worked like magic.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_33;
~~~
~~~/components/Component_29_34.jsx
import Component_29_34_1 from './Component_29_34_1';
function Component_29_34() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_34"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_34_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“WFH made it clear that our old solution wasn't going to scale. We
were surprised at how easy it was to get Twingate up, and we're
excited to roll it out to the whole company.“
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_34;
~~~
~~~/components/Component_29_35.jsx
import Component_29_35_1 from './Component_29_35_1';
function Component_29_35() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_35"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_35_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Implementing and managing Twingate is a DevOps engineer's dream.
From highly relevant and technical documentation to solid IaC
providers… the team at Twingate have made it so easy to deploy and
automate Twingate at any scale.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_35;
~~~
~~~/components/Component_29_36.jsx
import Component_29_36_1 from './Component_29_36_1';
function Component_29_36() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_36"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_36_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“When a product works, you don’t notice it — it just works. In the
past, I’ve always known about when I’m on VPN because it’s
annoying. It’s been very smooth sailing with Twingate. We don’t
even notice it.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_36;
~~~
~~~/components/Component_29_37.jsx
import Component_29_37_1 from './Component_29_37_1';
function Component_29_37() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_37"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_37_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_37;
~~~
~~~/components/Component_29_38.jsx
import Component_29_38_1 from './Component_29_38_1';
function Component_29_38() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_38"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_38_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_38;
~~~
~~~/components/Component_29_39.jsx
import Component_29_39_1 from './Component_29_39_1';
function Component_29_39() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_39"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_39_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“I was waiting for the ball to drop, it was almost too easy.
Twingate just worked like magic.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_39;
~~~
~~~/components/Component_29_40.jsx
import Component_29_40_1 from './Component_29_40_1';
function Component_29_40() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_40"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_40_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“WFH made it clear that our old solution wasn't going to scale. We
were surprised at how easy it was to get Twingate up, and we're
excited to roll it out to the whole company.“
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_40;
~~~
~~~/components/Component_29_41.jsx
import Component_29_41_1 from './Component_29_41_1';
function Component_29_41() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_41"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_41_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Implementing and managing Twingate is a DevOps engineer's dream.
From highly relevant and technical documentation to solid IaC
providers… the team at Twingate have made it so easy to deploy and
automate Twingate at any scale.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_41;
~~~
~~~/components/Component_29_42.jsx
import Component_29_42_1 from './Component_29_42_1';
function Component_29_42() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_42"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_42_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“When a product works, you don’t notice it — it just works. In the
past, I’ve always known about when I’m on VPN because it’s
annoying. It’s been very smooth sailing with Twingate. We don’t
even notice it.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_42;
~~~
~~~/components/Component_29_43.jsx
import Component_29_43_1 from './Component_29_43_1';
function Component_29_43() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_43"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_43_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_43;
~~~
~~~/components/Component_29_44.jsx
import Component_29_44_1 from './Component_29_44_1';
function Component_29_44() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_44"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_44_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_44;
~~~
~~~/components/Component_29_45.jsx
import Component_29_45_1 from './Component_29_45_1';
import Component_29_45_2 from './Component_29_45_2';
function Component_29_45() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_45"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_45_1 />
<Component_29_45_2 />
</div>
</div>
);
}
export default Component_29_45;
~~~
~~~/components/Component_29_46.jsx
import Component_29_46_1 from './Component_29_46_1';
function Component_29_46() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_46"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_46_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Anvil just implemented Twingate to manage our remote access
controls. Best / easiest 15min spent securing our systems.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_46;
~~~
~~~/components/Component_29_47.jsx
import Component_29_47_1 from './Component_29_47_1';
import Component_29_47_2 from './Component_29_47_2';
function Component_29_47() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_47"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_47_1 />
<Component_29_47_2 />
</div>
</div>
);
}
export default Component_29_47;
~~~
~~~/components/Component_29_48.jsx
import Component_29_48_1 from './Component_29_48_1';
function Component_29_48() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_48"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_48_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Twingate has massive flexibility when it comes to routing. You can
route by IP or DNS. They even let you get down to the protocol and
port level. Mostly overkill but could be useful in a bind with
older networks and older systems.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_48;
~~~
~~~/components/Component_29_49.jsx
import Component_29_49_1 from './Component_29_49_1';
function Component_29_49() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_49"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_49_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
VPNs were good until Twingate arrived. Such an impressive tool.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_49;
~~~
~~~/components/Component_29_50.jsx
import Component_29_50_1 from './Component_29_50_1';
import Component_29_50_2 from './Component_29_50_2';
function Component_29_50() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_50"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_50_1 />
<Component_29_50_2 />
</div>
</div>
);
}
export default Component_29_50;
~~~
~~~/components/Component_29_51.jsx
import Component_29_51_1 from './Component_29_51_1';
import Component_29_51_2 from './Component_29_51_2';
function Component_29_51() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_51"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_51_1 />
<Component_29_51_2 />
</div>
</div>
);
}
export default Component_29_51;
~~~
~~~/components/Component_29_52.jsx
import Component_29_52_1 from './Component_29_52_1';
function Component_29_52() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_52"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_52_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Anvil just implemented Twingate to manage our remote access
controls. Best / easiest 15min spent securing our systems.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_52;
~~~
~~~/components/Component_29_53.jsx
import Component_29_53_1 from './Component_29_53_1';
import Component_29_53_2 from './Component_29_53_2';
function Component_29_53() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_53"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_53_1 />
<Component_29_53_2 />
</div>
</div>
);
}
export default Component_29_53;
~~~
~~~/components/Component_29_54.jsx
import Component_29_54_1 from './Component_29_54_1';
function Component_29_54() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_54"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_54_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Twingate has massive flexibility when it comes to routing. You can
route by IP or DNS. They even let you get down to the protocol and
port level. Mostly overkill but could be useful in a bind with
older networks and older systems.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_54;
~~~
~~~/components/Component_29_55.jsx
import Component_29_55_1 from './Component_29_55_1';
function Component_29_55() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_55"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_55_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
VPNs were good until Twingate arrived. Such an impressive tool.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_55;
~~~
~~~/components/Component_29_56.jsx
import Component_29_56_1 from './Component_29_56_1';
import Component_29_56_2 from './Component_29_56_2';
function Component_29_56() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_56"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_56_1 />
<Component_29_56_2 />
</div>
</div>
);
}
export default Component_29_56;
~~~
~~~/components/Component_29_57.jsx
import Component_29_57_1 from './Component_29_57_1';
import Component_29_57_2 from './Component_29_57_2';
function Component_29_57() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_57"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_57_1 />
<Component_29_57_2 />
</div>
</div>
);
}
export default Component_29_57;
~~~
~~~/components/Component_29_58.jsx
import Component_29_58_1 from './Component_29_58_1';
function Component_29_58() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_58"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_58_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Anvil just implemented Twingate to manage our remote access
controls. Best / easiest 15min spent securing our systems.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_58;
~~~
~~~/components/Component_29_59.jsx
import Component_29_59_1 from './Component_29_59_1';
import Component_29_59_2 from './Component_29_59_2';
function Component_29_59() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_59"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_59_1 />
<Component_29_59_2 />
</div>
</div>
);
}
export default Component_29_59;
~~~
~~~/components/Component_29_60.jsx
import Component_29_60_1 from './Component_29_60_1';
function Component_29_60() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_60"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_60_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Twingate has massive flexibility when it comes to routing. You can
route by IP or DNS. They even let you get down to the protocol and
port level. Mostly overkill but could be useful in a bind with
older networks and older systems.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_60;
~~~
~~~/components/Component_29_61.jsx
import Component_29_61_1 from './Component_29_61_1';
function Component_29_61() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_61"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_61_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
VPNs were good until Twingate arrived. Such an impressive tool.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_61;
~~~
~~~/components/Component_29_62.jsx
import Component_29_62_1 from './Component_29_62_1';
import Component_29_62_2 from './Component_29_62_2';
function Component_29_62() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_62"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_62_1 />
<Component_29_62_2 />
</div>
</div>
);
}
export default Component_29_62;
~~~
~~~/components/Component_29_63.jsx
import Component_29_63_1 from './Component_29_63_1';
import Component_29_63_2 from './Component_29_63_2';
function Component_29_63() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_63"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_63_1 />
<Component_29_63_2 />
</div>
</div>
);
}
export default Component_29_63;
~~~
~~~/components/Component_29_64.jsx
import Component_29_64_1 from './Component_29_64_1';
function Component_29_64() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_64"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_64_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Experimenting with Twingate in combination with a Pi clone. First
impression is very good. What a relief compared to the setup of a
regular VPN.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_64;
~~~
~~~/components/Component_29_65.jsx
import Component_29_65_1 from './Component_29_65_1';
function Component_29_65() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_65"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_65_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
I've tried Twingate in my home lab, since I was fed up with the
abysmal performance of VPN, and I must say, I was more than
positively surprised by the performance. Even with a sketchy
connection, I could work with Remote Desktop set at full quality.
</p>
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] mt-2.5 mb-0'>
Furthermore, you can create security policies and device checks
(e.g. only allow Windows machines that with enabled firewall, hard
drive encryption, and antivirus installed), 2FA for every
connection attempt, etc.
</p>
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] mt-2.5 mb-0'>
You don't even have to open a port in your firewall for this,
since you'll install a connector within your network that opens a
secure outbound connection for which then is matched with the
client outside your network.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_65;
~~~
~~~/components/Component_29_66.jsx
import Component_29_66_1 from './Component_29_66_1';
function Component_29_66() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_66"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_66_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Twingate works amazing. I use it to access my Plex media server
outside of my home network!
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_66;
~~~
~~~/components/Component_29_67.jsx
import Component_29_67_1 from './Component_29_67_1';
import Component_29_67_2 from './Component_29_67_2';
function Component_29_67() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_67"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_67_1 />
<Component_29_67_2 />
</div>
</div>
);
}
export default Component_29_67;
~~~
~~~/components/Component_29_68.jsx
import Component_29_68_1 from './Component_29_68_1';
import Component_29_68_2 from './Component_29_68_2';
function Component_29_68() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_68"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_68_1 />
<Component_29_68_2 />
</div>
</div>
);
}
export default Component_29_68;
~~~
~~~/components/Component_29_69.jsx
import Component_29_69_1 from './Component_29_69_1';
function Component_29_69() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_69"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_69_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Experimenting with Twingate in combination with a Pi clone. First
impression is very good. What a relief compared to the setup of a
regular VPN.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_69;
~~~
~~~/components/Component_29_70.jsx
import Component_29_70_1 from './Component_29_70_1';
function Component_29_70() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_70"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_70_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
I've tried Twingate in my home lab, since I was fed up with the
abysmal performance of VPN, and I must say, I was more than
positively surprised by the performance. Even with a sketchy
connection, I could work with Remote Desktop set at full quality.
</p>
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] mt-2.5 mb-0'>
Furthermore, you can create security policies and device checks
(e.g. only allow Windows machines that with enabled firewall, hard
drive encryption, and antivirus installed), 2FA for every
connection attempt, etc.
</p>
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] mt-2.5 mb-0'>
You don't even have to open a port in your firewall for this,
since you'll install a connector within your network that opens a
secure outbound connection for which then is matched with the
client outside your network.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_70;
~~~
~~~/components/Component_29_71.jsx
import Component_29_71_1 from './Component_29_71_1';
function Component_29_71() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_71"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_71_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Twingate works amazing. I use it to access my Plex media server
outside of my home network!
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_71;
~~~
~~~/components/Component_29_72.jsx
import Component_29_72_1 from './Component_29_72_1';
import Component_29_72_2 from './Component_29_72_2';
function Component_29_72() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_72"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_72_1 />
<Component_29_72_2 />
</div>
</div>
);
}
export default Component_29_72;
~~~
~~~/components/Component_29_73.jsx
import Component_29_73_1 from './Component_29_73_1';
import Component_29_73_2 from './Component_29_73_2';
function Component_29_73() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_73"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_73_1 />
<Component_29_73_2 />
</div>
</div>
);
}
export default Component_29_73;
~~~
~~~/components/Component_29_74.jsx
import Component_29_74_1 from './Component_29_74_1';
function Component_29_74() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_74"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_74_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Experimenting with Twingate in combination with a Pi clone. First
impression is very good. What a relief compared to the setup of a
regular VPN.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_74;
~~~
~~~/components/Component_29_75.jsx
import Component_29_75_1 from './Component_29_75_1';
function Component_29_75() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_75"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_75_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
I've tried Twingate in my home lab, since I was fed up with the
abysmal performance of VPN, and I must say, I was more than
positively surprised by the performance. Even with a sketchy
connection, I could work with Remote Desktop set at full quality.
</p>
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] mt-2.5 mb-0'>
Furthermore, you can create security policies and device checks
(e.g. only allow Windows machines that with enabled firewall, hard
drive encryption, and antivirus installed), 2FA for every
connection attempt, etc.
</p>
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] mt-2.5 mb-0'>
You don't even have to open a port in your firewall for this,
since you'll install a connector within your network that opens a
secure outbound connection for which then is matched with the
client outside your network.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_75;
~~~
~~~/components/Component_29_76.jsx
import Component_29_76_1 from './Component_29_76_1';
function Component_29_76() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_76"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_76_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Twingate works amazing. I use it to access my Plex media server
outside of my home network!
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_76;
~~~
~~~/components/Component_29_77.jsx
import Component_29_77_1 from './Component_29_77_1';
import Component_29_77_2 from './Component_29_77_2';
function Component_29_77() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_77"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_77_1 />
<Component_29_77_2 />
</div>
</div>
);
}
export default Component_29_77;
~~~
~~~/components/Component_29_78.jsx
import Component_29_78_1 from './Component_29_78_1';
function Component_29_78() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_78"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_78_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“I was waiting for the ball to drop, it was almost too easy.
Twingate just worked like magic.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_78;
~~~
~~~/components/Component_29_79.jsx
import Component_29_79_1 from './Component_29_79_1';
function Component_29_79() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_79"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_79_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“WFH made it clear that our old solution wasn't going to scale. We
were surprised at how easy it was to get Twingate up, and we're
excited to roll it out to the whole company.“
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_79;
~~~
~~~/components/Component_29_80.jsx
import Component_29_80_1 from './Component_29_80_1';
function Component_29_80() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_80"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_80_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Implementing and managing Twingate is a DevOps engineer's dream.
From highly relevant and technical documentation to solid IaC
providers… the team at Twingate have made it so easy to deploy and
automate Twingate at any scale.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_80;
~~~
~~~/components/Component_29_81.jsx
import Component_29_81_1 from './Component_29_81_1';
function Component_29_81() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_81"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_81_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“When a product works, you don’t notice it — it just works. In the
past, I’ve always known about when I’m on VPN because it’s
annoying. It’s been very smooth sailing with Twingate. We don’t
even notice it.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_81;
~~~
~~~/components/Component_29_82.jsx
import Component_29_82_1 from './Component_29_82_1';
function Component_29_82() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_82"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_82_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_82;
~~~
~~~/components/Component_29_83.jsx
import Component_29_83_1 from './Component_29_83_1';
function Component_29_83() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_83"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_83_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_83;
~~~
~~~/components/Component_29_84.jsx
import Component_29_84_1 from './Component_29_84_1';
function Component_29_84() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_84"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_84_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“I was waiting for the ball to drop, it was almost too easy.
Twingate just worked like magic.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_84;
~~~
~~~/components/Component_29_85.jsx
import Component_29_85_1 from './Component_29_85_1';
function Component_29_85() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_85"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_85_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“WFH made it clear that our old solution wasn't going to scale. We
were surprised at how easy it was to get Twingate up, and we're
excited to roll it out to the whole company.“
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_85;
~~~
~~~/components/Component_29_86.jsx
import Component_29_86_1 from './Component_29_86_1';
function Component_29_86() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_86"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_86_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Implementing and managing Twingate is a DevOps engineer's dream.
From highly relevant and technical documentation to solid IaC
providers… the team at Twingate have made it so easy to deploy and
automate Twingate at any scale.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_86;
~~~
~~~/components/Component_29_87.jsx
import Component_29_87_1 from './Component_29_87_1';
function Component_29_87() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_87"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_87_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“When a product works, you don’t notice it — it just works. In the
past, I’ve always known about when I’m on VPN because it’s
annoying. It’s been very smooth sailing with Twingate. We don’t
even notice it.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_87;
~~~
~~~/components/Component_29_88.jsx
import Component_29_88_1 from './Component_29_88_1';
function Component_29_88() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_88"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_88_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_88;
~~~
~~~/components/Component_29_89.jsx
import Component_29_89_1 from './Component_29_89_1';
function Component_29_89() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_89"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_89_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_89;
~~~
~~~/components/Component_29_90.jsx
import Component_29_90_1 from './Component_29_90_1';
function Component_29_90() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_90"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_90_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“I was waiting for the ball to drop, it was almost too easy.
Twingate just worked like magic.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_90;
~~~
~~~/components/Component_29_91.jsx
import Component_29_91_1 from './Component_29_91_1';
function Component_29_91() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_91"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_91_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“WFH made it clear that our old solution wasn't going to scale. We
were surprised at how easy it was to get Twingate up, and we're
excited to roll it out to the whole company.“
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_91;
~~~
~~~/components/Component_29_92.jsx
import Component_29_92_1 from './Component_29_92_1';
function Component_29_92() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_92"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_92_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Implementing and managing Twingate is a DevOps engineer's dream.
From highly relevant and technical documentation to solid IaC
providers… the team at Twingate have made it so easy to deploy and
automate Twingate at any scale.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_92;
~~~
~~~/components/Component_29_93.jsx
import Component_29_93_1 from './Component_29_93_1';
function Component_29_93() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_93"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_93_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“When a product works, you don’t notice it — it just works. In the
past, I’ve always known about when I’m on VPN because it’s
annoying. It’s been very smooth sailing with Twingate. We don’t
even notice it.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_93;
~~~
~~~/components/Component_29_94.jsx
import Component_29_94_1 from './Component_29_94_1';
function Component_29_94() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_94"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_94_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_94;
~~~
~~~/components/Component_29_95.jsx
import Component_29_95_1 from './Component_29_95_1';
function Component_29_95() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_95"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_95_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_95;
~~~
~~~/components/Component_29_96.jsx
import Component_29_96_1 from './Component_29_96_1';
function Component_29_96() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_96"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_96_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“I was waiting for the ball to drop, it was almost too easy.
Twingate just worked like magic.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_96;
~~~
~~~/components/Component_29_97.jsx
import Component_29_97_1 from './Component_29_97_1';
function Component_29_97() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_97"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_97_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“WFH made it clear that our old solution wasn't going to scale. We
were surprised at how easy it was to get Twingate up, and we're
excited to roll it out to the whole company.“
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_97;
~~~
~~~/components/Component_29_98.jsx
import Component_29_98_1 from './Component_29_98_1';
function Component_29_98() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_98"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_98_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Implementing and managing Twingate is a DevOps engineer's dream.
From highly relevant and technical documentation to solid IaC
providers… the team at Twingate have made it so easy to deploy and
automate Twingate at any scale.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_98;
~~~
~~~/components/Component_29_99.jsx
import Component_29_99_1 from './Component_29_99_1';
function Component_29_99() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_99"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_99_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“When a product works, you don’t notice it — it just works. In the
past, I’ve always known about when I’m on VPN because it’s
annoying. It’s been very smooth sailing with Twingate. We don’t
even notice it.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_99;
~~~
~~~/components/Component_2_1_1.jsx
function Component_2_1_1() {
return (
<div
className="opacity-100 w-full relative shrink-0 pointer-events-none"
data-component-id="Component_2_1_1"
>
<a
tabIndex="0"
className="opacity-100 w-full relative flex flex-col justify-start content-center items-center gap-y-0 gap-x-0 pointer-events-none"
>
<div
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] bg-[rgba(0,0,0,0)] opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center pointer-events-none p-4"
>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Product
</p>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] w-6 h-6 relative shrink-0 opacity-40 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="163"
>
<use
href="#svg3443238835"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
</a>
</div>
);
}
export default Component_2_1_1;
~~~
~~~/components/Component_2_1_2.jsx
function Component_2_1_2() {
return (
<div
className="opacity-100 w-full relative shrink-0 pointer-events-none"
data-component-id="Component_2_1_2"
>
<a
tabIndex="0"
className="opacity-100 w-full relative flex flex-col justify-start content-center items-center gap-y-0 gap-x-0 pointer-events-none"
>
<div
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] bg-[rgba(0,0,0,0)] opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center pointer-events-none p-4"
>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Docs
</p>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] w-6 h-6 relative shrink-0 opacity-40 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="163"
>
<use
href="#svg3443238835"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
</a>
</div>
);
}
export default Component_2_1_2;
~~~
~~~/components/Component_2_1_3.jsx
function Component_2_1_3() {
return (
<div
className="opacity-100 w-full relative shrink-0 pointer-events-none"
data-component-id="Component_2_1_3"
>
<a
tabIndex="0"
className="opacity-100 w-full relative flex flex-col justify-start content-center items-center gap-y-0 gap-x-0 pointer-events-none"
>
<div
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] bg-[rgba(0,0,0,0)] opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center pointer-events-none p-4"
>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Resources
</p>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] w-6 h-6 relative shrink-0 opacity-40 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="163"
>
<use
href="#svg3443238835"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
</a>
</div>
);
}
export default Component_2_1_3;
~~~
~~~/components/Component_2_1_4.jsx
function Component_2_1_4() {
return (
<div
className="opacity-100 w-full relative shrink-0 pointer-events-none"
data-component-id="Component_2_1_4"
>
<a
tabIndex="0"
className="opacity-100 w-full relative flex flex-col justify-start content-center items-center gap-y-0 gap-x-0 pointer-events-none"
>
<div
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0.5px] bg-[rgba(0,0,0,0)] opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center pointer-events-none p-4"
>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Partners
</p>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] w-6 h-6 relative shrink-0 opacity-40 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="163"
>
<use
href="#svg3443238835"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
</a>
</div>
);
}
export default Component_2_1_4;
~~~
~~~/components/Component_2_2_1.jsx
function Component_2_2_1() {
return (
<div
className="opacity-100 w-min h-full relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pt-0.5"
data-component-id="Component_2_2_1"
>
<div id="NXTTXmbJK-uni33f" className="opacity-100 relative shrink-0">
<a
tabIndex="0"
className="bg-[rgba(0,0,0,0)] opacity-100 w-min h-[34px] relative flex flex-col justify-center content-center items-center gap-y-2.5 gap-x-2.5 px-2.5 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-FKwB4UL9z-ZVYe2Nhfy:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Product
</p>
</div>
</a>
</div>
<div id="NXTTXmbJK-f66e4y" className="opacity-100 relative shrink-0">
<a
href="https://www.twingate.com/docs/"
tabIndex="0"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-[34px] relative flex flex-col justify-center content-center items-center gap-y-2.5 gap-x-2.5 caret-[#0000ee] px-2.5 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-FKwB4UL9z-ZVYe2Nhfy:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Docs
</p>
</div>
</a>
</div>
<div id="NXTTXmbJK-8rwdjx" className="opacity-100 relative shrink-0">
<a
href="./customers"
tabIndex="0"
className="bg-[rgba(0,0,0,0)] opacity-100 will-change-auto text-[#0000ee] w-min h-[34px] relative flex flex-col justify-center content-center items-center gap-y-2.5 gap-x-2.5 caret-[#0000ee] px-2.5 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-FKwB4UL9z-ZVYe2Nhfy:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Customers
</p>
</div>
</a>
</div>
<div id="NXTTXmbJK-cuq8n2" className="opacity-100 relative shrink-0">
<a
tabIndex="0"
className="bg-[rgba(0,0,0,0)] opacity-100 w-min h-[34px] relative flex flex-col justify-center content-center items-center gap-y-2.5 gap-x-2.5 px-2.5 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-FKwB4UL9z-ZVYe2Nhfy:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Resources
</p>
</div>
</a>
</div>
<div id="NXTTXmbJK-1n6kgo6" className="opacity-100 relative shrink-0">
<a
href="./partners"
tabIndex="0"
className="bg-[rgba(0,0,0,0)] opacity-100 will-change-auto text-[#0000ee] w-min h-[34px] relative flex flex-col justify-center content-center items-center gap-y-2.5 gap-x-2.5 caret-[#0000ee] px-2.5 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-FKwB4UL9z-ZVYe2Nhfy:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Partners
</p>
</div>
</a>
</div>
<div className="opacity-100 relative shrink-0">
<a
href="./pricing"
tabIndex="0"
className="bg-[rgba(0,0,0,0)] opacity-100 will-change-auto text-[#0000ee] w-min h-[34px] relative flex flex-col justify-center content-center items-center gap-y-2.5 gap-x-2.5 caret-[#0000ee] px-2.5 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-FKwB4UL9z-ZVYe2Nhfy:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-FKwB4UL9z-ZVYe2Nhfy))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Pricing
</p>
</div>
</a>
</div>
</div>
);
}
export default Component_2_2_1;
~~~
~~~/components/Component_2_3_1.jsx
function Component_2_3_1() {
return (
<div
className="opacity-100 w-min h-[34px] relative flex shrink-0 justify-center content-start items-start gap-y-2 gap-x-2"
data-component-id="Component_2_3_1"
>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pr-2">
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://auth.twingate.com/"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium",serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Sign in
</p>
</div>
</a>
</div>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="./demo"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] shadow-none opacity-100 will-change-auto bg-white text-[#0000ee] h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
>
<div className="[--extracted-r6o4lv:rgb(0,0,0)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,rgb(0,0,0))] leading-[18px] [font-family:"TT_Hoves_Medium",serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] select-none my-0'>
Request Demo
</p>
</div>
</a>
</div>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://auth.twingate.com/signup"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.05))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] text-[#0000ee] h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 shadow-[rgba(255,255,255,0.1)_0px_2.5px_0px_-2px_inset] caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
>
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[18px] [font-family:"TT_Hoves_Medium",serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Try for Free
</p>
</div>
</a>
</div>
<div className="opacity-100 relative shrink-0"></div>
</div>
</div>
);
}
export default Component_2_3_1;
~~~
~~~/components/Component_35_10.jsx
import Component_35_10_1 from './Component_35_10_1';
function Component_35_10() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_10"
>
<div
name="Int – EDR – Intune"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_10_1 />
</div>
</li>
);
}
export default Component_35_10;
~~~
~~~/components/Component_35_11.jsx
import Component_35_11_1 from './Component_35_11_1';
function Component_35_11() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_11"
>
<div
name="Int – EDR – Kandji"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_11_1 />
</div>
</li>
);
}
export default Component_35_11;
~~~
~~~/components/Component_35_12.jsx
import Component_35_12_1 from './Component_35_12_1';
function Component_35_12() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_12"
>
<div
name="Int – EDR – Jamf"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_12_1 />
</div>
</li>
);
}
export default Component_35_12;
~~~
~~~/components/Component_35_13.jsx
import Component_35_13_1 from './Component_35_13_1';
function Component_35_13() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_13"
>
<div
name="Int – EDR – CrowdStrike"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_13_1 />
</div>
</li>
);
}
export default Component_35_13;
~~~
~~~/components/Component_35_14.jsx
import Component_35_14_1 from './Component_35_14_1';
function Component_35_14() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_14"
>
<div
name="Int – EDR – Intune"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_14_1 />
</div>
</li>
);
}
export default Component_35_14;
~~~
~~~/components/Component_35_15.jsx
import Component_35_15_1 from './Component_35_15_1';
function Component_35_15() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_15"
>
<div
name="Int – EDR – Kandji"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_15_1 />
</div>
</li>
);
}
export default Component_35_15;
~~~
~~~/components/Component_35_16.jsx
import Component_35_16_1 from './Component_35_16_1';
function Component_35_16() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_35_16"
>
<div
name="Int – EDR – Jamf"
className="w-full h-[148px] relative shrink-0"
>
<Component_35_16_1 />
</div>
</li>
);
}
export default Component_35_16;
~~~
~~~/components/Component_36_10.jsx
import Component_36_10_1 from './Component_36_10_1';
function Component_36_10() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_10"
>
<div
name="Int – IDP – OneLogin"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_10_1 />
</div>
</li>
);
}
export default Component_36_10;
~~~
~~~/components/Component_36_11.jsx
import Component_36_11_1 from './Component_36_11_1';
function Component_36_11() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_11"
>
<div
name="Int – IDP – KeyCloak"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_11_1 />
</div>
</li>
);
}
export default Component_36_11;
~~~
~~~/components/Component_36_12.jsx
import Component_36_12_1 from './Component_36_12_1';
function Component_36_12() {
return (
<li
aria-hidden="false"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_12"
>
<div
name="Int – IDP – JumpCloud"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_12_1 />
</div>
</li>
);
}
export default Component_36_12;
~~~
~~~/components/Component_36_13.jsx
import Component_36_13_1 from './Component_36_13_1';
function Component_36_13() {
return (
<li
aria-hidden="false"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_13"
>
<div
name="Int – IDP – Azure AD"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_13_1 />
</div>
</li>
);
}
export default Component_36_13;
~~~
~~~/components/Component_36_14.jsx
import Component_36_14_1 from './Component_36_14_1';
function Component_36_14() {
return (
<li
aria-hidden="false"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_14"
>
<div
name="Int – IDP – Okta"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_14_1 />
</div>
</li>
);
}
export default Component_36_14;
~~~
~~~/components/Component_36_15.jsx
function Component_36_15() {
return (
<li
aria-hidden="false"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_15"
>
<div
name="Int – IDP – Google"
className="w-full h-[148px] relative shrink-0"
>
<a
name="Int – IDP – Google"
href="./integrations/google-workspace"
className="bg-[rgba(0,0,0,0)] opacity-100 will-change-auto text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="964"
>
<path
d="M21 12.168c0-.59-.05-1.182-.159-1.762h-8.66v3.338h4.96c-.206 1.077-.867 2.03-1.836 2.634v2.166h2.959c1.737-1.51 2.736-3.74 2.736-6.376Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
d="M12.181 20.637c2.477 0 4.565-.768 6.086-2.093l-2.958-2.166c-.823.529-1.886.828-3.124.828-2.396 0-4.427-1.525-5.155-3.576H3.977v2.232c1.558 2.927 4.733 4.775 8.204 4.775Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
d="M7.026 13.63a4.917 4.917 0 0 1 0-3.32V8.079h-3.05a8.244 8.244 0 0 0 0 7.784l3.05-2.232Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
d="M12.181 6.73a5.155 5.155 0 0 1 3.522 1.3l2.622-2.474c-1.66-1.472-3.863-2.28-6.144-2.255-3.471 0-6.646 1.847-8.204 4.777l3.05 2.233c.725-2.055 2.759-3.58 5.154-3.58Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Google Workspace
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
</div>
</li>
);
}
export default Component_36_15;
~~~
~~~/components/Component_36_16.jsx
import Component_36_16_1 from './Component_36_16_1';
function Component_36_16() {
return (
<li
aria-hidden="false"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_16"
>
<div
name="Int – IDP – OneLogin"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_16_1 />
</div>
</li>
);
}
export default Component_36_16;
~~~
~~~/components/Component_36_17.jsx
import Component_36_17_1 from './Component_36_17_1';
function Component_36_17() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_17"
>
<div
name="Int – IDP – KeyCloak"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_17_1 />
</div>
</li>
);
}
export default Component_36_17;
~~~
~~~/components/Component_36_18.jsx
import Component_36_18_1 from './Component_36_18_1';
function Component_36_18() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_36_18"
>
<div
name="Int – IDP – JumpCloud"
className="w-full h-[148px] relative shrink-0"
>
<Component_36_18_1 />
</div>
</li>
);
}
export default Component_36_18;
~~~
~~~/components/Component_37_10.jsx
import Component_37_10_1 from './Component_37_10_1';
function Component_37_10() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_37_10"
>
<div
name="Int – Misc – Pulumi"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_10_1 />
</div>
</li>
);
}
export default Component_37_10;
~~~
~~~/components/Component_37_11.jsx
import Component_37_11_1 from './Component_37_11_1';
function Component_37_11() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_37_11"
>
<div
name="Int – Misc – Terraform"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_11_1 />
</div>
</li>
);
}
export default Component_37_11;
~~~
~~~/components/Component_37_12.jsx
import Component_37_12_1 from './Component_37_12_1';
function Component_37_12() {
return (
<li
aria-hidden="true"
className="w-full will-change-transform list-outside"
data-component-id="Component_37_12"
>
<div
name="Int – Misc – NextDNS"
className="w-full h-[148px] relative shrink-0"
>
<Component_37_12_1 />
</div>
</li>
);
}
export default Component_37_12;
~~~
~~~/components/Component_39_10.jsx
import Component_39_10_1 from './Component_39_10_1';
import Component_39_10_2 from './Component_39_10_2';
import Component_39_10_3 from './Component_39_10_3';
function Component_39_10() {
return (
<div
aria-hidden="true"
className="opacity-100 [transform:none] origin-[0%_50%_0px] w-full h-full relative grid invisible shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_10"
>
<Component_39_10_1 />
<Component_39_10_2 />
<Component_39_10_3 />
</div>
);
}
export default Component_39_10;
~~~
~~~/components/Component_39_11.jsx
import Component_39_11_1 from './Component_39_11_1';
import Component_39_11_2 from './Component_39_11_2';
import Component_39_11_3 from './Component_39_11_3';
function Component_39_11() {
return (
<div
aria-hidden="true"
className="opacity-100 [transform:none] origin-[0%_50%_0px] w-full h-full relative grid invisible shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_11"
>
<Component_39_11_1 />
<Component_39_11_2 />
<Component_39_11_3 />
</div>
);
}
export default Component_39_11;
~~~
~~~/components/Component_39_12.jsx
import Component_39_12_1 from './Component_39_12_1';
import Component_39_12_2 from './Component_39_12_2';
import Component_39_12_3 from './Component_39_12_3';
function Component_39_12() {
return (
<div
aria-hidden="true"
className="opacity-100 [transform:none] origin-[0%_50%_0px] w-full h-full relative grid invisible shrink-0 justify-center gap-y-10 gap-x-10 grid-cols-[repeat(3,minmax(200px,1fr))] select-none"
data-component-id="Component_39_12"
>
<Component_39_12_1 />
<Component_39_12_2 />
<Component_39_12_3 />
</div>
);
}
export default Component_39_12;
~~~
~~~/components/Component_3_1_1.jsx
function Component_3_1_1() {
return (
<div
className="opacity-100 w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none"
data-component-id="Component_3_1_1"
>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[92px] h-[23px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 127 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg-380828512_1822"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[116px] aspect-[4.15152_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[4.15152_/_1] pointer-events-none">
<svg
viewBox="0 0 137 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg18983987_3830"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[117px] aspect-[5.82857_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[5.82857_/_1] pointer-events-none">
<svg
viewBox="0 0 204 35"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg-625703201_4665"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[65px] aspect-[1.71111_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[1.71111_/_1] pointer-events-none">
<svg
viewBox="0 0 77 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="215"
>
<use
href="#svg-666829568_5096"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[134px] h-[21px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 219 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="217"
>
<use
href="#svg-1229169379_6317"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="bg-[rgba(0,0,0,0)] [image-rendering:pixelated] opacity-100 w-[65px] h-7 relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="164"
>
<use
href="#svg11827016997"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[120px] h-[38px] min-w-[120px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[61px] aspect-[2.025_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[2.025_/_1] pointer-events-none">
<svg
viewBox="0 0 81 40"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg718564811_4016"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[180px] h-[38px] min-w-[180px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[132px] h-[18px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 226 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1761235568_6380"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[102px] h-7 relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="163"
>
<use
href="#svg8740937629"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[98px] h-[26px] absolute top-[calc(36.8421%_-_13px)] left-[calc(50%_-_49px)] z-[1] shrink-0 pointer-events-none right-auto bottom-auto"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 120 32"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="218"
>
<use
href="#svg-1585892701_11868"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[78px] aspect-[3.875_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[3.875_/_1] pointer-events-none">
<svg
viewBox="0 0 116 30"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1660909829_7021"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[72px] aspect-[3.72727_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[3.72727_/_1] pointer-events-none">
<svg
viewBox="0 0 123 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1004381476_2819"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 w-[140px] h-[26px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 absolute shrink-0 pointer-events-none inset-x-px inset-y-[3px]">
<div className="absolute pointer-events-none inset-0">
<img
width="138"
height="31"
src="https://framerusercontent.com/images/KURfJJIDBuzELNPpCnHLkKfO7bY.svg?width=138&height=31"
className="object-[center_center] w-full h-full aspect-[auto_138_/_31] block object-contain pointer-events-none"
/>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[81px] aspect-[2.17778_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[2.17778_/_1] pointer-events-none">
<svg
viewBox="0 0 98 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="215"
>
<use
href="#svg2070421458_9931"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[97px] h-[38px] relative shrink-0 bg-[100%_100%] pointer-events-none"
data-style-id="style-1-1768143213252"
></div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[106px] h-[17px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 152 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1977992858_1573"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[5.93939_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[5.93939_/_1] pointer-events-none">
<svg
viewBox="0 0 196 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1837997287_8559"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[103px] aspect-[5.17391_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[5.17391_/_1] pointer-events-none">
<svg
viewBox="0 0 139 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1187889694_5130"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[123px] h-[18px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 208 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="217"
>
<use
href="#svg-887652390_10075"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[86px] aspect-[4.29167_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[4.29167_/_1] pointer-events-none">
<svg
viewBox="0 0 103 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg228314032_21842"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[76px] h-[29px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 76 29"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="215"
>
<use
href="#svg2090098294_2772"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[6.47368_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[6.47368_/_1] pointer-events-none">
<svg
viewBox="0 0 123 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1740865077_3976"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[115px] aspect-[7.18519_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[7.18519_/_1] pointer-events-none">
<svg
viewBox="0 0 194 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="217"
>
<use
href="#svg-1389238034_4899"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 w-[98px] aspect-[3.0625_/_1] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 w-min h-min absolute flex shrink-0 justify-center content-center items-center gap-y-[7px] gap-x-[7px] -translate-x-2/4 -translate-y-2/4 pointer-events-none left-2/4 right-auto top-[47%] bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[58px] aspect-[3.63158_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[3.63158_/_1] pointer-events-none">
<svg
viewBox="0 0 69 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg708674005_5761"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[22px] aspect-[1.33333_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[1.33333_/_1] pointer-events-none">
<svg
viewBox="0 0 24 18"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg-272698781_707"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-20 h-[35px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 1016 454"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="218"
>
<use
href="#svg-671515999_3974"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
</div>
);
}
export default Component_3_1_1;
~~~
~~~/components/Component_3_1_2.jsx
function Component_3_1_2() {
return (
<div
className="opacity-100 w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none"
data-component-id="Component_3_1_2"
>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[92px] h-[23px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 127 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg-380828512_1822"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[116px] aspect-[4.15152_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[4.15152_/_1] pointer-events-none">
<svg
viewBox="0 0 137 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg18983987_3830"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[117px] aspect-[5.82857_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[5.82857_/_1] pointer-events-none">
<svg
viewBox="0 0 204 35"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg-625703201_4665"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[65px] aspect-[1.71111_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[1.71111_/_1] pointer-events-none">
<svg
viewBox="0 0 77 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="215"
>
<use
href="#svg-666829568_5096"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[134px] h-[21px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 219 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="217"
>
<use
href="#svg-1229169379_6317"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="bg-[rgba(0,0,0,0)] [image-rendering:pixelated] opacity-100 w-[65px] h-7 relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="164"
>
<use
href="#svg11827016997"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[120px] h-[38px] min-w-[120px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[61px] aspect-[2.025_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[2.025_/_1] pointer-events-none">
<svg
viewBox="0 0 81 40"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg718564811_4016"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[180px] h-[38px] min-w-[180px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[132px] h-[18px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 226 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1761235568_6380"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[102px] h-7 relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="163"
>
<use
href="#svg8740937629"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[98px] h-[26px] absolute top-[calc(36.8421%_-_13px)] left-[calc(50%_-_49px)] z-[1] shrink-0 pointer-events-none right-auto bottom-auto"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 120 32"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="218"
>
<use
href="#svg-1585892701_11868"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[78px] aspect-[3.875_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[3.875_/_1] pointer-events-none">
<svg
viewBox="0 0 116 30"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1660909829_7021"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[72px] aspect-[3.72727_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[3.72727_/_1] pointer-events-none">
<svg
viewBox="0 0 123 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1004381476_2819"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 w-[140px] h-[26px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 absolute shrink-0 pointer-events-none inset-x-px inset-y-[3px]">
<div className="absolute pointer-events-none inset-0">
<img
width="138"
height="31"
src="https://framerusercontent.com/images/KURfJJIDBuzELNPpCnHLkKfO7bY.svg?width=138&height=31"
className="object-[center_center] w-full h-full aspect-[auto_138_/_31] block object-contain pointer-events-none"
/>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[81px] aspect-[2.17778_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[2.17778_/_1] pointer-events-none">
<svg
viewBox="0 0 98 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="215"
>
<use
href="#svg2070421458_9931"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[97px] h-[38px] relative shrink-0 bg-[100%_100%] pointer-events-none"
data-style-id="style-2-1768143213252"
></div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[106px] h-[17px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 152 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1977992858_1573"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[5.93939_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[5.93939_/_1] pointer-events-none">
<svg
viewBox="0 0 196 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1837997287_8559"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[103px] aspect-[5.17391_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[5.17391_/_1] pointer-events-none">
<svg
viewBox="0 0 139 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1187889694_5130"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[123px] h-[18px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 208 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="217"
>
<use
href="#svg-887652390_10075"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[86px] aspect-[4.29167_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[4.29167_/_1] pointer-events-none">
<svg
viewBox="0 0 103 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg228314032_21842"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[76px] h-[29px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 76 29"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="215"
>
<use
href="#svg2090098294_2772"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[6.47368_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[6.47368_/_1] pointer-events-none">
<svg
viewBox="0 0 123 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1740865077_3976"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[115px] aspect-[7.18519_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[7.18519_/_1] pointer-events-none">
<svg
viewBox="0 0 194 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="217"
>
<use
href="#svg-1389238034_4899"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 w-[98px] aspect-[3.0625_/_1] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 w-min h-min absolute flex shrink-0 justify-center content-center items-center gap-y-[7px] gap-x-[7px] -translate-x-2/4 -translate-y-2/4 pointer-events-none left-2/4 right-auto top-[47%] bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[58px] aspect-[3.63158_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[3.63158_/_1] pointer-events-none">
<svg
viewBox="0 0 69 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg708674005_5761"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[22px] aspect-[1.33333_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[1.33333_/_1] pointer-events-none">
<svg
viewBox="0 0 24 18"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg-272698781_707"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-20 h-[35px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 1016 454"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="218"
>
<use
href="#svg-671515999_3974"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
</div>
);
}
export default Component_3_1_2;
~~~
~~~/components/Component_3_1_3.jsx
function Component_3_1_3() {
return (
<div
className="opacity-100 w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none"
data-component-id="Component_3_1_3"
>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[92px] h-[23px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 127 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg-380828512_1822"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[116px] aspect-[4.15152_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[4.15152_/_1] pointer-events-none">
<svg
viewBox="0 0 137 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg18983987_3830"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[117px] aspect-[5.82857_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[5.82857_/_1] pointer-events-none">
<svg
viewBox="0 0 204 35"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg-625703201_4665"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[65px] aspect-[1.71111_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[1.71111_/_1] pointer-events-none">
<svg
viewBox="0 0 77 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="215"
>
<use
href="#svg-666829568_5096"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[134px] h-[21px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 219 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="217"
>
<use
href="#svg-1229169379_6317"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="bg-[rgba(0,0,0,0)] [image-rendering:pixelated] opacity-100 w-[65px] h-7 relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="164"
>
<use
href="#svg11827016997"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[120px] h-[38px] min-w-[120px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[61px] aspect-[2.025_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[2.025_/_1] pointer-events-none">
<svg
viewBox="0 0 81 40"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg718564811_4016"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[180px] h-[38px] min-w-[180px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[132px] h-[18px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 226 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1761235568_6380"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[102px] h-7 relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="163"
>
<use
href="#svg8740937629"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[98px] h-[26px] absolute top-[calc(36.8421%_-_13px)] left-[calc(50%_-_49px)] z-[1] shrink-0 pointer-events-none right-auto bottom-auto"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 120 32"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="218"
>
<use
href="#svg-1585892701_11868"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[78px] aspect-[3.875_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[3.875_/_1] pointer-events-none">
<svg
viewBox="0 0 116 30"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1660909829_7021"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[72px] aspect-[3.72727_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[3.72727_/_1] pointer-events-none">
<svg
viewBox="0 0 123 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1004381476_2819"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 w-[140px] h-[26px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 absolute shrink-0 pointer-events-none inset-x-px inset-y-[3px]">
<div className="absolute pointer-events-none inset-0">
<img
width="138"
height="31"
src="https://framerusercontent.com/images/KURfJJIDBuzELNPpCnHLkKfO7bY.svg?width=138&height=31"
className="object-[center_center] w-full h-full aspect-[auto_138_/_31] block object-contain pointer-events-none"
/>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[81px] aspect-[2.17778_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[2.17778_/_1] pointer-events-none">
<svg
viewBox="0 0 98 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="215"
>
<use
href="#svg2070421458_9931"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[97px] h-[38px] relative shrink-0 bg-[100%_100%] pointer-events-none"
data-style-id="style-3-1768143213252"
></div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[106px] h-[17px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 152 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1977992858_1573"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[5.93939_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[5.93939_/_1] pointer-events-none">
<svg
viewBox="0 0 196 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1837997287_8559"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[103px] aspect-[5.17391_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[5.17391_/_1] pointer-events-none">
<svg
viewBox="0 0 139 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1187889694_5130"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[123px] h-[18px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 208 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="217"
>
<use
href="#svg-887652390_10075"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[86px] aspect-[4.29167_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[4.29167_/_1] pointer-events-none">
<svg
viewBox="0 0 103 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg228314032_21842"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[76px] h-[29px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 76 29"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="215"
>
<use
href="#svg2090098294_2772"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[6.47368_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[6.47368_/_1] pointer-events-none">
<svg
viewBox="0 0 123 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="216"
>
<use
href="#svg1740865077_3976"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[115px] aspect-[7.18519_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[7.18519_/_1] pointer-events-none">
<svg
viewBox="0 0 194 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="217"
>
<use
href="#svg-1389238034_4899"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 w-[98px] aspect-[3.0625_/_1] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 pointer-events-none">
<div className="opacity-100 w-min h-min absolute flex shrink-0 justify-center content-center items-center gap-y-[7px] gap-x-[7px] -translate-x-2/4 -translate-y-2/4 pointer-events-none left-2/4 right-auto top-[47%] bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[58px] aspect-[3.63158_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[3.63158_/_1] pointer-events-none">
<svg
viewBox="0 0 69 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg708674005_5761"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[22px] aspect-[1.33333_/_1] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full aspect-[1.33333_/_1] pointer-events-none">
<svg
viewBox="0 0 24 18"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="214"
>
<use
href="#svg-272698781_707"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 pointer-events-none">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-20 h-[35px] relative shrink-0 pointer-events-none"
>
<div className="w-full h-full pointer-events-none">
<svg
viewBox="0 0 1016 454"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden pointer-events-none"
data-svg-size="218"
>
<use
href="#svg-671515999_3974"
className="inline pointer-events-none"
></use>
</svg>
</div>
</div>
</div>
</div>
);
}
export default Component_3_1_3;
~~~
~~~/components/Component_6_1_1.jsx
function Component_6_1_1() {
return (
<a
href="https://auth.twingate.com/signup"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
data-component-id="Component_6_1_1"
>
<div className="will-change-auto opacity-100 bg-[#eef35f] absolute z-0 shrink-0 shadow-[rgba(255,255,255,0.15)_0px_2.5px_0px_-2px_inset,rgba(255,255,255,0.15)_0px_0px_0px_0.5px_inset] caret-[#0000ee] rounded-br-[100px] rounded-t-[100px] rounded-bl-[100px] inset-0"></div>
<div className="[--extracted-r6o4lv:rgb(0,0,0)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start order-2 caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,rgb(0,0,0))] leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] select-none my-0'>
Try Twingate for Free
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 order-3 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-5-1768143213252"
></div>
</div>
</div>
</a>
);
}
export default Component_6_1_1;
~~~
~~~/components/Component_6_2_1.jsx
function Component_6_2_1() {
return (
<a
href="./demo"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
data-component-id="Component_6_2_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Request a Demo
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-6-1768143213252"
></div>
</div>
</div>
</a>
);
}
export default Component_6_2_1;
~~~
~~~/components/Component_7_1_1.jsx
function Component_7_1_1() {
return (
<div
className="[transform:none] origin-[50%_50%_0px] bg-[#21223a] w-[286px] h-8 relative flex shrink-0 justify-between content-center items-center pl-3.5 pr-2 py-2 rounded-br-[24px] rounded-t-[24px] rounded-bl-[24px]"
data-component-id="Component_7_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] origin-[50%_50%_0px] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO0Jhc2lzIEdyb3Rlc3F1ZSBNb25vIFBybyBSZWd1bGFy] [--framer-font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace] [--framer-font-size:13px] [--framer-text-color:var(--extracted-r6o4lv,var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255)))] text-[#b6abff] leading-[15.6px] [font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace,system-ui,sans-serif] text-[13px] [text-wrap-mode:nowrap] caret-[#b6abff] my-0'>
Device
</p>
</div>
<div className="[--border-bottom-width:1px] [--border-color:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] [transform:none] origin-[50%_50%_0px] will-change-auto bg-[#b6abff] w-[18px] h-[18px] relative flex shrink-0 justify-start content-center items-center gap-y-2.5 gap-x-2.5 p-[3px] rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 [transform:none] origin-[50%_50%_0px] w-3 h-2.5 relative shrink-0 will-change-transform"
>
<div className="w-full h-full">
<svg
viewBox="0 0 12 10"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg1683864738_511" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
);
}
export default Component_7_1_1;
~~~
~~~/components/Component_7_1_2.jsx
function Component_7_1_2() {
return (
<div
className="[transform:none] origin-[50%_50%_0px] bg-[#21223a] w-[286px] h-8 relative flex shrink-0 justify-between content-center items-center pl-3.5 pr-2 py-2 rounded-br-[24px] rounded-t-[24px] rounded-bl-[24px]"
data-component-id="Component_7_1_2"
>
<div className="[--extracted-r6o4lv:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] origin-[50%_50%_0px] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO0Jhc2lzIEdyb3Rlc3F1ZSBNb25vIFBybyBSZWd1bGFy] [--framer-font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace] [--framer-font-size:13px] [--framer-text-color:var(--extracted-r6o4lv,var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255)))] text-[#b6abff] leading-[15.6px] [font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace,system-ui,sans-serif] text-[13px] [text-wrap-mode:nowrap] caret-[#b6abff] my-0'>
User
</p>
</div>
<div className="[--border-bottom-width:1px] [--border-color:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] [transform:none] origin-[50%_50%_0px] will-change-auto bg-[#b5aafe] w-[18px] h-[18px] relative flex shrink-0 justify-start content-center items-center gap-y-2.5 gap-x-2.5 p-[3px] rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black [transform:none] origin-[50%_50%_0px] w-3 h-2.5 relative shrink-0 opacity-[0.988876] will-change-transform"
>
<div className="w-full h-full">
<svg
viewBox="0 0 12 10"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg1683864738_511" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
);
}
export default Component_7_1_2;
~~~
~~~/components/Component_7_1_3.jsx
function Component_7_1_3() {
return (
<div
className="[transform:none] origin-[50%_50%_0px] bg-[#21223a] w-[286px] h-8 relative flex shrink-0 justify-between content-center items-center pl-3.5 pr-2 py-2 rounded-br-[24px] rounded-t-[24px] rounded-bl-[24px]"
data-component-id="Component_7_1_3"
>
<div className="[--extracted-r6o4lv:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] origin-[50%_50%_0px] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO0Jhc2lzIEdyb3Rlc3F1ZSBNb25vIFBybyBSZWd1bGFy] [--framer-font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace] [--framer-font-size:13px] [--framer-text-color:var(--extracted-r6o4lv,var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255)))] text-[#b6abff] leading-[15.6px] [font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace,system-ui,sans-serif] text-[13px] [text-wrap-mode:nowrap] caret-[#b6abff] my-0'>
Resource
</p>
</div>
<div className="[--border-bottom-width:1px] [--border-color:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] [transform:none] origin-[50%_50%_0px] will-change-auto bg-[#b3a8fb] w-[18px] h-[18px] relative flex shrink-0 justify-start content-center items-center gap-y-2.5 gap-x-2.5 p-[3px] rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black [transform:none] origin-[50%_50%_0px] w-3 h-2.5 relative shrink-0 opacity-[0.968357] will-change-transform"
>
<div className="w-full h-full">
<svg
viewBox="0 0 12 10"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg1683864738_511" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
);
}
export default Component_7_1_3;
~~~
~~~/components/Component_7_1_4.jsx
function Component_7_1_4() {
return (
<div
className="[transform:none] origin-[50%_50%_0px] bg-[#21223a] w-[286px] h-8 relative flex shrink-0 justify-between content-center items-center pl-3.5 pr-2 py-2 rounded-br-[24px] rounded-t-[24px] rounded-bl-[24px]"
data-component-id="Component_7_1_4"
>
<div className="[--extracted-r6o4lv:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] origin-[50%_50%_0px] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO0Jhc2lzIEdyb3Rlc3F1ZSBNb25vIFBybyBSZWd1bGFy] [--framer-font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace] [--framer-font-size:13px] [--framer-text-color:var(--extracted-r6o4lv,var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255)))] text-[#b6abff] leading-[15.6px] [font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace,system-ui,sans-serif] text-[13px] [text-wrap-mode:nowrap] caret-[#b6abff] my-0'>
Context
</p>
</div>
<div className="[--border-bottom-width:1px] [--border-color:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] [transform:none] origin-[50%_50%_0px] will-change-auto bg-[#aea3f3] w-[18px] h-[18px] relative flex shrink-0 justify-start content-center items-center gap-y-2.5 gap-x-2.5 p-[3px] rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black [transform:none] origin-[50%_50%_0px] w-3 h-2.5 relative shrink-0 opacity-[0.909792] will-change-transform"
>
<div className="w-full h-full">
<svg
viewBox="0 0 12 10"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg1683864738_511" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
);
}
export default Component_7_1_4;
~~~
~~~/components/Component_7_3_1.jsx
function Component_7_3_1() {
return (
<div
className="[transform:none] origin-[50%_50%_0px] opacity-100 w-min h-min relative flex flex-col justify-center content-center items-center gap-y-5 gap-x-5"
data-component-id="Component_7_3_1"
>
<div className="[--extracted-r6o4lv:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] origin-[50%_50%_0px] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO0Jhc2lzIEdyb3Rlc3F1ZSBNb25vIFBybyBSZWd1bGFy] [--framer-font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace] [--framer-font-size:21px] [--framer-text-alignment:center] [--framer-text-color:var(--extracted-r6o4lv,var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255)))] text-[#b6abff] leading-[25.2px] [font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace,system-ui,sans-serif] text-[21px] text-center [text-wrap-mode:nowrap] caret-[#b6abff] my-0'>
Zero Trust with No Boundaries
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-3f8e0110-e6bf-44dd-b47f-9ff8ecf01b7f,rgb(238,243,95))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] origin-[50%_50%_0px] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO0Jhc2lzIEdyb3Rlc3F1ZSBNb25vIFBybyBSZWd1bGFy] [--framer-font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace] [--framer-font-size:21px] [--framer-text-alignment:center] [--framer-text-color:var(--extracted-r6o4lv,var(--token-3f8e0110-e6bf-44dd-b47f-9ff8ecf01b7f,rgb(238,243,95)))] text-[#eef35f] leading-[25.2px] [font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace,system-ui,sans-serif] text-[21px] text-center [text-wrap-mode:nowrap] caret-[#eef35f] my-0'>
Protect Every Click
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-2bb3d2e7-6d68-4c74-8042-6cbb6412c976,rgb(0,203,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] origin-[50%_50%_0px] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO0Jhc2lzIEdyb3Rlc3F1ZSBNb25vIFBybyBSZWd1bGFy] [--framer-font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace] [--framer-font-size:21px] [--framer-text-alignment:center] [--framer-text-color:var(--extracted-r6o4lv,var(--token-2bb3d2e7-6d68-4c74-8042-6cbb6412c976,rgb(0,203,170)))] text-[#00cbaa] leading-[25.2px] [font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace,system-ui,sans-serif] text-[21px] text-center [text-wrap-mode:nowrap] caret-[#00cbaa] my-0'>
Democratize Privileged Access
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] origin-[50%_50%_0px] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO0Jhc2lzIEdyb3Rlc3F1ZSBNb25vIFBybyBSZWd1bGFy] [--framer-font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace] [--framer-font-size:21px] [--framer-text-alignment:center] [--framer-text-color:var(--extracted-r6o4lv,var(--token-c56a32ea-f83e-43cf-bff1-5cd87f6fecfe,rgb(182,171,255)))] text-[#b6abff] leading-[25.2px] [font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace,system-ui,sans-serif] text-[21px] text-center [text-wrap-mode:nowrap] caret-[#b6abff] my-0'>
Zero Trust with No Boundaries
</p>
</div>
</div>
);
}
export default Component_7_3_1;
~~~
~~~/components/Component_11_1_1.jsx
function Component_11_1_1() {
return (
<li
aria-hidden="true"
className="list-outside"
data-component-id="Component_11_1_1"
>
<div className="opacity-100 w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[92px] h-[23px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 127 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg-380828512_1822" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[116px] aspect-[4.15152_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[4.15152_/_1]">
<svg
viewBox="0 0 137 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg18983987_3830" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[117px] aspect-[5.82857_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[5.82857_/_1]">
<svg
viewBox="0 0 204 35"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg-625703201_4665" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[65px] aspect-[1.71111_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[1.71111_/_1]">
<svg
viewBox="0 0 77 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg-666829568_5096" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[134px] h-[21px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 219 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="177"
>
<use href="#svg-1229169379_6317" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="bg-[rgba(0,0,0,0)] [image-rendering:pixelated] opacity-100 w-[65px] h-7 relative shrink-0"
>
<div className="w-full h-full">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="124"
>
<use href="#svg11827016997" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[120px] h-[38px] min-w-[120px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[61px] aspect-[2.025_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[2.025_/_1]">
<svg
viewBox="0 0 81 40"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg718564811_4016" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[180px] h-[38px] min-w-[180px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[132px] h-[18px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 226 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1761235568_6380" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[102px] h-7 relative shrink-0"
>
<div className="w-full h-full">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="123"
>
<use href="#svg8740937629" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[98px] h-[26px] absolute top-[calc(36.8421%_-_13px)] left-[calc(50%_-_49px)] z-[1] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 120 32"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="178"
>
<use href="#svg-1585892701_11868" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[78px] aspect-[3.875_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[3.875_/_1]">
<svg
viewBox="0 0 116 30"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1660909829_7021" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[72px] aspect-[3.72727_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[3.72727_/_1]">
<svg
viewBox="0 0 123 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1004381476_2819" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="opacity-100 w-[140px] h-[26px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div className="opacity-100 absolute shrink-0 inset-x-px inset-y-[3px]">
<div className="absolute inset-0">
<img
width="138"
height="31"
src="https://framerusercontent.com/images/KURfJJIDBuzELNPpCnHLkKfO7bY.svg?width=138&height=31"
className="object-[center_center] w-full h-full aspect-[auto_138_/_31] block object-contain"
/>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[81px] aspect-[2.17778_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[2.17778_/_1]">
<svg
viewBox="0 0 98 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg2070421458_9931" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[97px] h-[38px] relative shrink-0 bg-[100%_100%]"
data-style-id="style-13-1768143213253"
></div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[106px] h-[17px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 152 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1977992858_1573" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[5.93939_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[5.93939_/_1]">
<svg
viewBox="0 0 196 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1837997287_8559" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[103px] aspect-[5.17391_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[5.17391_/_1]">
<svg
viewBox="0 0 139 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1187889694_5130" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[123px] h-[18px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 208 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="177"
>
<use href="#svg-887652390_10075" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[86px] aspect-[4.29167_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[4.29167_/_1]">
<svg
viewBox="0 0 103 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg228314032_21842" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[76px] h-[29px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 76 29"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg2090098294_2772" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[6.47368_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[6.47368_/_1]">
<svg
viewBox="0 0 123 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1740865077_3976" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[115px] aspect-[7.18519_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[7.18519_/_1]">
<svg
viewBox="0 0 194 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="177"
>
<use href="#svg-1389238034_4899" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="opacity-100 w-[98px] aspect-[3.0625_/_1] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div className="opacity-100 w-min h-min absolute flex shrink-0 justify-center content-center items-center gap-y-[7px] gap-x-[7px] -translate-x-2/4 -translate-y-2/4 left-2/4 right-auto top-[47%] bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[58px] aspect-[3.63158_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[3.63158_/_1]">
<svg
viewBox="0 0 69 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg708674005_5761" className="inline"></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[22px] aspect-[1.33333_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[1.33333_/_1]">
<svg
viewBox="0 0 24 18"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg-272698781_707" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-20 h-[35px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 1016 454"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="178"
>
<use href="#svg-671515999_3974" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
</li>
);
}
export default Component_11_1_1;
~~~
~~~/components/Component_11_1_2.jsx
function Component_11_1_2() {
return (
<li
aria-hidden="true"
className="list-outside"
data-component-id="Component_11_1_2"
>
<div className="opacity-100 w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[92px] h-[23px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 127 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg-380828512_1822" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[116px] aspect-[4.15152_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[4.15152_/_1]">
<svg
viewBox="0 0 137 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg18983987_3830" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[117px] aspect-[5.82857_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[5.82857_/_1]">
<svg
viewBox="0 0 204 35"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg-625703201_4665" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[65px] aspect-[1.71111_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[1.71111_/_1]">
<svg
viewBox="0 0 77 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg-666829568_5096" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[134px] h-[21px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 219 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="177"
>
<use href="#svg-1229169379_6317" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="bg-[rgba(0,0,0,0)] [image-rendering:pixelated] opacity-100 w-[65px] h-7 relative shrink-0"
>
<div className="w-full h-full">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="124"
>
<use href="#svg11827016997" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[120px] h-[38px] min-w-[120px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[61px] aspect-[2.025_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[2.025_/_1]">
<svg
viewBox="0 0 81 40"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg718564811_4016" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[180px] h-[38px] min-w-[180px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[132px] h-[18px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 226 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1761235568_6380" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[102px] h-7 relative shrink-0"
>
<div className="w-full h-full">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="123"
>
<use href="#svg8740937629" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[98px] h-[26px] absolute top-[calc(36.8421%_-_13px)] left-[calc(50%_-_49px)] z-[1] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 120 32"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="178"
>
<use href="#svg-1585892701_11868" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[78px] aspect-[3.875_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[3.875_/_1]">
<svg
viewBox="0 0 116 30"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1660909829_7021" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[72px] aspect-[3.72727_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[3.72727_/_1]">
<svg
viewBox="0 0 123 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1004381476_2819" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="opacity-100 w-[140px] h-[26px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div className="opacity-100 absolute shrink-0 inset-x-px inset-y-[3px]">
<div className="absolute inset-0">
<img
width="138"
height="31"
src="https://framerusercontent.com/images/KURfJJIDBuzELNPpCnHLkKfO7bY.svg?width=138&height=31"
className="object-[center_center] w-full h-full aspect-[auto_138_/_31] block object-contain"
/>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[81px] aspect-[2.17778_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[2.17778_/_1]">
<svg
viewBox="0 0 98 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg2070421458_9931" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[97px] h-[38px] relative shrink-0 bg-[100%_100%]"
data-style-id="style-14-1768143213253"
></div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[106px] h-[17px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 152 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1977992858_1573" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[5.93939_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[5.93939_/_1]">
<svg
viewBox="0 0 196 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1837997287_8559" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[103px] aspect-[5.17391_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[5.17391_/_1]">
<svg
viewBox="0 0 139 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1187889694_5130" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[123px] h-[18px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 208 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="177"
>
<use href="#svg-887652390_10075" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[86px] aspect-[4.29167_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[4.29167_/_1]">
<svg
viewBox="0 0 103 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg228314032_21842" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[76px] h-[29px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 76 29"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg2090098294_2772" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[6.47368_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[6.47368_/_1]">
<svg
viewBox="0 0 123 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1740865077_3976" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[115px] aspect-[7.18519_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[7.18519_/_1]">
<svg
viewBox="0 0 194 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="177"
>
<use href="#svg-1389238034_4899" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="opacity-100 w-[98px] aspect-[3.0625_/_1] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div className="opacity-100 w-min h-min absolute flex shrink-0 justify-center content-center items-center gap-y-[7px] gap-x-[7px] -translate-x-2/4 -translate-y-2/4 left-2/4 right-auto top-[47%] bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[58px] aspect-[3.63158_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[3.63158_/_1]">
<svg
viewBox="0 0 69 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg708674005_5761" className="inline"></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[22px] aspect-[1.33333_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[1.33333_/_1]">
<svg
viewBox="0 0 24 18"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg-272698781_707" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-20 h-[35px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 1016 454"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="178"
>
<use href="#svg-671515999_3974" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
</li>
);
}
export default Component_11_1_2;
~~~
~~~/components/Component_11_1_3.jsx
function Component_11_1_3() {
return (
<li
aria-hidden="true"
className="list-outside"
data-component-id="Component_11_1_3"
>
<div className="opacity-100 w-min h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[92px] h-[23px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 127 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg-380828512_1822" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[116px] aspect-[4.15152_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[4.15152_/_1]">
<svg
viewBox="0 0 137 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg18983987_3830" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[117px] aspect-[5.82857_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[5.82857_/_1]">
<svg
viewBox="0 0 204 35"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg-625703201_4665" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[65px] aspect-[1.71111_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[1.71111_/_1]">
<svg
viewBox="0 0 77 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg-666829568_5096" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[134px] h-[21px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 219 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="177"
>
<use href="#svg-1229169379_6317" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="bg-[rgba(0,0,0,0)] [image-rendering:pixelated] opacity-100 w-[65px] h-7 relative shrink-0"
>
<div className="w-full h-full">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="124"
>
<use href="#svg11827016997" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[120px] h-[38px] min-w-[120px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[61px] aspect-[2.025_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[2.025_/_1]">
<svg
viewBox="0 0 81 40"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg718564811_4016" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-[180px] h-[38px] min-w-[180px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[132px] h-[18px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 226 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1761235568_6380" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[102px] h-7 relative shrink-0"
>
<div className="w-full h-full">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="123"
>
<use href="#svg8740937629" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[98px] h-[26px] absolute top-[calc(36.8421%_-_13px)] left-[calc(50%_-_49px)] z-[1] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 120 32"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="178"
>
<use href="#svg-1585892701_11868" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[78px] aspect-[3.875_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[3.875_/_1]">
<svg
viewBox="0 0 116 30"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1660909829_7021" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[72px] aspect-[3.72727_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[3.72727_/_1]">
<svg
viewBox="0 0 123 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1004381476_2819" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="opacity-100 w-[140px] h-[26px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div className="opacity-100 absolute shrink-0 inset-x-px inset-y-[3px]">
<div className="absolute inset-0">
<img
width="138"
height="31"
src="https://framerusercontent.com/images/KURfJJIDBuzELNPpCnHLkKfO7bY.svg?width=138&height=31"
className="object-[center_center] w-full h-full aspect-[auto_138_/_31] block object-contain"
/>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[81px] aspect-[2.17778_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[2.17778_/_1]">
<svg
viewBox="0 0 98 45"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg2070421458_9931" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-[97px] h-[38px] relative shrink-0 bg-[100%_100%]"
data-style-id="style-15-1768143213253"
></div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[106px] h-[17px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 152 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1977992858_1573" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[5.93939_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[5.93939_/_1]">
<svg
viewBox="0 0 196 33"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1837997287_8559" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[103px] aspect-[5.17391_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[5.17391_/_1]">
<svg
viewBox="0 0 139 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1187889694_5130" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[123px] h-[18px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 208 31"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="177"
>
<use href="#svg-887652390_10075" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[86px] aspect-[4.29167_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[4.29167_/_1]">
<svg
viewBox="0 0 103 24"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg228314032_21842" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[76px] h-[29px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 76 29"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg2090098294_2772" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[110px] aspect-[6.47368_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[6.47368_/_1]">
<svg
viewBox="0 0 123 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg1740865077_3976" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[115px] aspect-[7.18519_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[7.18519_/_1]">
<svg
viewBox="0 0 194 27"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="177"
>
<use href="#svg-1389238034_4899" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div className="opacity-100 w-[98px] aspect-[3.0625_/_1] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div className="opacity-100 w-min h-min absolute flex shrink-0 justify-center content-center items-center gap-y-[7px] gap-x-[7px] -translate-x-2/4 -translate-y-2/4 left-2/4 right-auto top-[47%] bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[58px] aspect-[3.63158_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[3.63158_/_1]">
<svg
viewBox="0 0 69 19"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg708674005_5761" className="inline"></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[22px] aspect-[1.33333_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[1.33333_/_1]">
<svg
viewBox="0 0 24 18"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg-272698781_707" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-40 h-[38px] min-w-40 relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-20 h-[35px] relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 1016 454"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="178"
>
<use href="#svg-671515999_3974" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
</li>
);
}
export default Component_11_1_3;
~~~
~~~/components/Component_13_1_1.jsx
import Component_13_1_1_1 from './Component_13_1_1_1';
function Component_13_1_1() {
return (
<div className="contents" data-component-id="Component_13_1_1">
<div className="h-5 relative shrink-0">
<Component_13_1_1_1 />
</div>
</div>
);
}
export default Component_13_1_1;
~~~
~~~/components/Component_13_2_1.jsx
import Component_13_2_1_1 from './Component_13_2_1_1';
function Component_13_2_1() {
return (
<div className="contents" data-component-id="Component_13_2_1">
<div className="h-5 relative shrink-0">
<Component_13_2_1_1 />
</div>
</div>
);
}
export default Component_13_2_1;
~~~
~~~/components/Component_13_3_1.jsx
import Component_13_3_1_1 from './Component_13_3_1_1';
function Component_13_3_1() {
return (
<div className="contents" data-component-id="Component_13_3_1">
<div className="h-5 relative shrink-0">
<Component_13_3_1_1 />
</div>
</div>
);
}
export default Component_13_3_1;
~~~
~~~/components/Component_14_1_1.jsx
function Component_14_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-4 gap-x-4"
data-component-id="Component_14_1_1"
>
<div className="opacity-100 bg-[#141617] w-14 aspect-square relative shrink-0 gap-y-0 gap-x-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="opacity-100 w-[35px] aspect-square absolute overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 -translate-x-2/4 -translate-y-2/4 left-2/4 right-auto top-2/4 bottom-auto">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] absolute flex flex-col shrink-0 justify-center -translate-x-2/4 -translate-y-2/4 left-2/4 right-auto top-2/4 bottom-auto">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:20px] [--framer-line-height:25.34px] [--framer-text-alignment:center] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[25.34px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[20px] text-center [text-wrap-mode:nowrap] caret-white my-0'>
A
</p>
</div>
</div>
</div>
<div className="opacity-100 w-px relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-center items-center self-stretch gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:17px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[25.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-white my-0'>
Autoco
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150)))] text-[#8d8d96] leading-[21px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [word-break:break-word] caret-[#8d8d96] my-0'>
autoco.twingate.com
</p>
</div>
</div>
</div>
);
}
export default Component_14_1_1;
~~~
~~~/components/Component_14_2_1.jsx
import Component_14_2_1_1 from './Component_14_2_1_1';
function Component_14_2_1() {
return (
<div
className="opacity-100 w-full h-12 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-3 gap-x-3"
data-component-id="Component_14_2_1"
>
<div className="opacity-100 w-min h-12 absolute flex flex-col shrink-0 justify-start content-center items-center gap-y-0.5 gap-x-0.5 pt-3.5 left-0 right-auto top-0 bottom-auto">
<div className="[--border-bottom-width:2px] [--border-color:rgb(161,161,170)] [--border-left-width:2px] [--border-right-width:2px] [--border-style:solid] [--border-top-width:2px] opacity-100 w-4 aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 rounded-br-[133.33px] rounded-t-[133.33px] rounded-bl-[133.33px]">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-1 h-2 absolute shrink-0 left-[7px] right-auto top-[3px] bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 4 8"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="173"
>
<use href="#svg-1444151404_207" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 bg-[#1d2023] w-0.5 h-px relative overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 gap-y-0 gap-x-0"></div>
</div>
<div className="opacity-100 w-min h-min absolute flex flex-col shrink-0 justify-center content-start items-start gap-y-1 gap-x-1 translate-x-0 -translate-y-2/4 pt-3 pb-[18px] left-7 right-auto top-2/4 bottom-auto">
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:16px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Updated 2 minutes ago
</p>
</div>
</div>
</div>
<Component_14_2_1_1 />
</div>
);
}
export default Component_14_2_1;
~~~
~~~/components/Component_14_2_2.jsx
import Component_14_2_2_1 from './Component_14_2_2_1';
import Component_14_2_2_2 from './Component_14_2_2_2';
function Component_14_2_2() {
return (
<div
className="opacity-100 w-full h-12 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-start items-start gap-y-3 gap-x-3"
data-component-id="Component_14_2_2"
>
<div className="opacity-100 w-min h-full relative flex flex-col shrink-0 justify-start content-center items-center gap-y-0.5 gap-x-0.5">
<div className="opacity-100 bg-[#1d2023] w-0.5 h-3 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0"></div>
<div className="opacity-100 bg-[#9988ff] w-4 aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 rounded-br-[133.33px] rounded-t-[133.33px] rounded-bl-[133.33px]">
<div className="opacity-100 w-4 aspect-square absolute overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 left-0 right-auto top-0 bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-2.5 h-2 absolute top-[calc(50%_-_4px)] left-[calc(50%_-_5px)] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 10 8"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="172"
>
<use href="#svg320075876_513" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
<div className="opacity-100 bg-[#1d2023] w-0.5 h-px relative overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 gap-y-0 gap-x-0"></div>
</div>
<Component_14_2_2_1 />
<Component_14_2_2_2 />
</div>
);
}
export default Component_14_2_2;
~~~
~~~/components/Component_14_2_3.jsx
import Component_14_2_3_1 from './Component_14_2_3_1';
import Component_14_2_3_2 from './Component_14_2_3_2';
function Component_14_2_3() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-start items-start gap-y-3 gap-x-3"
data-component-id="Component_14_2_3"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-4 h-12 relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 16 48"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg-862531268_1427" className="inline"></use>
</svg>
</div>
</div>
<Component_14_2_3_1 />
<Component_14_2_3_2 />
</div>
);
}
export default Component_14_2_3;
~~~
~~~/components/Component_14_2_4.jsx
import Component_14_2_4_1 from './Component_14_2_4_1';
import Component_14_2_4_2 from './Component_14_2_4_2';
function Component_14_2_4() {
return (
<div
className="opacity-100 w-full h-12 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-start items-start gap-y-3 gap-x-3"
data-component-id="Component_14_2_4"
>
<div className="opacity-100 w-min h-full relative flex flex-col shrink-0 justify-start content-center items-center gap-y-0.5 gap-x-0.5">
<div className="opacity-100 bg-[#1d2023] w-0.5 h-3 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0"></div>
<div className="opacity-100 bg-[#9988ff] w-4 aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 rounded-br-[133.33px] rounded-t-[133.33px] rounded-bl-[133.33px]">
<div className="opacity-100 w-4 aspect-square absolute overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 left-0 right-auto top-0 bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-2.5 h-2 absolute top-[calc(50%_-_4px)] left-[calc(50%_-_5px)] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 10 8"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="172"
>
<use href="#svg320075876_513" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
<div className="opacity-100 bg-[#1d2023] w-0.5 h-px relative overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 gap-y-0 gap-x-0"></div>
</div>
<Component_14_2_4_1 />
<Component_14_2_4_2 />
</div>
);
}
export default Component_14_2_4;
~~~
~~~/components/Component_14_2_5.jsx
import Component_14_2_5_1 from './Component_14_2_5_1';
import Component_14_2_5_2 from './Component_14_2_5_2';
function Component_14_2_5() {
return (
<div
className="opacity-100 w-full h-12 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-start items-start gap-y-3 gap-x-3"
data-component-id="Component_14_2_5"
>
<div className="opacity-100 w-min h-full relative flex flex-col shrink-0 justify-start content-center items-center gap-y-0.5 gap-x-0.5">
<div className="opacity-100 bg-[#1d2023] w-0.5 h-3 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0"></div>
<div className="opacity-100 bg-[#9988ff] w-4 aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 rounded-br-[133.33px] rounded-t-[133.33px] rounded-bl-[133.33px]">
<div className="opacity-100 w-4 aspect-square absolute overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 left-0 right-auto top-0 bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-2.5 h-2 absolute top-[calc(50%_-_4px)] left-[calc(50%_-_5px)] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 10 8"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="172"
>
<use href="#svg320075876_513" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
<div className="opacity-100 bg-[#1d2023] w-0.5 h-px relative overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 gap-y-0 gap-x-0"></div>
</div>
<Component_14_2_5_1 />
<Component_14_2_5_2 />
</div>
);
}
export default Component_14_2_5;
~~~
~~~/components/Component_14_2_6.jsx
import Component_14_2_6_1 from './Component_14_2_6_1';
import Component_14_2_6_2 from './Component_14_2_6_2';
function Component_14_2_6() {
return (
<div
className="opacity-100 w-full h-12 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-start items-start gap-y-3 gap-x-3"
data-component-id="Component_14_2_6"
>
<div className="opacity-100 w-min h-full relative flex flex-col shrink-0 justify-start content-center items-center gap-y-0.5 gap-x-0.5">
<div className="opacity-100 bg-[#1d2023] w-0.5 h-3 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0"></div>
<div className="opacity-100 bg-[#9988ff] w-4 aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 rounded-br-[133.33px] rounded-t-[133.33px] rounded-bl-[133.33px]">
<div className="opacity-100 w-4 aspect-square absolute overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 left-0 right-auto top-0 bottom-auto">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-2.5 h-2 absolute top-[calc(50%_-_4px)] left-[calc(50%_-_5px)] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 10 8"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="172"
>
<use href="#svg320075876_513" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
<div className="opacity-100 bg-[#1d2023] w-0.5 h-px relative overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 gap-y-0 gap-x-0"></div>
</div>
<Component_14_2_6_1 />
<Component_14_2_6_2 />
</div>
);
}
export default Component_14_2_6;
~~~
~~~/components/Component_14_2_7.jsx
import Component_14_2_7_1 from './Component_14_2_7_1';
import Component_14_2_7_2 from './Component_14_2_7_2';
function Component_14_2_7() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-start items-start gap-y-3 gap-x-3"
data-component-id="Component_14_2_7"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-4 h-12 relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 16 48"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg-862531268_1427" className="inline"></use>
</svg>
</div>
</div>
<Component_14_2_7_1 />
<Component_14_2_7_2 />
</div>
);
}
export default Component_14_2_7;
~~~
~~~/components/Component_14_2_8.jsx
function Component_14_2_8() {
return (
<div
className="opacity-100 w-full h-[49px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-[12.2639px] gap-x-[12.2639px]"
data-component-id="Component_14_2_8"
>
<div className="opacity-100 w-min h-[49px] absolute flex flex-col shrink-0 justify-start content-center items-center gap-y-[2.04398px] gap-x-[2.04398px] left-0 right-auto top-0 bottom-auto">
<div className="opacity-100 bg-[#1d2023] w-0.5 h-3 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0"></div>
<div className="[--border-bottom-width:2.043976068496704px] [--border-color:rgb(142,142,145)] [--border-left-width:2.043976068496704px] [--border-right-width:2.043976068496704px] [--border-style:solid] [--border-top-width:2.043976068496704px] opacity-100 w-4 aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 rounded-br-[136.27px] rounded-t-[136.27px] rounded-bl-[136.27px]">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-2.5 h-[3px] absolute shrink-0 left-[3px] right-auto top-[7px] bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 10 3"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="173"
>
<use href="#svg1590939716_808" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-min h-min absolute flex flex-col shrink-0 justify-center content-start items-start gap-y-[4.08795px] gap-x-[4.08795px] translate-x-0 -translate-y-2/4 pt-[12.2639px] pb-[18.3958px] left-[29px] right-auto top-[48%] bottom-auto">
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-[4.08795px] gap-x-[4.08795px]">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:18.4px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[18.4px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
To view more activity,
<span className="[--framer-text-decoration:underline] underline [text-wrap-mode:nowrap] caret-zinc-400">
generate a report
</span>
.
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_14_2_8;
~~~
~~~/components/Component_16_1_1.jsx
import Component_16_1_1_1 from './Component_16_1_1_1';
function Component_16_1_1() {
return (
<div className="contents" data-component-id="Component_16_1_1">
<div className="h-5 relative shrink-0">
<Component_16_1_1_1 />
</div>
</div>
);
}
export default Component_16_1_1;
~~~
~~~/components/Component_16_2_1.jsx
import Component_16_2_1_1 from './Component_16_2_1_1';
function Component_16_2_1() {
return (
<div className="contents" data-component-id="Component_16_2_1">
<div className="h-5 relative shrink-0">
<Component_16_2_1_1 />
</div>
</div>
);
}
export default Component_16_2_1;
~~~
~~~/components/Component_16_3_1.jsx
import Component_16_3_1_1 from './Component_16_3_1_1';
function Component_16_3_1() {
return (
<div className="contents" data-component-id="Component_16_3_1">
<div className="h-5 relative shrink-0">
<Component_16_3_1_1 />
</div>
</div>
);
}
export default Component_16_3_1;
~~~
~~~/components/Component_17_1_1.jsx
function Component_17_1_1() {
return (
<div
className="opacity-100 w-px h-min relative flex grow shrink-0 basis-0 justify-between content-center items-center"
data-component-id="Component_17_1_1"
>
<div className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-1 gap-x-1">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:17px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[25.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [text-wrap-mode:nowrap] caret-white my-0'>
Blocked Domains
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-4e595894-e11d-4a5a-84ad-32fbd3a86178,rgb(97,98,107))] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:16px] [--framer-text-color:var(--extracted-r6o4lv,var(--token-4e595894-e11d-4a5a-84ad-32fbd3a86178,rgb(97,98,107)))] text-[#61626b] leading-[16px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] [word-break:break-word] caret-[#61626b] my-0'>
Domains blocked by Security, Privacy, or manually denied.
</p>
</div>
</div>
</div>
);
}
export default Component_17_1_1;
~~~
~~~/components/Component_17_1_2.jsx
function Component_17_1_2() {
return (
<div
className="opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center px-2.5"
data-component-id="Component_17_1_2"
>
<div className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-[3.64255px] gap-x-[3.64255px]">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:14.57px] [--framer-text-alignment:right] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[14.57px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] text-right [text-wrap-mode:nowrap] caret-white my-0'>
amazon.com
</p>
</div>
</div>
<div className="opacity-100 bg-[#3a3d40] w-min h-6 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 px-2 py-1 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="[--extracted-r6o4lv:var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150))] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:12px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150)))] text-[#8d8d96] leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[#8d8d96] my-0'>
202
</p>
</div>
</div>
</div>
);
}
export default Component_17_1_2;
~~~
~~~/components/Component_17_1_3.jsx
function Component_17_1_3() {
return (
<div
className="opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center px-2.5"
data-component-id="Component_17_1_3"
>
<div className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-[3.64255px] gap-x-[3.64255px]">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:14.57px] [--framer-text-alignment:right] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[14.57px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] text-right [text-wrap-mode:nowrap] caret-white my-0'>
paypal.com
</p>
</div>
</div>
<div className="opacity-100 bg-[#3a3d40] w-min h-6 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 px-2 py-1 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="[--extracted-r6o4lv:var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150))] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:12px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150)))] text-[#8d8d96] leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[#8d8d96] my-0'>
41
</p>
</div>
</div>
</div>
);
}
export default Component_17_1_3;
~~~
~~~/components/Component_17_1_4.jsx
function Component_17_1_4() {
return (
<div
className="opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center px-2.5"
data-component-id="Component_17_1_4"
>
<div className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-[3.64255px] gap-x-[3.64255px]">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:14.57px] [--framer-text-alignment:right] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[14.57px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] text-right [text-wrap-mode:nowrap] caret-white my-0'>
facebook.com
</p>
</div>
</div>
<div className="opacity-100 bg-[#3a3d40] w-min h-6 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 px-2 py-1 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="[--extracted-r6o4lv:var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150))] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:12px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150)))] text-[#8d8d96] leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[#8d8d96] my-0'>
22
</p>
</div>
</div>
</div>
);
}
export default Component_17_1_4;
~~~
~~~/components/Component_17_1_5.jsx
function Component_17_1_5() {
return (
<div
className="opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center px-2.5"
data-component-id="Component_17_1_5"
>
<div className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-[3.64255px] gap-x-[3.64255px]">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:14.57px] [--framer-text-alignment:right] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[14.57px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] text-right [text-wrap-mode:nowrap] caret-white my-0'>
snapchat.com
</p>
</div>
</div>
<div className="opacity-100 bg-[#3a3d40] w-min h-6 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 px-2 py-1 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="[--extracted-r6o4lv:var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150))] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:12px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150)))] text-[#8d8d96] leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[#8d8d96] my-0'>
17
</p>
</div>
</div>
</div>
);
}
export default Component_17_1_5;
~~~
~~~/components/Component_17_1_6.jsx
function Component_17_1_6() {
return (
<div
className="opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center px-2.5"
data-component-id="Component_17_1_6"
>
<div className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-[3.64255px] gap-x-[3.64255px]">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:14.57px] [--framer-text-alignment:right] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[14.57px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] text-right [text-wrap-mode:nowrap] caret-white my-0'>
tiktok.com
</p>
</div>
</div>
<div className="opacity-100 bg-[#3a3d40] w-min h-6 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 px-2 py-1 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]">
<div className="[--extracted-r6o4lv:var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150))] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:12px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-d61cf5c4-f6ea-4091-b210-1e7f3b50fd3f,rgb(141,141,150)))] text-[#8d8d96] leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[#8d8d96] my-0'>
10
</p>
</div>
</div>
</div>
);
}
export default Component_17_1_6;
~~~
~~~/components/Component_17_2_1.jsx
function Component_17_2_1() {
return (
<div
className="opacity-100 w-px h-min relative flex grow shrink-0 basis-0 justify-between content-center items-center"
data-component-id="Component_17_2_1"
>
<div className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-1 gap-x-1">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:17px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[25.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [text-wrap-mode:nowrap] caret-white my-0'>
4 Security Filters Enabled
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-4e595894-e11d-4a5a-84ad-32fbd3a86178,rgb(97,98,107))] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:16px] [--framer-text-color:var(--extracted-r6o4lv,var(--token-4e595894-e11d-4a5a-84ad-32fbd3a86178,rgb(97,98,107)))] text-[#61626b] leading-[16px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] [word-break:break-word] caret-[#61626b] my-0'>
An extensive set of filtering rules to block ads, trackers, and
other risky domains in all countries.
</p>
</div>
</div>
</div>
);
}
export default Component_17_2_1;
~~~
~~~/components/Component_17_2_2.jsx
function Component_17_2_2() {
return (
<div
className="opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center px-2.5"
data-component-id="Component_17_2_2"
>
<div className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-[3.64255px] gap-x-[3.64255px]">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:14.57px] [--framer-text-alignment:right] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[14.57px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] text-right [text-wrap-mode:nowrap] caret-white my-0'>
Threat Intelligence Feeds
</p>
</div>
</div>
<div className="opacity-100 bg-white w-9 h-[22px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 rounded-br-[91.06px] rounded-t-[91.06px] rounded-bl-[91.06px]">
<div className="opacity-100 bg-[#1d2023] w-[18px] aspect-square absolute overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 shadow-[rgba(0,0,0,0.04)_0px_0px_0.910638px_0px,rgba(0,0,0,0.06)_0px_0px_1.82128px_0px,rgba(0,0,0,0.04)_0px_3.64255px_7.28511px_0px] translate-x-0 -translate-y-2/4 rounded-br-[91.06px] rounded-t-[91.06px] rounded-bl-[91.06px] left-auto right-0.5 top-2/4 bottom-auto"></div>
</div>
</div>
);
}
export default Component_17_2_2;
~~~
~~~/components/Component_17_2_3.jsx
function Component_17_2_3() {
return (
<div
className="opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center px-2.5"
data-component-id="Component_17_2_3"
>
<div className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-[3.64255px] gap-x-[3.64255px]">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:14.57px] [--framer-text-alignment:right] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[14.57px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] text-right [text-wrap-mode:nowrap] caret-white my-0'>
Cryptojacking Protection
</p>
</div>
</div>
<div className="opacity-100 bg-white w-9 h-[22px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 rounded-br-[91.06px] rounded-t-[91.06px] rounded-bl-[91.06px]">
<div className="opacity-100 bg-[#1d2023] w-[18px] aspect-square absolute overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 shadow-[rgba(0,0,0,0.04)_0px_0px_0.910638px_0px,rgba(0,0,0,0.06)_0px_0px_1.82128px_0px,rgba(0,0,0,0.04)_0px_3.64255px_7.28511px_0px] translate-x-0 -translate-y-2/4 rounded-br-[91.06px] rounded-t-[91.06px] rounded-bl-[91.06px] left-auto right-0.5 top-2/4 bottom-auto"></div>
</div>
</div>
);
}
export default Component_17_2_3;
~~~
~~~/components/Component_17_2_4.jsx
function Component_17_2_4() {
return (
<div
className="opacity-100 w-full h-12 relative flex shrink-0 justify-between content-center items-center px-2.5"
data-component-id="Component_17_2_4"
>
<div className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-[3.64255px] gap-x-[3.64255px]">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-40">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:14.57px] [--framer-text-alignment:right] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[14.57px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] text-right [text-wrap-mode:nowrap] caret-white my-0'>
Google Safe Browsing
</p>
</div>
</div>
<div className="opacity-100 bg-[rgba(255,255,255,0.2)] w-9 h-[22px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 rounded-br-[91.06px] rounded-t-[91.06px] rounded-bl-[91.06px]">
<div className="opacity-100 bg-[#1d2023] w-[18px] aspect-square absolute overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 shadow-[rgba(0,0,0,0.04)_0px_0px_0.910638px_0px,rgba(0,0,0,0.06)_0px_0px_1.82128px_0px,rgba(0,0,0,0.04)_0px_3.64255px_7.28511px_0px] translate-x-0 -translate-y-2/4 rounded-br-[91.06px] rounded-t-[91.06px] rounded-bl-[91.06px] left-auto right-4 top-2/4 bottom-auto"></div>
</div>
</div>
);
}
export default Component_17_2_4;
~~~
~~~/components/Component_17_2_5.jsx
function Component_17_2_5() {
return (
<div
className="w-full h-12 relative flex shrink-0 justify-between content-center items-center opacity-20 px-2.5"
data-component-id="Component_17_2_5"
>
<div className="opacity-100 w-px h-min relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-[3.64255px] gap-x-[3.64255px]">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-40">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:-0.01em] [--framer-line-height:14.57px] [--framer-text-alignment:right] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[14.57px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[-0.13px] text-right [text-wrap-mode:nowrap] caret-white my-0'>
Typosquatting Protection
</p>
</div>
</div>
<div className="opacity-100 bg-[rgba(255,255,255,0.2)] w-9 h-[22px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 rounded-br-[91.06px] rounded-t-[91.06px] rounded-bl-[91.06px]">
<div className="opacity-100 bg-[#1d2023] w-[18px] aspect-square absolute overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0 shadow-[rgba(0,0,0,0.04)_0px_0px_0.910638px_0px,rgba(0,0,0,0.06)_0px_0px_1.82128px_0px,rgba(0,0,0,0.04)_0px_3.64255px_7.28511px_0px] translate-x-0 -translate-y-2/4 rounded-br-[91.06px] rounded-t-[91.06px] rounded-bl-[91.06px] left-auto right-4 top-2/4 bottom-auto"></div>
</div>
</div>
);
}
export default Component_17_2_5;
~~~
~~~/components/Component_19_1_1.jsx
import Component_19_1_1_1 from './Component_19_1_1_1';
function Component_19_1_1() {
return (
<div className="contents" data-component-id="Component_19_1_1">
<div className="h-5 relative shrink-0">
<Component_19_1_1_1 />
</div>
</div>
);
}
export default Component_19_1_1;
~~~
~~~/components/Component_19_2_1.jsx
import Component_19_2_1_1 from './Component_19_2_1_1';
function Component_19_2_1() {
return (
<div className="contents" data-component-id="Component_19_2_1">
<div className="h-5 relative shrink-0">
<Component_19_2_1_1 />
</div>
</div>
);
}
export default Component_19_2_1;
~~~
~~~/components/Component_19_3_1.jsx
import Component_19_3_1_1 from './Component_19_3_1_1';
function Component_19_3_1() {
return (
<div className="contents" data-component-id="Component_19_3_1">
<div className="h-5 relative shrink-0">
<Component_19_3_1_1 />
</div>
</div>
);
}
export default Component_19_3_1;
~~~
~~~/components/Component_20_1_1.jsx
function Component_20_1_1() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:rgb(58,61,64)] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#121315] w-min h-6 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 pl-1.5 pr-2 rounded-br-[4px] rounded-t-[4px] rounded-bl-[4px]"
data-component-id="Component_20_1_1"
>
<div className="opacity-100 w-4 h-4 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 absolute shrink-0 left-[3px] right-[5px] top-[3px] bottom-2.5"
>
<div className="w-full h-full">
<svg
viewBox="0 0 8 4"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="173"
>
<use href="#svg-1467644668_379" className="inline"></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 absolute shrink-0 left-[7px] right-0.5 inset-y-1"
>
<div className="w-full h-full">
<svg
viewBox="0 0 7 9"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="173"
>
<use href="#svg-2123705041_500" className="inline"></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 absolute shrink-0 left-[3px] right-2 top-2.5 bottom-1"
>
<div className="w-full h-full">
<svg
viewBox="0 0 5 3"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="172"
>
<use href="#svg-571167376_306" className="inline"></use>
</svg>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 absolute shrink-0 left-0.5 right-2 inset-y-[5px]"
>
<div className="w-full h-full">
<svg
viewBox="0 0 7 7"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="172"
>
<use href="#svg1565636557_486" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-0.5 gap-x-0.5">
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-2 gap-x-2">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:SW50ZXItTWVkaXVt] [--framer-font-size:12px] [--framer-font-weight:500] [--framer-line-height:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[14px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] font-medium [text-wrap-mode:nowrap] caret-white my-0'>
GCP Remote Network
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_20_1_1;
~~~
~~~/components/Component_20_2_1.jsx
function Component_20_2_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-4 gap-x-4"
data-component-id="Component_20_2_1"
>
<div className="opacity-100 bg-[#1d2023] w-[72px] h-[72px] relative flex shrink-0 justify-center content-center items-center gap-y-0 gap-x-0 px-4 py-2 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="opacity-100 w-8 h-8 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[30px] h-[30px] absolute top-[calc(50%_-_15px)] left-[calc(50%_-_15px)] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 20 20"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg1728618182_8028" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-[3px] gap-x-[3px]">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:32px] [--framer-letter-spacing:-0.02em] [--framer-line-height:36px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[36px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[32px] tracking-[-0.64px] [text-wrap-mode:nowrap] caret-white my-0'>
my-cluster
</p>
</div>
<div className="opacity-100 bg-[#1d2023] w-px h-9 relative shrink-0"></div>
</div>
</div>
);
}
export default Component_20_2_1;
~~~
~~~/components/Component_20_2_2.jsx
import Component_20_2_2_1 from './Component_20_2_2_1';
function Component_20_2_2() {
return (
<div
className="opacity-100 bg-[#1d2023] w-full h-min relative flex flex-col shrink-0 justify-start content-start items-start gap-y-0 gap-x-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
data-component-id="Component_20_2_2"
>
<div className="[--border-bottom-width:0.5px] [--border-color:rgb(58,61,64)] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#121315] w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-start content-start items-start gap-y-0 gap-x-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="opacity-100 bg-[#121315] w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 px-3">
<div className="opacity-100 w-8 h-6 relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 px-1.5 rounded-br-[4px] rounded-t-[4px] rounded-bl-[4px]">
<div className="opacity-100 w-3 h-3 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[11px] h-[11px] absolute shrink-0 left-px right-auto top-px bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 11 11"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg-195265602_2304" className="inline"></use>
</svg>
</div>
</div>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-3 h-3 relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 12 12"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg2139739600_147" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 bg-[#121315] w-px h-12 relative flex grow shrink-0 basis-0 justify-start content-center items-center gap-y-1.5 gap-x-1.5 py-3">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--framer-letter-spacing:0.01em] [--framer-line-height:18px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[18px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] tracking-[0.16px] [text-wrap-mode:nowrap] caret-white my-0'>
192.168.1.0/24
</p>
</div>
</div>
<Component_20_2_2_1 />
</div>
</div>
</div>
);
}
export default Component_20_2_2;
~~~
~~~/components/Component_20_3_1.jsx
function Component_20_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-start content-start items-start gap-y-0 gap-x-0 pb-3"
data-component-id="Component_20_3_1"
>
<div className="opacity-100 w-full h-10 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-center items-center gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:SW50ZXItTWVkaXVt] [--framer-font-size:14px] [--framer-font-weight:500] [--framer-letter-spacing:-0.01em] [--framer-line-height:16px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] font-medium text-[14px] tracking-[-0.14px] [text-wrap-mode:nowrap] caret-white my-0'>
Proxy Address
</p>
</div>
<div className="opacity-100 w-px h-full relative overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 gap-y-0 gap-x-0"></div>
</div>
<div className="[--border-bottom-width:0.5px] [--border-color:rgb(58,61,64)] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#121315] w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-center items-center gap-y-2 gap-x-2 px-4 py-3 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:R0Y7Q291cmllci1yZWd1bGFy] [--framer-font-family:"Courier",monospace] [--framer-font-size:14px] [--framer-line-height:150%] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[21px] [font-family:Courier,monospace,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
pam-proxy.default.svc
</p>
</div>
</div>
</div>
);
}
export default Component_20_3_1;
~~~
~~~/components/Component_20_3_2.jsx
import Component_20_3_2_1 from './Component_20_3_2_1';
function Component_20_3_2() {
return (
<div
className="opacity-100 w-full h-10 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-center items-center gap-y-0 gap-x-0"
data-component-id="Component_20_3_2"
>
<Component_20_3_2_1 />
<div className="opacity-100 w-px h-full relative overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 gap-y-0 gap-x-0"></div>
</div>
);
}
export default Component_20_3_2;
~~~
~~~/components/Component_20_4_1.jsx
import Component_20_4_1_1 from './Component_20_4_1_1';
import Component_20_4_1_2 from './Component_20_4_1_2';
function Component_20_4_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-2 gap-x-2"
data-component-id="Component_20_4_1"
>
<Component_20_4_1_1 />
<Component_20_4_1_2 />
</div>
);
}
export default Component_20_4_1;
~~~
~~~/components/Component_20_4_2.jsx
function Component_20_4_2() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:rgb(58,61,64)] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#121315] w-min h-6 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 px-1.5 rounded-br-[4px] rounded-t-[4px] rounded-bl-[4px]"
data-component-id="Component_20_4_2"
>
<div className="opacity-100 w-3 h-3 relative shrink-0 gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-3.5 h-3.5 absolute top-[-2px] left-[-2px] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 14 14"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg1286897429_1010" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-2 gap-x-2">
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--framer-font-size:12px] [--framer-line-height:18px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[18px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-white my-0'>
Add Tag
</p>
</div>
</div>
</div>
);
}
export default Component_20_4_2;
~~~
~~~/components/Component_21_2_1.jsx
function Component_21_2_1() {
return (
<a
href="https://www.twingate.com/customers/mhc-software"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.05))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] text-[#0000ee] h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 shadow-[rgba(255,255,255,0.1)_0px_2.5px_0px_-2px_inset] caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
data-component-id="Component_21_2_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-mBmkDc5G4-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium",serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Learn more
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto -right-px bottom-auto"
data-style-id="style-34-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_21_2_1;
~~~
~~~/components/Component_22_2_1.jsx
function Component_22_2_1() {
return (
<a
href="https://www.twingate.com/docs/service-reliability"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.05))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] text-[#0000ee] h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 shadow-[rgba(255,255,255,0.1)_0px_2.5px_0px_-2px_inset] caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
data-component-id="Component_22_2_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-mBmkDc5G4-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium",serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Learn more
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto -right-px bottom-auto"
data-style-id="style-35-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_22_2_1;
~~~
~~~/components/Component_23_2_1.jsx
function Component_23_2_1() {
return (
<a
href="https://www.twingate.com/docs/twingate-performance"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.05))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[rgba(245,245,255,0.1)] text-[#0000ee] h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 shadow-[rgba(255,255,255,0.1)_0px_2.5px_0px_-2px_inset] caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
data-component-id="Component_23_2_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-mBmkDc5G4-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium",serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Learn more
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto -right-px bottom-auto"
data-style-id="style-36-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_23_2_1;
~~~
~~~/components/Component_25_1_1.jsx
import Component_25_1_1_1 from './Component_25_1_1_1';
import Component_25_1_1_2 from './Component_25_1_1_2';
function Component_25_1_1() {
return (
<div
className="opacity-100 w-full h-px relative z-[2] flex flex-col grow shrink-0 basis-0 justify-between content-start items-start caret-[#0000ee]"
data-component-id="Component_25_1_1"
>
<Component_25_1_1_1 />
<Component_25_1_1_2 />
</div>
);
}
export default Component_25_1_1;
~~~
~~~/components/Component_25_2_1.jsx
function Component_25_2_1() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#141617] w-full h-full relative flex overflow-x-hidden overflow-y-hidden justify-center content-center items-center gap-y-2.5 gap-x-2.5 shadow-[rgba(0,0,0,0.07)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.06)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.03)_0px_10px_10px_-3.75px] rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_25_2_1"
>
<div className="opacity-100 w-[120px] aspect-[1.1413_/_1] relative z-[6] shrink-0">
<div className="absolute inset-0">
<img
loading="lazy"
width="73"
height="32"
src="https://framerusercontent.com/images/VGXIY87qxQeZDcoFDIP0CUYPM.svg"
className="object-[center_center] w-full h-full aspect-[auto_73_/_32] block object-contain"
/>
</div>
</div>
<div className="absolute z-0 shrink-0 opacity-[0.66] inset-0">
<div
className="bg-repeat w-full h-full bg-[64px] opacity-10 rounded-br-none rounded-t-none rounded-bl-none"
data-style-id="style-41-1768143213254"
></div>
</div>
</div>
);
}
export default Component_25_2_1;
~~~
~~~/components/Component_25_3_1.jsx
function Component_25_3_1() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#141617] w-full h-full relative flex overflow-x-hidden overflow-y-hidden justify-center content-center items-center gap-y-2.5 gap-x-2.5 shadow-[rgba(0,0,0,0.07)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.06)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.03)_0px_10px_10px_-3.75px] rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_25_3_1"
>
<div className="opacity-100 w-[120px] aspect-[1.1413_/_1] relative z-[6] shrink-0">
<div className="absolute inset-0">
<img
loading="lazy"
width="120"
height="32"
src="https://framerusercontent.com/images/dQ672MWT4KMQN6UdaWmMbRfRPo.svg?width=120&height=32"
className="object-[center_center] w-full h-full aspect-[auto_120_/_32] block object-contain"
/>
</div>
</div>
<div className="absolute z-0 shrink-0 opacity-[0.66] inset-0">
<div
className="bg-repeat w-full h-full bg-[64px] opacity-10 rounded-br-none rounded-t-none rounded-bl-none"
data-style-id="style-42-1768143213254"
></div>
</div>
</div>
);
}
export default Component_25_3_1;
~~~
~~~/components/Component_26_1_1.jsx
function Component_26_1_1() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#141617] w-full h-full relative flex overflow-x-hidden overflow-y-hidden justify-center content-center items-center gap-y-2.5 gap-x-2.5 shadow-[rgba(0,0,0,0.07)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.06)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.03)_0px_10px_10px_-3.75px] rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_26_1_1"
>
<div className="opacity-100 w-[120px] aspect-[1.1413_/_1] relative z-[6] shrink-0">
<div className="absolute inset-0">
<img
loading="lazy"
width="379"
height="108"
src="https://framerusercontent.com/images/RfTGgbOThxOPS1aYKop2RL4Vf8.png?width=379&height=108"
className="object-[center_center] w-full h-full aspect-[auto_379_/_108] block object-contain"
/>
</div>
</div>
<div className="absolute z-0 shrink-0 opacity-[0.66] inset-0">
<div
className="bg-repeat w-full h-full bg-[64px] opacity-10 rounded-br-none rounded-t-none rounded-bl-none"
data-style-id="style-43-1768143213254"
></div>
</div>
</div>
);
}
export default Component_26_1_1;
~~~
~~~/components/Component_26_2_1.jsx
function Component_26_2_1() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#141617] w-full h-full relative flex overflow-x-hidden overflow-y-hidden justify-center content-center items-center gap-y-2.5 gap-x-2.5 shadow-[rgba(0,0,0,0.07)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.06)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.03)_0px_10px_10px_-3.75px] rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_26_2_1"
>
<div className="opacity-100 w-[120px] aspect-[1.1413_/_1] relative z-[6] shrink-0">
<div className="absolute inset-0">
<img
loading="lazy"
width="133"
height="32"
src="https://framerusercontent.com/images/SSfn5NFA8TKfkeznXUUozayxam8.svg?width=133&height=32"
className="object-[center_center] w-full h-full aspect-[auto_133_/_32] block object-contain"
/>
</div>
</div>
<div className="absolute z-0 shrink-0 opacity-[0.66] inset-0">
<div
className="bg-repeat w-full h-full bg-[64px] opacity-10 rounded-br-none rounded-t-none rounded-bl-none"
data-style-id="style-44-1768143213254"
></div>
</div>
</div>
);
}
export default Component_26_2_1;
~~~
~~~/components/Component_26_3_1.jsx
import Component_26_3_1_1 from './Component_26_3_1_1';
import Component_26_3_1_2 from './Component_26_3_1_2';
function Component_26_3_1() {
return (
<div
className="opacity-100 w-full h-px relative z-[2] flex flex-col grow shrink-0 basis-0 justify-between content-start items-start caret-[#0000ee]"
data-component-id="Component_26_3_1"
>
<Component_26_3_1_1 />
<Component_26_3_1_2 />
</div>
);
}
export default Component_26_3_1;
~~~
~~~/components/Component_27_1_1.jsx
import Component_27_1_1_1 from './Component_27_1_1_1';
import Component_27_1_1_2 from './Component_27_1_1_2';
function Component_27_1_1() {
return (
<div
className="opacity-100 w-full h-px relative z-[2] flex flex-col grow shrink-0 basis-0 justify-between content-start items-start caret-[#0000ee]"
data-component-id="Component_27_1_1"
>
<Component_27_1_1_1 />
<Component_27_1_1_2 />
</div>
);
}
export default Component_27_1_1;
~~~
~~~/components/Component_27_2_1.jsx
import Component_27_2_1_1 from './Component_27_2_1_1';
function Component_27_2_1() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#141617] w-full h-full relative flex overflow-x-hidden overflow-y-hidden justify-center content-center items-center gap-y-2.5 gap-x-2.5 shadow-[rgba(0,0,0,0.07)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.06)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.03)_0px_10px_10px_-3.75px] rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_27_2_1"
>
<div
name="A"
className="opacity-100 w-[228px] aspect-[1.14_/_1] relative shrink-0"
>
<Component_27_2_1_1 />
</div>
<div className="absolute z-[2] shrink-0 opacity-[0.66] inset-0">
<div
className="bg-repeat w-full h-full bg-[64px] opacity-10 rounded-br-none rounded-t-none rounded-bl-none"
data-style-id="style-45-1768143213254"
></div>
</div>
</div>
);
}
export default Component_27_2_1;
~~~
~~~/components/Component_27_3_1.jsx
function Component_27_3_1() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:var(--token-2b080329-29ba-481c-ac92-832881069b36,rgba(255,255,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#141617] w-full h-full relative flex overflow-x-hidden overflow-y-hidden justify-center content-center items-center gap-y-2.5 gap-x-2.5 shadow-[rgba(0,0,0,0.07)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.06)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.03)_0px_10px_10px_-3.75px] rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_27_3_1"
>
<div className="opacity-100 w-[120px] aspect-[1.1413_/_1] relative z-[6] shrink-0">
<div className="absolute inset-0">
<img
loading="lazy"
width="62"
height="34"
src="https://framerusercontent.com/images/qzF26DKlmrcI1sdNy25N79u8k.svg?width=62&height=34"
className="object-[center_center] w-full h-full aspect-[auto_62_/_34] block object-contain"
/>
</div>
</div>
<div className="absolute z-0 shrink-0 opacity-[0.66] inset-0">
<div
className="bg-repeat w-full h-full bg-[64px] opacity-10 rounded-br-none rounded-t-none rounded-bl-none"
data-style-id="style-46-1768143213254"
></div>
</div>
</div>
);
}
export default Component_27_3_1;
~~~
~~~/components/Component_28_1_1.jsx
function Component_28_1_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-6 gap-x-6 caret-[#0000ee]"
data-component-id="Component_28_1_1"
>
<div className="[--extracted-1of0zx5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-paragraph-spacing:0px] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-[79px] h-[77px] relative flex flex-col shrink-0 justify-center caret-[#0000ee]">
<h2 className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIExpZ2h0] [--framer-font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif] [--framer-font-size:54px] [--framer-letter-spacing:-0.5px] [--framer-text-alignment:center] [--framer-text-color:var(--extracted-1of0zx5,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[64.8px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[54px] tracking-[-0.5px] text-center [word-break:break-word] caret-white my-0'>
4.9
</h2>
</div>
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0.5 gap-x-0.5 caret-[#0000ee]">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[120px] aspect-[6_/_1] relative shrink-0"
>
<div className="w-full h-full aspect-[6_/_1]">
<svg
viewBox="0 0 180 30"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="175"
>
<use href="#svg646840538_1035" className="inline"></use>
</svg>
</div>
</div>
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO0Jhc2lzIEdyb3Rlc3F1ZSBNb25vIFBybyBSZWd1bGFy] [--framer-font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace] [--framer-font-size:13px] [--framer-line-height:160%] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[20.8px] [font-family:"Basis_Grotesque_Mono_Pro_Regular","Basis_Grotesque_Mono_Pro_Regular_Placeholder",monospace,system-ui,sans-serif] text-[13px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Based on 50+ G2 reviews
</p>
</div>
</div>
</div>
);
}
export default Component_28_1_1;
~~~
~~~/components/Component_29_100.jsx
import Component_29_100_1 from './Component_29_100_1';
function Component_29_100() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_100"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_100_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_100;
~~~
~~~/components/Component_29_101.jsx
import Component_29_101_1 from './Component_29_101_1';
function Component_29_101() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_101"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_101_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_101;
~~~
~~~/components/Component_29_102.jsx
import Component_29_102_1 from './Component_29_102_1';
function Component_29_102() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_102"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_102_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Twingate had faster speeds than any other solution we evaluated.
They make zero trust easy and our users are loving the
experience.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_102;
~~~
~~~/components/Component_29_103.jsx
import Component_29_103_1 from './Component_29_103_1';
function Component_29_103() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_103"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_103_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_103;
~~~
~~~/components/Component_29_104.jsx
import Component_29_104_1 from './Component_29_104_1';
function Component_29_104() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_104"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_104_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Our old VPN was giving us serious issues and causing flaky Zoom
calls with everyone working remotely. It drove me and my team
crazy. Twingate couldn't come soon enough.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_104;
~~~
~~~/components/Component_29_105.jsx
import Component_29_105_1 from './Component_29_105_1';
function Component_29_105() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_105"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_105_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_105;
~~~
~~~/components/Component_29_106.jsx
import Component_29_106_1 from './Component_29_106_1';
function Component_29_106() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_106"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_106_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We've invested heavily in automation at Blend and Twingate is a
powerful platform that allows us to programmatically deploy and
maintain a zero trust approach to our infrastructure.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_106;
~~~
~~~/components/Component_29_107.jsx
import Component_29_107_1 from './Component_29_107_1';
function Component_29_107() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_107"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_107_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Twingate had faster speeds than any other solution we evaluated.
They make zero trust easy and our users are loving the
experience.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_107;
~~~
~~~/components/Component_29_108.jsx
import Component_29_108_1 from './Component_29_108_1';
function Component_29_108() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_108"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_108_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_108;
~~~
~~~/components/Component_29_109.jsx
import Component_29_109_1 from './Component_29_109_1';
function Component_29_109() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_109"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_109_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Our old VPN was giving us serious issues and causing flaky Zoom
calls with everyone working remotely. It drove me and my team
crazy. Twingate couldn't come soon enough.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_109;
~~~
~~~/components/Component_29_110.jsx
import Component_29_110_1 from './Component_29_110_1';
function Component_29_110() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_110"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_110_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_110;
~~~
~~~/components/Component_29_111.jsx
import Component_29_111_1 from './Component_29_111_1';
function Component_29_111() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_111"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_111_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We've invested heavily in automation at Blend and Twingate is a
powerful platform that allows us to programmatically deploy and
maintain a zero trust approach to our infrastructure.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_111;
~~~
~~~/components/Component_29_112.jsx
import Component_29_112_1 from './Component_29_112_1';
function Component_29_112() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_112"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_112_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Twingate had faster speeds than any other solution we evaluated.
They make zero trust easy and our users are loving the
experience.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_112;
~~~
~~~/components/Component_29_113.jsx
import Component_29_113_1 from './Component_29_113_1';
function Component_29_113() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_113"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_113_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_113;
~~~
~~~/components/Component_29_114.jsx
import Component_29_114_1 from './Component_29_114_1';
function Component_29_114() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_114"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_114_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Our old VPN was giving us serious issues and causing flaky Zoom
calls with everyone working remotely. It drove me and my team
crazy. Twingate couldn't come soon enough.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_114;
~~~
~~~/components/Component_29_115.jsx
import Component_29_115_1 from './Component_29_115_1';
function Component_29_115() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_115"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_115_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_115;
~~~
~~~/components/Component_29_116.jsx
import Component_29_116_1 from './Component_29_116_1';
function Component_29_116() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_116"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_116_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We've invested heavily in automation at Blend and Twingate is a
powerful platform that allows us to programmatically deploy and
maintain a zero trust approach to our infrastructure.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_116;
~~~
~~~/components/Component_29_117.jsx
import Component_29_117_1 from './Component_29_117_1';
function Component_29_117() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_117"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_117_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Twingate had faster speeds than any other solution we evaluated.
They make zero trust easy and our users are loving the
experience.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_117;
~~~
~~~/components/Component_29_118.jsx
import Component_29_118_1 from './Component_29_118_1';
function Component_29_118() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_118"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_118_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We got set up in literally 30 minutes and Twingate has easily
scaled to manage our most complex workflows. Even our engineers
love it - and that's a high bar.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_118;
~~~
~~~/components/Component_29_119.jsx
import Component_29_119_1 from './Component_29_119_1';
function Component_29_119() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_119"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_119_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“Our old VPN was giving us serious issues and causing flaky Zoom
calls with everyone working remotely. It drove me and my team
crazy. Twingate couldn't come soon enough.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_119;
~~~
~~~/components/Component_29_120.jsx
import Component_29_120_1 from './Component_29_120_1';
function Component_29_120() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_120"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_120_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We evaluated several competing vendors for zero trust and
Twingate was clearly the easiest to deploy. We got Twingate up in
minutes.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_120;
~~~
~~~/components/Component_29_121.jsx
import Component_29_121_1 from './Component_29_121_1';
function Component_29_121() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(255,255,255,0.1))] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 bg-[#1d2023] w-[352px] h-min relative flex flex-col flex-wrap shrink-0 justify-start content-center items-center gap-y-10 gap-x-10 p-5 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_29_121"
>
<div className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden flex-col shrink-0 justify-center content-center items-center gap-y-5 gap-x-5">
<Component_29_121_1 />
<div className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5">
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
“We've invested heavily in automation at Blend and Twingate is a
powerful platform that allows us to programmatically deploy and
maintain a zero trust approach to our infrastructure.”
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_121;
~~~
~~~/components/Component_29_1_1.jsx
function Component_29_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_1_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/nvwx0nd05FhnTEZkApiTr1t8Og.jpg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Bob Bousquet
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Director of IT
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_1_1;
~~~
~~~/components/Component_29_2_1.jsx
function Component_29_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_2_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/G0IPaW468SyIkNjzdZnAaxOB60s.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_2_1;
~~~
~~~/components/Component_29_3_1.jsx
function Component_29_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_3_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/TFpjkv97YRB6prq7cnJA89Vbaj0.jpg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Emery Wells
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_3_1;
~~~
~~~/components/Component_29_4_1.jsx
function Component_29_4_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_4_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/4rKrAgzNhBUe8ZnSUcZq4W9YAik.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_4_1;
~~~
~~~/components/Component_29_5_1.jsx
function Component_29_5_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_5_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="351"
height="430"
src="https://framerusercontent.com/images/qVdMhP3ElJirSWlNbyHEamS9JpM.jpg?width=351&height=430"
className="object-[center_center] w-full h-full aspect-[auto_351_/_430] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Paul Guthrie
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Information Security Officer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_5_1;
~~~
~~~/components/Component_29_6_1.jsx
function Component_29_6_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_6_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/nvwx0nd05FhnTEZkApiTr1t8Og.jpg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Bob Bousquet
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Director of IT
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_6_1;
~~~
~~~/components/Component_29_7_1.jsx
function Component_29_7_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_7_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/G0IPaW468SyIkNjzdZnAaxOB60s.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_7_1;
~~~
~~~/components/Component_29_8_1.jsx
function Component_29_8_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_8_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/TFpjkv97YRB6prq7cnJA89Vbaj0.jpg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Emery Wells
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_8_1;
~~~
~~~/components/Component_29_9_1.jsx
function Component_29_9_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_9_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/4rKrAgzNhBUe8ZnSUcZq4W9YAik.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_9_1;
~~~
~~~/components/Component_32_4_1.jsx
function Component_32_4_1() {
return (
<pre
className="[font-family:monospace,system-ui,sans-serif] m-0"
data-component-id="Component_32_4_1"
>
<code className='bg-none [word-spacing:normal] break-normal [overflow-wrap:normal] text-[#999999] leading-normal [font-family:"Basis_Grotesque_Mono_Pro_Medium",Menlo,monospace,system-ui,sans-serif] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] text-[13px] [white-space-collapse:preserve] [text-wrap-mode:nowrap] block overflow-x-hidden overflow-y-hidden caret-[#999999] m-0 p-4 rounded-br-none rounded-t-none rounded-bl-none'>
provider
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"twingate"
</span>
{'{"{\'{\\\\n api_token =\'}"}'}
<span className="text-[#cccccc] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#cccccc]">
var
</span>
.
<span className="[font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#999999]">
tg_api_key
</span>
<span className="text-[#cccccc] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#cccccc]">
network
</span>
<span className="text-[#cccccc] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#cccccc]">
=
</span>
<span className="text-[#cccccc] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#cccccc]">
var
</span>
{'{"{\'.tg_network\\\\n}\\\\n\\\\nresource\'}"}'}
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"twingate_remote_network"
</span>
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"data_network"
</span>
{'{"{\'{\\\\n name =\'}"}'}
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"data-engineering"
</span>
{'{"{\'}\\\\n\\\\nresource\'}"}'}
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"twingate_groups"
</span>
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"devops"
</span>
{'{"{\'{\\\\n name =\'}"}'}
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"DevOps"
</span>
{'{"{\'}\\\\n\\\\nresource\'}"}'}
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"twingate_resource"
</span>
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"resource"
</span>
{'{"{\'{\\\\n name =\'}"}'}
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"Prod Cluster"
</span>
address =
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"prod.ops.int"
</span>
remote_network_id = twingate_remote_network.data_network.
<span className="[font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#999999]">
id
</span>
<span className="text-[#cccccc] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#cccccc]">
protocols
</span>
<span className="text-[#cccccc] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#cccccc]">
=
</span>
{'{"{\'{\\\\n allow_icmp =\'}"}'}
<span className="[font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#999999]">
true
</span>
<span className="text-[#cccccc] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#cccccc]">
tcp
</span>
<span className="text-[#cccccc] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#cccccc]">
=
</span>
{'{"{\'{ policy =\'}"}'}
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"RESTRICTED"
</span>
, ports = [
<span className="text-[#666666] [font-variant-ligatures:none] [font-variant-caps:normal] normal-nums [font-variant-east-asian:normal] [font-variant-alternates:normal] [font-variant-position:normal] [font-variant-emoji:normal] [text-wrap-mode:nowrap] caret-[#666666]">
"443"
</span>
{
'{\n "{\\n \'] }\\\\n }\\\\n access_group { group_id = twingate_group.devops.id }\\\\n}\'\\n }"\n }'
}
</code>
</pre>
);
}
export default Component_32_4_1;
~~~
~~~/components/Component_35_1_1.jsx
function Component_35_1_1() {
return (
<a
name="Int – EDR – CrowdStrike"
href="./integrations/crowdstrike"
className="bg-[rgba(0,0,0,0)] opacity-100 will-change-auto text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_1_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1872"
>
<path
fillRule="evenodd"
d="M10.796 12.278c-.324-.883-.883-2.002-3.589-3.679-.157-.1-.322-.202-.496-.31C5.41 7.482 3.644 6.387 1.4 4c.18.721.992 2.615 5.032 5.086.37.244.769.463 1.181.688 1.078.589 2.244 1.226 3.183 2.504Zm10.48 3.84c.001-.265.003-.418-1.101-.521 0 0 .613.198 1.1.559v-.037ZM4.718 4.56c1.533 1.858 3.516 3.643 8.494 5.068 6.175 1.708 5.783 2.662 5.339 3.743l-.018.044c-.313.766.028.877.198.932l.018.006c.154.055.355.114.578.18.95.277 2.302.674 2.2 1.39.252.252 1.154 1.226.775 1.893-.13-.21-.45-.557-.903-.915a4.007 4.007 0 0 0-1.892.356c-1.028.487-1.443.505-1.948.45.144.253.45.596 1.389.668.937.054 1.406.09.901 1.19.018-.324-.072-.973-1.01-.865-.938.108-1.154.902-.144 1.28-.325.054-1.028.09-1.515-1.1l-.043.018c-.343.147-.863.369-1.797-.288.343.108.758.126.758.126-.848-.379-1.677-1.082-2.182-1.75.414.289.865.578 1.334.632-.54-.614-1.803-1.858-3.354-3.12.12.071.242.149.37.228.925.58 2.065 1.296 3.778 1.106.213-.023.42-.05.62-.074.745-.094 1.418-.178 2.137-.1a4.504 4.504 0 0 0-.142-.024c-.684-.109-1.346-.09-1.977-.072-1.05.03-2.019.058-2.875-.505-1.159-.82-1.348-1.13-2.485-2.984l-.04-.064a8.721 8.721 0 0 1-.302-.557c-.346-.676-.715-1.397-2.114-2.527a32.187 32.187 0 0 0-1.134-.865c-1.325-.979-2.462-1.82-3.013-3.5Zm8.837 12.138-.114-.042c-1.22-.452-1.523-.564-3.168-.914-1.678-.379-3.337-1.136-4.455-2.345.775.505 2.38 1.497 4.022 1.39-.253-.325-.704-.56-1.263-.812.613.126 2.49.54 4.978 2.723ZM7.37 10.89c2.47 1.352 3.12 2.308 3.427 3.047-.902-1.106-2.063-1.665-2.996-2.113a12.912 12.912 0 0 1-.81-.412C3.474 9.52 2.663 8.005 2.501 7.318c1.634 1.769 3.423 2.765 4.596 3.419l.273.152Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
CrowdStrike
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_1_1;
~~~
~~~/components/Component_35_2_1.jsx
function Component_35_2_1() {
return (
<a
name="Int – EDR – Intune"
href="./integrations/microsoft-intune"
className="bg-[rgba(0,0,0,0)] opacity-100 will-change-auto text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_2_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="903"
>
<path
fillRule="evenodd"
d="M17.804 13.516H3.03V5.12h13.601v3.148h1.173V4.654c0-.35-.352-.7-.704-.7H2.561c-.351 0-.703.35-.703.7v9.328c0 .35.352.7.703.7h5.746c.003.218.004.417-.002.597-.049 1.158-.42 1.558-2.776 1.612-.194.004-.401.006-.622.006v.933h9.848v-.933c-2.9 0-3.345-.349-3.396-1.575a11.9 11.9 0 0 1-.004-.64h6.449v1.166l2.415-1.75-2.415-1.748v1.166Zm-6.59-4.78h10.342c.328 0 .586.256.586.582v10.144a.579.579 0 0 1-.586.583h-5.393a.579.579 0 0 1-.587-.583v-4.314h.938v3.381h4.69V9.901h-9.99c-.21.536-.75.91-1.383.91-.844 0-1.524-.677-1.524-1.493 0-.816.68-1.492 1.524-1.492.61 0 1.149.373 1.383.91Zm7.059 10.726h1.172v-.35h-1.172v.35Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Intune
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_2_1;
~~~
~~~/components/Component_35_3_1.jsx
function Component_35_3_1() {
return (
<a
name="Int – EDR – Kandji"
href="./integrations/kandji"
className="bg-[rgba(0,0,0,0)] opacity-100 will-change-auto text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_3_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1539"
>
<path
fillRule="evenodd"
d="M13.407 12.298a1.72 1.72 0 0 0 .214-.448c.736 1.619 2.216 2.034 3.384 1.861.71-.107 1.304-.43 1.542-.836a.756.756 0 0 0-.27-1.04 2.351 2.351 0 0 0-.405-.186 3.46 3.46 0 0 0-.375-.11l.63-.318c1.396-.736 2.323-2.06 2.584-3.198.096-.366.101-.75.015-1.119a1.227 1.227 0 0 0-1.507-.862c-2.164.591-4.69 3.827-5.464 4.882l-.075.103a1.708 1.708 0 0 0-1.028-1.268 1.711 1.711 0 0 0-.324-.099l.802-.282a.756.756 0 0 0 .503-.711.754.754 0 0 0-.753-.752h-1.79a.753.753 0 0 0-.252 1.463l.806.284a1.714 1.714 0 0 0-1.344 1.346l-.054-.075c-.774-1.055-3.3-4.291-5.464-4.883a1.228 1.228 0 0 0-1.506.862 2.32 2.32 0 0 0 .014 1.12c.261 1.138 1.188 2.461 2.585 3.198l.63.318a3.45 3.45 0 0 0-.376.11c-.14.048-.276.11-.404.185a.758.758 0 0 0-.27 1.04c.237.407.83.73 1.541.837 1.158.171 2.622-.235 3.365-1.82a1.715 1.715 0 0 0 .985 1.036c-.737-.012-1.551.067-1.827.693-.09.226-.133.47-.126.713h5.17c0-.456-.092-.922-.53-1.16-.43-.234-.98-.23-1.48-.22l.083-.032c.314-.13.583-.35.772-.632ZM12.341 6.76l-.356-.434-.36.434-.581-.434v1.142h1.879V6.325l-.582.435Zm-2.906 8.207h5.082a6.57 6.57 0 0 1-.263 1.252h-4.57a5.553 5.553 0 0 1-.237-1.146.328.328 0 0 1-.012-.106Zm.51 1.877a3.384 3.384 0 0 0 1.258 1.373l.055.033c.202.123.549.332.767.28a2.917 2.917 0 0 0 1.979-1.686H9.946Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Kandji
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_3_1;
~~~
~~~/components/Component_35_4_1.jsx
function Component_35_4_1() {
return (
<a
name="Int – EDR – Jamf"
href="./integrations/jamf"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_4_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="607"
>
<path
d="M16.53 6.662c-2.051 0-3.278.873-3.841 2.784l-1.418 4.532c-.523 1.49-1.378 2.097-2.906 2.097h-3.54a.844.844 0 0 0-.825.842v2.323c0 .42.332.76.784.76h14.391c.443 0 .825-.38.825-.843V7.463c0-.452-.332-.801-.784-.801H16.53ZM4.855 4C4.412 4 4 4.421 4 4.873v6.176a.85.85 0 0 0 .855.874h3.057c1.378 0 3.319-.308 3.842-2.816 0 0 .523-2.548.824-4.038.11-.576-.301-1.069-.855-1.069H4.855Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Jamf
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_4_1;
~~~
~~~/components/Component_35_5_1.jsx
function Component_35_5_1() {
return (
<a
name="Int – EDR – CrowdStrike"
href="./integrations/crowdstrike"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_5_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1872"
>
<path
fillRule="evenodd"
d="M10.796 12.278c-.324-.883-.883-2.002-3.589-3.679-.157-.1-.322-.202-.496-.31C5.41 7.482 3.644 6.387 1.4 4c.18.721.992 2.615 5.032 5.086.37.244.769.463 1.181.688 1.078.589 2.244 1.226 3.183 2.504Zm10.48 3.84c.001-.265.003-.418-1.101-.521 0 0 .613.198 1.1.559v-.037ZM4.718 4.56c1.533 1.858 3.516 3.643 8.494 5.068 6.175 1.708 5.783 2.662 5.339 3.743l-.018.044c-.313.766.028.877.198.932l.018.006c.154.055.355.114.578.18.95.277 2.302.674 2.2 1.39.252.252 1.154 1.226.775 1.893-.13-.21-.45-.557-.903-.915a4.007 4.007 0 0 0-1.892.356c-1.028.487-1.443.505-1.948.45.144.253.45.596 1.389.668.937.054 1.406.09.901 1.19.018-.324-.072-.973-1.01-.865-.938.108-1.154.902-.144 1.28-.325.054-1.028.09-1.515-1.1l-.043.018c-.343.147-.863.369-1.797-.288.343.108.758.126.758.126-.848-.379-1.677-1.082-2.182-1.75.414.289.865.578 1.334.632-.54-.614-1.803-1.858-3.354-3.12.12.071.242.149.37.228.925.58 2.065 1.296 3.778 1.106.213-.023.42-.05.62-.074.745-.094 1.418-.178 2.137-.1a4.504 4.504 0 0 0-.142-.024c-.684-.109-1.346-.09-1.977-.072-1.05.03-2.019.058-2.875-.505-1.159-.82-1.348-1.13-2.485-2.984l-.04-.064a8.721 8.721 0 0 1-.302-.557c-.346-.676-.715-1.397-2.114-2.527a32.187 32.187 0 0 0-1.134-.865c-1.325-.979-2.462-1.82-3.013-3.5Zm8.837 12.138-.114-.042c-1.22-.452-1.523-.564-3.168-.914-1.678-.379-3.337-1.136-4.455-2.345.775.505 2.38 1.497 4.022 1.39-.253-.325-.704-.56-1.263-.812.613.126 2.49.54 4.978 2.723ZM7.37 10.89c2.47 1.352 3.12 2.308 3.427 3.047-.902-1.106-2.063-1.665-2.996-2.113a12.912 12.912 0 0 1-.81-.412C3.474 9.52 2.663 8.005 2.501 7.318c1.634 1.769 3.423 2.765 4.596 3.419l.273.152Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
CrowdStrike
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_5_1;
~~~
~~~/components/Component_35_6_1.jsx
function Component_35_6_1() {
return (
<a
name="Int – EDR – Intune"
href="./integrations/microsoft-intune"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_6_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="903"
>
<path
fillRule="evenodd"
d="M17.804 13.516H3.03V5.12h13.601v3.148h1.173V4.654c0-.35-.352-.7-.704-.7H2.561c-.351 0-.703.35-.703.7v9.328c0 .35.352.7.703.7h5.746c.003.218.004.417-.002.597-.049 1.158-.42 1.558-2.776 1.612-.194.004-.401.006-.622.006v.933h9.848v-.933c-2.9 0-3.345-.349-3.396-1.575a11.9 11.9 0 0 1-.004-.64h6.449v1.166l2.415-1.75-2.415-1.748v1.166Zm-6.59-4.78h10.342c.328 0 .586.256.586.582v10.144a.579.579 0 0 1-.586.583h-5.393a.579.579 0 0 1-.587-.583v-4.314h.938v3.381h4.69V9.901h-9.99c-.21.536-.75.91-1.383.91-.844 0-1.524-.677-1.524-1.493 0-.816.68-1.492 1.524-1.492.61 0 1.149.373 1.383.91Zm7.059 10.726h1.172v-.35h-1.172v.35Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Intune
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_6_1;
~~~
~~~/components/Component_35_7_1.jsx
function Component_35_7_1() {
return (
<a
name="Int – EDR – Kandji"
href="./integrations/kandji"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_7_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1539"
>
<path
fillRule="evenodd"
d="M13.407 12.298a1.72 1.72 0 0 0 .214-.448c.736 1.619 2.216 2.034 3.384 1.861.71-.107 1.304-.43 1.542-.836a.756.756 0 0 0-.27-1.04 2.351 2.351 0 0 0-.405-.186 3.46 3.46 0 0 0-.375-.11l.63-.318c1.396-.736 2.323-2.06 2.584-3.198.096-.366.101-.75.015-1.119a1.227 1.227 0 0 0-1.507-.862c-2.164.591-4.69 3.827-5.464 4.882l-.075.103a1.708 1.708 0 0 0-1.028-1.268 1.711 1.711 0 0 0-.324-.099l.802-.282a.756.756 0 0 0 .503-.711.754.754 0 0 0-.753-.752h-1.79a.753.753 0 0 0-.252 1.463l.806.284a1.714 1.714 0 0 0-1.344 1.346l-.054-.075c-.774-1.055-3.3-4.291-5.464-4.883a1.228 1.228 0 0 0-1.506.862 2.32 2.32 0 0 0 .014 1.12c.261 1.138 1.188 2.461 2.585 3.198l.63.318a3.45 3.45 0 0 0-.376.11c-.14.048-.276.11-.404.185a.758.758 0 0 0-.27 1.04c.237.407.83.73 1.541.837 1.158.171 2.622-.235 3.365-1.82a1.715 1.715 0 0 0 .985 1.036c-.737-.012-1.551.067-1.827.693-.09.226-.133.47-.126.713h5.17c0-.456-.092-.922-.53-1.16-.43-.234-.98-.23-1.48-.22l.083-.032c.314-.13.583-.35.772-.632ZM12.341 6.76l-.356-.434-.36.434-.581-.434v1.142h1.879V6.325l-.582.435Zm-2.906 8.207h5.082a6.57 6.57 0 0 1-.263 1.252h-4.57a5.553 5.553 0 0 1-.237-1.146.328.328 0 0 1-.012-.106Zm.51 1.877a3.384 3.384 0 0 0 1.258 1.373l.055.033c.202.123.549.332.767.28a2.917 2.917 0 0 0 1.979-1.686H9.946Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Kandji
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_7_1;
~~~
~~~/components/Component_35_8_1.jsx
function Component_35_8_1() {
return (
<a
name="Int – EDR – Jamf"
href="./integrations/jamf"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_8_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="607"
>
<path
d="M16.53 6.662c-2.051 0-3.278.873-3.841 2.784l-1.418 4.532c-.523 1.49-1.378 2.097-2.906 2.097h-3.54a.844.844 0 0 0-.825.842v2.323c0 .42.332.76.784.76h14.391c.443 0 .825-.38.825-.843V7.463c0-.452-.332-.801-.784-.801H16.53ZM4.855 4C4.412 4 4 4.421 4 4.873v6.176a.85.85 0 0 0 .855.874h3.057c1.378 0 3.319-.308 3.842-2.816 0 0 .523-2.548.824-4.038.11-.576-.301-1.069-.855-1.069H4.855Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Jamf
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_8_1;
~~~
~~~/components/Component_35_9_1.jsx
function Component_35_9_1() {
return (
<a
name="Int – EDR – CrowdStrike"
href="./integrations/crowdstrike"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_9_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1872"
>
<path
fillRule="evenodd"
d="M10.796 12.278c-.324-.883-.883-2.002-3.589-3.679-.157-.1-.322-.202-.496-.31C5.41 7.482 3.644 6.387 1.4 4c.18.721.992 2.615 5.032 5.086.37.244.769.463 1.181.688 1.078.589 2.244 1.226 3.183 2.504Zm10.48 3.84c.001-.265.003-.418-1.101-.521 0 0 .613.198 1.1.559v-.037ZM4.718 4.56c1.533 1.858 3.516 3.643 8.494 5.068 6.175 1.708 5.783 2.662 5.339 3.743l-.018.044c-.313.766.028.877.198.932l.018.006c.154.055.355.114.578.18.95.277 2.302.674 2.2 1.39.252.252 1.154 1.226.775 1.893-.13-.21-.45-.557-.903-.915a4.007 4.007 0 0 0-1.892.356c-1.028.487-1.443.505-1.948.45.144.253.45.596 1.389.668.937.054 1.406.09.901 1.19.018-.324-.072-.973-1.01-.865-.938.108-1.154.902-.144 1.28-.325.054-1.028.09-1.515-1.1l-.043.018c-.343.147-.863.369-1.797-.288.343.108.758.126.758.126-.848-.379-1.677-1.082-2.182-1.75.414.289.865.578 1.334.632-.54-.614-1.803-1.858-3.354-3.12.12.071.242.149.37.228.925.58 2.065 1.296 3.778 1.106.213-.023.42-.05.62-.074.745-.094 1.418-.178 2.137-.1a4.504 4.504 0 0 0-.142-.024c-.684-.109-1.346-.09-1.977-.072-1.05.03-2.019.058-2.875-.505-1.159-.82-1.348-1.13-2.485-2.984l-.04-.064a8.721 8.721 0 0 1-.302-.557c-.346-.676-.715-1.397-2.114-2.527a32.187 32.187 0 0 0-1.134-.865c-1.325-.979-2.462-1.82-3.013-3.5Zm8.837 12.138-.114-.042c-1.22-.452-1.523-.564-3.168-.914-1.678-.379-3.337-1.136-4.455-2.345.775.505 2.38 1.497 4.022 1.39-.253-.325-.704-.56-1.263-.812.613.126 2.49.54 4.978 2.723ZM7.37 10.89c2.47 1.352 3.12 2.308 3.427 3.047-.902-1.106-2.063-1.665-2.996-2.113a12.912 12.912 0 0 1-.81-.412C3.474 9.52 2.663 8.005 2.501 7.318c1.634 1.769 3.423 2.765 4.596 3.419l.273.152Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
CrowdStrike
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_9_1;
~~~
~~~/components/Component_36_1_1.jsx
function Component_36_1_1() {
return (
<a
name="Int – IDP – Azure AD"
href="./integrations/azure"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_1_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="571"
>
<path
d="m15.624 17.498.04-.009-2.192-2.608c-.735-.87-1.466-1.743-2.192-2.62 0-.013 2.263-6.246 2.276-6.268.004-.008 1.545 2.652 3.734 6.446l3.756 6.511.029.05-13.935-.002 8.484-1.5ZM3 17.459c0-.004 1.033-1.797 2.296-3.985l2.296-3.98 2.675-2.245A891.76 891.76 0 0 1 12.95 5a.475.475 0 0 1-.043.108l-5.759 12.35-2.074.003c-1.141.002-2.075 0-2.075-.003Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Azure AD
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_1_1;
~~~
~~~/components/Component_36_2_1.jsx
function Component_36_2_1() {
return (
<a
name="Int – IDP – Okta"
href="./integrations/okta"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_2_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1809"
>
<path
fillRule="evenodd"
d="M9.046 13.966a.244.244 0 0 0-.418.171h-.005v1.61c0 .105-.094.21-.237.21h-.924c-.11 0-.242-.044-.242-.204V8.749c0-.094.077-.199.237-.199h.924c.104 0 .236.06.236.221v3.16c0 .226.275.337.43.17a638.13 638.13 0 0 0 1.343-1.452l.13-.14c.017-.023.044-.045.11-.067.033-.011.066-.011.11-.011h1.133c.231 0 .297.254.193.387l-1.64 1.842c-.269.288-.296.399-.06.68l.11.111 2.068 2.13c.105.133.039.393-.187.393H11.11c-.05 0-.094 0-.121-.011a.185.185 0 0 1-.091-.058l-.008-.008-.031-.034c-.19-.2-1.185-1.257-1.812-1.897ZM1 13.203a2.773 2.773 0 0 1 2.767-2.783 2.773 2.773 0 0 1 2.766 2.783 2.773 2.773 0 0 1-2.766 2.782A2.773 2.773 0 0 1 1 13.203Zm1.38 0c0 .768.622 1.394 1.387 1.394.764 0 1.386-.626 1.386-1.394 0-.77-.622-1.395-1.386-1.395-.765 0-1.386.626-1.386 1.395Zm13.795 2.517-.099-.93a.22.22 0 0 0-.258-.193 1.39 1.39 0 0 1-1.595-1.3v-1.218c0-.149.11-.27.258-.27h1.238c.088 0 .22-.078.22-.239v-.88c0-.17-.11-.26-.21-.26h-1.248a.258.258 0 0 1-.264-.248v-1.41a.224.224 0 0 0-.237-.222h-.918c-.115 0-.226.072-.226.216v4.53a2.771 2.771 0 0 0 2.767 2.706c.127 0 .248-.011.369-.028a.226.226 0 0 0 .203-.255Zm5.764-2.507c0 1.057.12 1.34.901 1.34.094 0 .16.093.16.176v.99c0 .267-.53.262-.681.26h-.023c-.654-.005-1.072-.27-1.331-.669a2.755 2.755 0 0 1-1.799.67 2.773 2.773 0 0 1-2.766-2.783 2.773 2.773 0 0 1 2.767-2.783c.494 0 .962.133 1.363.365v-.116c0-.144.127-.238.242-.238h.925c.175 0 .242.15.242.238v2.55Zm-4.153-.01c0 .768.621 1.394 1.386 1.394a1.4 1.4 0 0 0 1.386-1.394c0-.77-.622-1.395-1.386-1.395-.765 0-1.386.626-1.386 1.395Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Okta
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_2_1;
~~~
~~~/components/Component_36_4_1.jsx
function Component_36_4_1() {
return (
<a
name="Int – IDP – OneLogin"
href="./integrations/onelogin"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_4_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="562"
>
<path
fillRule="evenodd"
d="M3 11.996C3 7.029 7.035 3 12 3c4.973 0 9 4.029 9 8.996A8.999 8.999 0 0 1 12 21c-4.973 0-9-4.029-9-9.004Zm10.084 3.446c.17 0 .258-.089.258-.259h-.008V9.36c0-.122-.04-.21-.21-.21H9.97c-.17 0-.258.088-.258.258v1.618c0 .17.089.259.258.259h1.238v3.9c0 .17.088.258.258.258h1.618Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
OneLogin
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_4_1;
~~~
~~~/components/Component_36_5_1.jsx
function Component_36_5_1() {
return (
<a
name="Int – IDP – KeyCloak"
href="./integrations/keycloak"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_5_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1241"
>
<path
d="m11.255 14.55-.437.752a.087.087 0 0 1-.028.028.089.089 0 0 1-.04.01h-.867a.076.076 0 0 1-.07-.042L8.52 13.056l-.127-.222-.464-.793a.058.058 0 0 1-.009-.039.08.08 0 0 1 .011-.039l1.883-3.259a.085.085 0 0 1 .071-.043h.864c.016 0 .03.005.046.011a.07.07 0 0 1 .028.028l.436.757a.085.085 0 0 1-.004.081l-1.4 2.425a.068.068 0 0 0-.008.035.09.09 0 0 0 .008.034l1.4 2.423a.088.088 0 0 1 0 .095Zm4.345-2.51-.465.794-.127.222-1.292 2.242a.083.083 0 0 1-.07.043h-.867a.09.09 0 0 1-.04-.01.07.07 0 0 1-.029-.029l-.436-.752a.081.081 0 0 1-.002-.09l1.4-2.424a.067.067 0 0 0 .008-.034.09.09 0 0 0-.009-.034l-1.4-2.425a.085.085 0 0 1-.004-.082l.437-.757a.079.079 0 0 1 .073-.039h.868c.03 0 .058.016.071.044l1.884 3.259c.006.013.01.026.01.038a.088.088 0 0 1-.01.035Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
fillRule="evenodd"
d="M21.002 12a9.002 9.002 0 1 1-18.004 0 9.002 9.002 0 0 1 18.004 0Zm-4.738-2.222L14.66 7H8.887L6 12l2.887 5h5.773l1.604-2.778h2.176V9.778h-2.176Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
KeyCloak
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_5_1;
~~~
~~~/components/Component_36_6_1.jsx
function Component_36_6_1() {
return (
<a
name="Int – IDP – JumpCloud"
href="./integrations/jumpcloud"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_6_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1586"
>
<path
fillRule="evenodd"
d="M4.864 14.554c-1.066.397-1.933 1.082-2.46 1.934a.26.26 0 0 0 .217.4h6.77a.272.272 0 0 0 .245-.188c.155-.518.436-.994.777-1.44a5.267 5.267 0 0 0-1.226-.682.234.234 0 0 1-.071-.39 3.117 3.117 0 0 0 .923-3.006A3.108 3.108 0 0 0 7.67 8.845 3.13 3.13 0 0 0 3.867 11.9c0 .935.414 1.77 1.065 2.342.106.093.064.262-.068.312Zm8.898-.708a6.036 6.036 0 0 0-2.267 1.394 5.023 5.023 0 0 0-.469.545 4.348 4.348 0 0 0-.452.747c-.078.165.053.355.236.355h10.57a.26.26 0 0 0 .23-.376 4.576 4.576 0 0 0-.83-1.194c-.612-.636-1.413-1.143-2.333-1.467-.144-.051-.186-.236-.068-.332a3.613 3.613 0 0 0 1.247-3.586 3.508 3.508 0 0 0-.956-1.722c-.76-.767-1.498-1.01-2.205-1.08-.046-.005-.091-.005-.137-.007a3.656 3.656 0 0 0-.27-.01c-.05 0-.1.005-.148.007-.083.005-.165.01-.247.02-.051.006-.103.015-.154.023a3.513 3.513 0 0 0-.951.297c-.044.02-.088.04-.131.063a3.426 3.426 0 0 0-.216.125c-.035.022-.07.041-.105.064a3.688 3.688 0 0 0-.268.197l-.03.023a3.704 3.704 0 0 0-.275.251c-.025.025-.047.053-.072.08-.06.063-.119.128-.173.197-.03.036-.056.073-.083.11a3.589 3.589 0 0 0-.135.192c-.027.04-.052.084-.077.127a3.618 3.618 0 0 0-.262.543 2.788 2.788 0 0 0-.053.144 3.695 3.695 0 0 0-.066.225c-.012.048-.026.095-.037.144-.018.084-.031.17-.044.256-.006.042-.014.083-.019.125a3.599 3.599 0 0 0 1.318 3.2c.114.092.07.272-.068.32Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
JumpCloud
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_6_1;
~~~
~~~/components/Component_36_7_1.jsx
function Component_36_7_1() {
return (
<a
name="Int – IDP – Azure AD"
href="./integrations/azure"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_7_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="571"
>
<path
d="m15.624 17.498.04-.009-2.192-2.608c-.735-.87-1.466-1.743-2.192-2.62 0-.013 2.263-6.246 2.276-6.268.004-.008 1.545 2.652 3.734 6.446l3.756 6.511.029.05-13.935-.002 8.484-1.5ZM3 17.459c0-.004 1.033-1.797 2.296-3.985l2.296-3.98 2.675-2.245A891.76 891.76 0 0 1 12.95 5a.475.475 0 0 1-.043.108l-5.759 12.35-2.074.003c-1.141.002-2.075 0-2.075-.003Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Azure AD
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_7_1;
~~~
~~~/components/Component_36_8_1.jsx
function Component_36_8_1() {
return (
<a
name="Int – IDP – Okta"
href="./integrations/okta"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_8_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1809"
>
<path
fillRule="evenodd"
d="M9.046 13.966a.244.244 0 0 0-.418.171h-.005v1.61c0 .105-.094.21-.237.21h-.924c-.11 0-.242-.044-.242-.204V8.749c0-.094.077-.199.237-.199h.924c.104 0 .236.06.236.221v3.16c0 .226.275.337.43.17a638.13 638.13 0 0 0 1.343-1.452l.13-.14c.017-.023.044-.045.11-.067.033-.011.066-.011.11-.011h1.133c.231 0 .297.254.193.387l-1.64 1.842c-.269.288-.296.399-.06.68l.11.111 2.068 2.13c.105.133.039.393-.187.393H11.11c-.05 0-.094 0-.121-.011a.185.185 0 0 1-.091-.058l-.008-.008-.031-.034c-.19-.2-1.185-1.257-1.812-1.897ZM1 13.203a2.773 2.773 0 0 1 2.767-2.783 2.773 2.773 0 0 1 2.766 2.783 2.773 2.773 0 0 1-2.766 2.782A2.773 2.773 0 0 1 1 13.203Zm1.38 0c0 .768.622 1.394 1.387 1.394.764 0 1.386-.626 1.386-1.394 0-.77-.622-1.395-1.386-1.395-.765 0-1.386.626-1.386 1.395Zm13.795 2.517-.099-.93a.22.22 0 0 0-.258-.193 1.39 1.39 0 0 1-1.595-1.3v-1.218c0-.149.11-.27.258-.27h1.238c.088 0 .22-.078.22-.239v-.88c0-.17-.11-.26-.21-.26h-1.248a.258.258 0 0 1-.264-.248v-1.41a.224.224 0 0 0-.237-.222h-.918c-.115 0-.226.072-.226.216v4.53a2.771 2.771 0 0 0 2.767 2.706c.127 0 .248-.011.369-.028a.226.226 0 0 0 .203-.255Zm5.764-2.507c0 1.057.12 1.34.901 1.34.094 0 .16.093.16.176v.99c0 .267-.53.262-.681.26h-.023c-.654-.005-1.072-.27-1.331-.669a2.755 2.755 0 0 1-1.799.67 2.773 2.773 0 0 1-2.766-2.783 2.773 2.773 0 0 1 2.767-2.783c.494 0 .962.133 1.363.365v-.116c0-.144.127-.238.242-.238h.925c.175 0 .242.15.242.238v2.55Zm-4.153-.01c0 .768.621 1.394 1.386 1.394a1.4 1.4 0 0 0 1.386-1.394c0-.77-.622-1.395-1.386-1.395-.765 0-1.386.626-1.386 1.395Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Okta
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_8_1;
~~~
~~~/components/Component_37_1_1.jsx
function Component_37_1_1() {
return (
<a
name="Int – Misc – Pulumi"
href="./integrations/pulumi"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_1_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1856"
>
<path
d="M11.998 6.157c1.249 0 2.262-.586 2.262-1.309 0-.722-1.013-1.308-2.262-1.308s-2.262.586-2.262 1.308c0 .723 1.013 1.309 2.262 1.309ZM7.734 8.616c1.25 0 2.262-.586 2.262-1.309C9.996 6.585 8.983 6 7.734 6s-2.261.586-2.261 1.308c0 .723 1.012 1.309 2.261 1.309ZM18.53 7.307c0 .723-1.013 1.309-2.262 1.309s-2.261-.586-2.261-1.309c0-.722 1.012-1.308 2.261-1.308 1.25 0 2.262.586 2.262 1.308Zm-6.531 3.773c1.249 0 2.262-.586 2.262-1.308 0-.723-1.013-1.309-2.262-1.309s-2.262.586-2.262 1.309c0 .722 1.013 1.308 2.262 1.308Zm-5.267 1.88c.625-.361.626-1.531.002-2.613-.625-1.081-1.638-1.665-2.264-1.304-.626.361-.627 1.531-.002 2.613.624 1.081 1.638 1.665 2.264 1.304Zm.003 2.316c.625 1.082.624 2.251-.002 2.613-.626.361-1.64-.223-2.264-1.305-.624-1.081-.623-2.251.002-2.612.626-.362 1.64.222 2.264 1.304ZM11 17.741c.624 1.081.623 2.251-.002 2.612-.626.362-1.64-.222-2.264-1.304-.625-1.082-.624-2.251.002-2.613.626-.361 1.64.223 2.264 1.305Zm-.002-4.93c.625 1.082.624 2.252-.002 2.614-.626.36-1.64-.223-2.264-1.305-.624-1.081-.623-2.251.003-2.612.625-.362 1.64.222 2.264 1.304Zm8.532-1.154c.624-1.081.623-2.251-.003-2.612-.625-.362-1.639.222-2.263 1.304-.625 1.082-.624 2.251.002 2.613.626.361 1.64-.223 2.264-1.305Zm0 2.315c.626.362.627 1.531.002 2.613-.624 1.082-1.638 1.666-2.264 1.304-.625-.361-.626-1.53-.002-2.612.625-1.082 1.638-1.666 2.264-1.305Zm-4.264 2.462c.626.361.627 1.53.002 2.613-.624 1.081-1.638 1.665-2.263 1.304-.626-.361-.627-1.531-.003-2.613.625-1.082 1.638-1.665 2.264-1.304Zm-.002-4.928c.626.361.627 1.531.002 2.613-.624 1.082-1.638 1.665-2.264 1.304-.626-.361-.627-1.53-.002-2.613.624-1.081 1.638-1.665 2.264-1.304Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Pulumi
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Automate Deployment
</p>
</div>
</div>
</a>
);
}
export default Component_37_1_1;
~~~
~~~/components/Component_37_2_1.jsx
function Component_37_2_1() {
return (
<a
name="Int – Misc – Terraform"
href="./integrations/terraform"
className="bg-[rgba(0,0,0,0)] opacity-100 will-change-auto text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_2_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="421"
>
<path
d="m9.52 6.844 4.957 2.516v5.036L9.52 11.877V6.844Zm5.5 2.516v5.036l4.959-2.519V6.844L15.021 9.36ZM4.024 4.034v5.034l4.955 2.518V6.552L4.024 4.034ZM9.52 17.461l4.955 2.518v-5.031L9.52 12.43v5.03Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Terraform
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Automate Deployment
</p>
</div>
</div>
</a>
);
}
export default Component_37_2_1;
~~~
~~~/components/Component_37_3_1.jsx
function Component_37_3_1() {
return (
<a
name="Int – Misc – NextDNS"
href="./integrations/nextdns"
className="bg-[rgba(0,0,0,0)] opacity-100 will-change-auto text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_3_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="726"
>
<path
d="M19.981 8.098v-.015a19.82 19.82 0 0 1-.017-.584 1.991 1.991 0 0 0-1.875-1.95c-2.16-.12-3.832-.825-5.26-2.217l-.012-.012a1.202 1.202 0 0 0-1.634 0l-.012.012c-1.428 1.392-3.1 2.096-5.26 2.217a1.991 1.991 0 0 0-1.874 1.95c-.004.212-.01.403-.017.584l-.001.034c-.042 2.203-.094 4.945.823 7.433a9.461 9.461 0 0 0 2.27 3.536c1.14 1.113 2.635 1.998 4.442 2.627a1.376 1.376 0 0 0 .71.05c.063-.013.124-.03.183-.05 1.805-.631 3.298-1.515 4.438-2.629a9.476 9.476 0 0 0 2.27-3.536c.92-2.496.868-5.243.826-7.45Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
NextDNS
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Filter & Encrypt DNS
</p>
</div>
</div>
</a>
);
}
export default Component_37_3_1;
~~~
~~~/components/Component_37_4_1.jsx
function Component_37_4_1() {
return (
<a
name="Int – Misc – Pulumi"
href="./integrations/pulumi"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_4_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1856"
>
<path
d="M11.998 6.157c1.249 0 2.262-.586 2.262-1.309 0-.722-1.013-1.308-2.262-1.308s-2.262.586-2.262 1.308c0 .723 1.013 1.309 2.262 1.309ZM7.734 8.616c1.25 0 2.262-.586 2.262-1.309C9.996 6.585 8.983 6 7.734 6s-2.261.586-2.261 1.308c0 .723 1.012 1.309 2.261 1.309ZM18.53 7.307c0 .723-1.013 1.309-2.262 1.309s-2.261-.586-2.261-1.309c0-.722 1.012-1.308 2.261-1.308 1.25 0 2.262.586 2.262 1.308Zm-6.531 3.773c1.249 0 2.262-.586 2.262-1.308 0-.723-1.013-1.309-2.262-1.309s-2.262.586-2.262 1.309c0 .722 1.013 1.308 2.262 1.308Zm-5.267 1.88c.625-.361.626-1.531.002-2.613-.625-1.081-1.638-1.665-2.264-1.304-.626.361-.627 1.531-.002 2.613.624 1.081 1.638 1.665 2.264 1.304Zm.003 2.316c.625 1.082.624 2.251-.002 2.613-.626.361-1.64-.223-2.264-1.305-.624-1.081-.623-2.251.002-2.612.626-.362 1.64.222 2.264 1.304ZM11 17.741c.624 1.081.623 2.251-.002 2.612-.626.362-1.64-.222-2.264-1.304-.625-1.082-.624-2.251.002-2.613.626-.361 1.64.223 2.264 1.305Zm-.002-4.93c.625 1.082.624 2.252-.002 2.614-.626.36-1.64-.223-2.264-1.305-.624-1.081-.623-2.251.003-2.612.625-.362 1.64.222 2.264 1.304Zm8.532-1.154c.624-1.081.623-2.251-.003-2.612-.625-.362-1.639.222-2.263 1.304-.625 1.082-.624 2.251.002 2.613.626.361 1.64-.223 2.264-1.305Zm0 2.315c.626.362.627 1.531.002 2.613-.624 1.082-1.638 1.666-2.264 1.304-.625-.361-.626-1.53-.002-2.612.625-1.082 1.638-1.666 2.264-1.305Zm-4.264 2.462c.626.361.627 1.53.002 2.613-.624 1.081-1.638 1.665-2.263 1.304-.626-.361-.627-1.531-.003-2.613.625-1.082 1.638-1.665 2.264-1.304Zm-.002-4.928c.626.361.627 1.531.002 2.613-.624 1.082-1.638 1.665-2.264 1.304-.626-.361-.627-1.53-.002-2.613.624-1.081 1.638-1.665 2.264-1.304Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Pulumi
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Automate Deployment
</p>
</div>
</div>
</a>
);
}
export default Component_37_4_1;
~~~
~~~/components/Component_37_5_1.jsx
function Component_37_5_1() {
return (
<a
name="Int – Misc – Terraform"
href="./integrations/terraform"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_5_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="421"
>
<path
d="m9.52 6.844 4.957 2.516v5.036L9.52 11.877V6.844Zm5.5 2.516v5.036l4.959-2.519V6.844L15.021 9.36ZM4.024 4.034v5.034l4.955 2.518V6.552L4.024 4.034ZM9.52 17.461l4.955 2.518v-5.031L9.52 12.43v5.03Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Terraform
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Automate Deployment
</p>
</div>
</div>
</a>
);
}
export default Component_37_5_1;
~~~
~~~/components/Component_37_6_1.jsx
function Component_37_6_1() {
return (
<a
name="Int – Misc – NextDNS"
href="./integrations/nextdns"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_6_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="726"
>
<path
d="M19.981 8.098v-.015a19.82 19.82 0 0 1-.017-.584 1.991 1.991 0 0 0-1.875-1.95c-2.16-.12-3.832-.825-5.26-2.217l-.012-.012a1.202 1.202 0 0 0-1.634 0l-.012.012c-1.428 1.392-3.1 2.096-5.26 2.217a1.991 1.991 0 0 0-1.874 1.95c-.004.212-.01.403-.017.584l-.001.034c-.042 2.203-.094 4.945.823 7.433a9.461 9.461 0 0 0 2.27 3.536c1.14 1.113 2.635 1.998 4.442 2.627a1.376 1.376 0 0 0 .71.05c.063-.013.124-.03.183-.05 1.805-.631 3.298-1.515 4.438-2.629a9.476 9.476 0 0 0 2.27-3.536c.92-2.496.868-5.243.826-7.45Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
NextDNS
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Filter & Encrypt DNS
</p>
</div>
</div>
</a>
);
}
export default Component_37_6_1;
~~~
~~~/components/Component_37_7_1.jsx
function Component_37_7_1() {
return (
<a
name="Int – Misc – Pulumi"
href="./integrations/pulumi"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_7_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1856"
>
<path
d="M11.998 6.157c1.249 0 2.262-.586 2.262-1.309 0-.722-1.013-1.308-2.262-1.308s-2.262.586-2.262 1.308c0 .723 1.013 1.309 2.262 1.309ZM7.734 8.616c1.25 0 2.262-.586 2.262-1.309C9.996 6.585 8.983 6 7.734 6s-2.261.586-2.261 1.308c0 .723 1.012 1.309 2.261 1.309ZM18.53 7.307c0 .723-1.013 1.309-2.262 1.309s-2.261-.586-2.261-1.309c0-.722 1.012-1.308 2.261-1.308 1.25 0 2.262.586 2.262 1.308Zm-6.531 3.773c1.249 0 2.262-.586 2.262-1.308 0-.723-1.013-1.309-2.262-1.309s-2.262.586-2.262 1.309c0 .722 1.013 1.308 2.262 1.308Zm-5.267 1.88c.625-.361.626-1.531.002-2.613-.625-1.081-1.638-1.665-2.264-1.304-.626.361-.627 1.531-.002 2.613.624 1.081 1.638 1.665 2.264 1.304Zm.003 2.316c.625 1.082.624 2.251-.002 2.613-.626.361-1.64-.223-2.264-1.305-.624-1.081-.623-2.251.002-2.612.626-.362 1.64.222 2.264 1.304ZM11 17.741c.624 1.081.623 2.251-.002 2.612-.626.362-1.64-.222-2.264-1.304-.625-1.082-.624-2.251.002-2.613.626-.361 1.64.223 2.264 1.305Zm-.002-4.93c.625 1.082.624 2.252-.002 2.614-.626.36-1.64-.223-2.264-1.305-.624-1.081-.623-2.251.003-2.612.625-.362 1.64.222 2.264 1.304Zm8.532-1.154c.624-1.081.623-2.251-.003-2.612-.625-.362-1.639.222-2.263 1.304-.625 1.082-.624 2.251.002 2.613.626.361 1.64-.223 2.264-1.305Zm0 2.315c.626.362.627 1.531.002 2.613-.624 1.082-1.638 1.666-2.264 1.304-.625-.361-.626-1.53-.002-2.612.625-1.082 1.638-1.666 2.264-1.305Zm-4.264 2.462c.626.361.627 1.53.002 2.613-.624 1.081-1.638 1.665-2.263 1.304-.626-.361-.627-1.531-.003-2.613.625-1.082 1.638-1.665 2.264-1.304Zm-.002-4.928c.626.361.627 1.531.002 2.613-.624 1.082-1.638 1.665-2.264 1.304-.626-.361-.627-1.53-.002-2.613.624-1.081 1.638-1.665 2.264-1.304Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Pulumi
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Automate Deployment
</p>
</div>
</div>
</a>
);
}
export default Component_37_7_1;
~~~
~~~/components/Component_37_8_1.jsx
function Component_37_8_1() {
return (
<a
name="Int – Misc – Terraform"
href="./integrations/terraform"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_8_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="421"
>
<path
d="m9.52 6.844 4.957 2.516v5.036L9.52 11.877V6.844Zm5.5 2.516v5.036l4.959-2.519V6.844L15.021 9.36ZM4.024 4.034v5.034l4.955 2.518V6.552L4.024 4.034ZM9.52 17.461l4.955 2.518v-5.031L9.52 12.43v5.03Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Terraform
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Automate Deployment
</p>
</div>
</div>
</a>
);
}
export default Component_37_8_1;
~~~
~~~/components/Component_37_9_1.jsx
function Component_37_9_1() {
return (
<a
name="Int – Misc – NextDNS"
href="./integrations/nextdns"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_9_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="726"
>
<path
d="M19.981 8.098v-.015a19.82 19.82 0 0 1-.017-.584 1.991 1.991 0 0 0-1.875-1.95c-2.16-.12-3.832-.825-5.26-2.217l-.012-.012a1.202 1.202 0 0 0-1.634 0l-.012.012c-1.428 1.392-3.1 2.096-5.26 2.217a1.991 1.991 0 0 0-1.874 1.95c-.004.212-.01.403-.017.584l-.001.034c-.042 2.203-.094 4.945.823 7.433a9.461 9.461 0 0 0 2.27 3.536c1.14 1.113 2.635 1.998 4.442 2.627a1.376 1.376 0 0 0 .71.05c.063-.013.124-.03.183-.05 1.805-.631 3.298-1.515 4.438-2.629a9.476 9.476 0 0 0 2.27-3.536c.92-2.496.868-5.243.826-7.45Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
NextDNS
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Filter & Encrypt DNS
</p>
</div>
</div>
</a>
);
}
export default Component_37_9_1;
~~~
~~~/components/Component_39_1_1.jsx
import Component_39_1_1_1 from './Component_39_1_1_1';
function Component_39_1_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_1_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/kubernetes-auto-sync"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/GYJr9ZrYDgYlQMFyspboDHSXQ.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_1_1_1 />
</div>
</div>
);
}
export default Component_39_1_1;
~~~
~~~/components/Component_39_1_2.jsx
import Component_39_1_2_1 from './Component_39_1_2_1';
function Component_39_1_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_1_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/identity-firewall"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/Li6RmbXokE4X1F8Z6xJ9LBLGhQ.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_1_2_1 />
</div>
</div>
);
}
export default Component_39_1_2;
~~~
~~~/components/Component_39_1_3.jsx
import Component_39_1_3_1 from './Component_39_1_3_1';
function Component_39_1_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_1_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/unraid-community-app"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/BYPXshmtncLMM7j2CjpRv74zffI.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_1_3_1 />
</div>
</div>
);
}
export default Component_39_1_3;
~~~
~~~/components/Component_39_2_1.jsx
import Component_39_2_1_1 from './Component_39_2_1_1';
function Component_39_2_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_2_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/1st Source Bank-data-breach"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/BGaFTCeophYDskZpSAVnnX0Lks.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_2_1_1 />
</div>
</div>
);
}
export default Component_39_2_1;
~~~
~~~/components/Component_39_2_2.jsx
import Component_39_2_2_1 from './Component_39_2_2_1';
function Component_39_2_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_2_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/application-security-books"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/jIn0iKT617Z3vbsFB4NQUfK5iJ8.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_2_2_1 />
</div>
</div>
);
}
export default Component_39_2_2;
~~~
~~~/components/Component_39_2_3.jsx
import Component_39_2_3_1 from './Component_39_2_3_1';
function Component_39_2_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_2_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/application-security-certifications"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/7MTet4UciHLsh8KYKa43Ta9L3aY.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_2_3_1 />
</div>
</div>
);
}
export default Component_39_2_3;
~~~
~~~/components/Component_39_3_1.jsx
import Component_39_3_1_1 from './Component_39_3_1_1';
function Component_39_3_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_3_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/jquery-vulnerabilities"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/aU7RWWHku1AUK9SB01frYh7s.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_3_1_1 />
</div>
</div>
);
}
export default Component_39_3_1;
~~~
~~~/components/Component_39_3_2.jsx
import Component_39_3_2_1 from './Component_39_3_2_1';
function Component_39_3_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_3_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/network-security-books"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/gGItMfbsY0SzSIoF2RdA6lTABaU.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_3_2_1 />
</div>
</div>
);
}
export default Component_39_3_2;
~~~
~~~/components/Component_39_3_3.jsx
import Component_39_3_3_1 from './Component_39_3_3_1';
function Component_39_3_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_3_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/npm-vulnerabilities"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/Oyq1Mmaf1QBGZCQqknICFISAN4.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_3_3_1 />
</div>
</div>
);
}
export default Component_39_3_3;
~~~
~~~/components/Component_39_4_1.jsx
import Component_39_4_1_1 from './Component_39_4_1_1';
function Component_39_4_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_4_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/kubernetes-auto-sync"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/GYJr9ZrYDgYlQMFyspboDHSXQ.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_4_1_1 />
</div>
</div>
);
}
export default Component_39_4_1;
~~~
~~~/components/Component_39_4_2.jsx
import Component_39_4_2_1 from './Component_39_4_2_1';
function Component_39_4_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_4_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/identity-firewall"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/Li6RmbXokE4X1F8Z6xJ9LBLGhQ.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_4_2_1 />
</div>
</div>
);
}
export default Component_39_4_2;
~~~
~~~/components/Component_39_4_3.jsx
import Component_39_4_3_1 from './Component_39_4_3_1';
function Component_39_4_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_4_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/unraid-community-app"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/BYPXshmtncLMM7j2CjpRv74zffI.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_4_3_1 />
</div>
</div>
);
}
export default Component_39_4_3;
~~~
~~~/components/Component_39_5_1.jsx
import Component_39_5_1_1 from './Component_39_5_1_1';
function Component_39_5_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_5_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/1st Source Bank-data-breach"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/BGaFTCeophYDskZpSAVnnX0Lks.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_5_1_1 />
</div>
</div>
);
}
export default Component_39_5_1;
~~~
~~~/components/Component_39_5_2.jsx
import Component_39_5_2_1 from './Component_39_5_2_1';
function Component_39_5_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_5_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/application-security-books"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/jIn0iKT617Z3vbsFB4NQUfK5iJ8.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_5_2_1 />
</div>
</div>
);
}
export default Component_39_5_2;
~~~
~~~/components/Component_39_5_3.jsx
import Component_39_5_3_1 from './Component_39_5_3_1';
function Component_39_5_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_5_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/application-security-certifications"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/7MTet4UciHLsh8KYKa43Ta9L3aY.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_5_3_1 />
</div>
</div>
);
}
export default Component_39_5_3;
~~~
~~~/components/Component_39_6_1.jsx
import Component_39_6_1_1 from './Component_39_6_1_1';
function Component_39_6_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_6_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/jquery-vulnerabilities"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/aU7RWWHku1AUK9SB01frYh7s.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_6_1_1 />
</div>
</div>
);
}
export default Component_39_6_1;
~~~
~~~/components/Component_39_6_2.jsx
import Component_39_6_2_1 from './Component_39_6_2_1';
function Component_39_6_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_6_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/network-security-books"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/gGItMfbsY0SzSIoF2RdA6lTABaU.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_6_2_1 />
</div>
</div>
);
}
export default Component_39_6_2;
~~~
~~~/components/Component_39_6_3.jsx
import Component_39_6_3_1 from './Component_39_6_3_1';
function Component_39_6_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_6_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/npm-vulnerabilities"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/Oyq1Mmaf1QBGZCQqknICFISAN4.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_6_3_1 />
</div>
</div>
);
}
export default Component_39_6_3;
~~~
~~~/components/Component_39_7_1.jsx
import Component_39_7_1_1 from './Component_39_7_1_1';
function Component_39_7_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_7_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/kubernetes-auto-sync"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/GYJr9ZrYDgYlQMFyspboDHSXQ.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_7_1_1 />
</div>
</div>
);
}
export default Component_39_7_1;
~~~
~~~/components/Component_39_7_2.jsx
import Component_39_7_2_1 from './Component_39_7_2_1';
function Component_39_7_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_7_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/identity-firewall"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/Li6RmbXokE4X1F8Z6xJ9LBLGhQ.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_7_2_1 />
</div>
</div>
);
}
export default Component_39_7_2;
~~~
~~~/components/Component_39_7_3.jsx
import Component_39_7_3_1 from './Component_39_7_3_1';
function Component_39_7_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_7_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/unraid-community-app"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/BYPXshmtncLMM7j2CjpRv74zffI.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_7_3_1 />
</div>
</div>
);
}
export default Component_39_7_3;
~~~
~~~/components/Component_39_8_1.jsx
import Component_39_8_1_1 from './Component_39_8_1_1';
function Component_39_8_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_8_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/1st Source Bank-data-breach"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/BGaFTCeophYDskZpSAVnnX0Lks.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_8_1_1 />
</div>
</div>
);
}
export default Component_39_8_1;
~~~
~~~/components/Component_39_8_2.jsx
import Component_39_8_2_1 from './Component_39_8_2_1';
function Component_39_8_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_8_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/application-security-books"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/jIn0iKT617Z3vbsFB4NQUfK5iJ8.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_8_2_1 />
</div>
</div>
);
}
export default Component_39_8_2;
~~~
~~~/components/Component_39_8_3.jsx
import Component_39_8_3_1 from './Component_39_8_3_1';
function Component_39_8_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_8_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/application-security-certifications"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/7MTet4UciHLsh8KYKa43Ta9L3aY.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_8_3_1 />
</div>
</div>
);
}
export default Component_39_8_3;
~~~
~~~/components/Component_39_9_1.jsx
import Component_39_9_1_1 from './Component_39_9_1_1';
function Component_39_9_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_9_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/jquery-vulnerabilities"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/aU7RWWHku1AUK9SB01frYh7s.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_9_1_1 />
</div>
</div>
);
}
export default Component_39_9_1;
~~~
~~~/components/Component_39_9_2.jsx
import Component_39_9_2_1 from './Component_39_9_2_1';
function Component_39_9_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_9_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/network-security-books"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/gGItMfbsY0SzSIoF2RdA6lTABaU.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_9_2_1 />
</div>
</div>
);
}
export default Component_39_9_2;
~~~
~~~/components/Component_39_9_3.jsx
import Component_39_9_3_1 from './Component_39_9_3_1';
function Component_39_9_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_9_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/npm-vulnerabilities"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/Oyq1Mmaf1QBGZCQqknICFISAN4.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_9_3_1 />
</div>
</div>
);
}
export default Component_39_9_3;
~~~
~~~/components/Component_40_1_1.jsx
function Component_40_1_1() {
return (
<div
className="opacity-100 h-[34px] relative shrink-0"
data-component-id="Component_40_1_1"
>
<a
href="https://auth.twingate.com/signup"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] px-3.5 rounded-br-[50px] rounded-t-[50px] rounded-bl-[50px]"
>
<div className="will-change-auto opacity-100 bg-[#eef35f] absolute z-0 shrink-0 shadow-[rgba(255,255,255,0.15)_0px_2.5px_0px_-2px_inset,rgba(255,255,255,0.15)_0px_0px_0px_0.5px_inset] caret-[#0000ee] rounded-br-[100px] rounded-t-[100px] rounded-bl-[100px] inset-0"></div>
<div className="[--extracted-r6o4lv:rgb(0,0,0)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start order-2 caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,rgb(0,0,0))] leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] select-none my-0'>
Try Twingate for Free
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 order-3 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-53-1768143213255"
></div>
</div>
</div>
</a>
</div>
);
}
export default Component_40_1_1;
~~~
~~~/components/Component_40_1_2.jsx
function Component_40_1_2() {
return (
<div
className="opacity-100 h-[34px] relative shrink-0"
data-component-id="Component_40_1_2"
>
<a
href="./demo"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:rgb(255,255,255)] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Request a Demo
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-54-1768143213255"
></div>
</div>
</div>
</a>
</div>
);
}
export default Component_40_1_2;
~~~
~~~/components/Component_40_2_1.jsx
function Component_40_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0"
data-component-id="Component_40_2_1"
>
<div className="opacity-100 w-full relative shrink-0">
<div className="opacity-100 w-full h-[34px] relative flex flex-col justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Solutions
</p>
</div>
</div>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://www.twingate.com/zero-trust/"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Zero Trust Access
</p>
</div>
</a>
</div>
</div>
);
}
export default Component_40_2_1;
~~~
~~~/components/Component_40_2_2.jsx
function Component_40_2_2() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0"
data-component-id="Component_40_2_2"
>
<div className="opacity-100 w-full relative shrink-0">
<div className="opacity-100 w-full h-[34px] relative flex flex-col justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Documentation
</p>
</div>
</div>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://www.twingate.com/docs/quick-start"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Quick Start
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://www.twingate.com/docs/use-cases"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Use Cases
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://www.twingate.com/docs/architecture"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Architecture
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://www.twingate.com/docs/api-overview"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
API
</p>
</div>
</a>
</div>
<div className="opacity-100 h-[34px] relative shrink-0">
<a
href="https://github.com/twingate-labs"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-min h-full relative flex flex-col justify-center content-start items-start gap-y-2.5 gap-x-2.5 caret-[#0000ee] rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-Jk1CotMSH-Ecjgc4gT2)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-Jk1CotMSH-Ecjgc4gT2:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-70 caret-[#0000ee] pointer-events-none">
<p className='[--framer-text-alignment:left] [--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-Jk1CotMSH-Ecjgc4gT2))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] text-left [text-wrap-mode:nowrap] caret-white pointer-events-none my-0'>
Twingate Labs
</p>
</div>
</a>
</div>
</div>
);
}
export default Component_40_2_2;
~~~
~~~/components/Component_29_10_1.jsx
function Component_29_10_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_10_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="351"
height="430"
src="https://framerusercontent.com/images/qVdMhP3ElJirSWlNbyHEamS9JpM.jpg?width=351&height=430"
className="object-[center_center] w-full h-full aspect-[auto_351_/_430] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Paul Guthrie
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Information Security Officer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_10_1;
~~~
~~~/components/Component_29_11_1.jsx
function Component_29_11_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_11_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/nvwx0nd05FhnTEZkApiTr1t8Og.jpg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Bob Bousquet
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Director of IT
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_11_1;
~~~
~~~/components/Component_29_12_1.jsx
function Component_29_12_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_12_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/G0IPaW468SyIkNjzdZnAaxOB60s.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_12_1;
~~~
~~~/components/Component_29_13_1.jsx
function Component_29_13_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_13_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/TFpjkv97YRB6prq7cnJA89Vbaj0.jpg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Emery Wells
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_13_1;
~~~
~~~/components/Component_29_14_1.jsx
function Component_29_14_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_14_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/4rKrAgzNhBUe8ZnSUcZq4W9YAik.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_14_1;
~~~
~~~/components/Component_29_15_1.jsx
function Component_29_15_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_15_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="351"
height="430"
src="https://framerusercontent.com/images/qVdMhP3ElJirSWlNbyHEamS9JpM.jpg?width=351&height=430"
className="object-[center_center] w-full h-full aspect-[auto_351_/_430] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Paul Guthrie
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Information Security Officer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_15_1;
~~~
~~~/components/Component_29_16_1.jsx
function Component_29_16_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_16_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/nvwx0nd05FhnTEZkApiTr1t8Og.jpg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Bob Bousquet
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Director of IT
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_16_1;
~~~
~~~/components/Component_29_17_1.jsx
function Component_29_17_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_17_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/G0IPaW468SyIkNjzdZnAaxOB60s.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_17_1;
~~~
~~~/components/Component_29_18_1.jsx
function Component_29_18_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_18_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/TFpjkv97YRB6prq7cnJA89Vbaj0.jpg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Emery Wells
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_18_1;
~~~
~~~/components/Component_29_19_1.jsx
function Component_29_19_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_19_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/4rKrAgzNhBUe8ZnSUcZq4W9YAik.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_19_1;
~~~
~~~/components/Component_29_20_1.jsx
function Component_29_20_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_20_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="351"
height="430"
src="https://framerusercontent.com/images/qVdMhP3ElJirSWlNbyHEamS9JpM.jpg?width=351&height=430"
className="object-[center_center] w-full h-full aspect-[auto_351_/_430] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Paul Guthrie
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Information Security Officer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_20_1;
~~~
~~~/components/Component_29_21_1.jsx
function Component_29_21_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_21_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="279"
height="279"
src="https://framerusercontent.com/images/30QKcE4Ng7oE0n0fvV0pVLnIkhQ.jpeg?width=279&height=279"
className="object-[center_center] w-full h-full aspect-[auto_279_/_279] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Cameron Perry
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Staff Site Reliability Engineer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_21_1;
~~~
~~~/components/Component_29_22_1.jsx
function Component_29_22_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_22_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/WOfbp8LGUQOIvtjjyK2jgMjsGVg.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Neel Palrecha
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_22_1;
~~~
~~~/components/Component_29_23_1.jsx
function Component_29_23_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_23_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="315"
height="315"
src="https://framerusercontent.com/images/3Cgmmv6OKyOS6zM85sxf7UkQsc.jpeg?width=315&height=315"
className="object-[center_center] w-full h-full aspect-[auto_315_/_315] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Joey Benamy
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Senior SRE
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_23_1;
~~~
~~~/components/Component_29_24_1.jsx
function Component_29_24_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_24_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="500"
height="500"
src="https://framerusercontent.com/images/6wV23T5ZCawCdg6agS6ZB7dRoXA.jpeg?width=500&height=500"
className="object-[center_center] w-full h-full aspect-[auto_500_/_500] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Stuart Robinson
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO & Co-founder
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_24_1;
~~~
~~~/components/Component_29_25_1.jsx
function Component_29_25_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_25_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/VuTLESmjNRSMSEvETYW4LtLY.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_25_1;
~~~
~~~/components/Component_29_26_1.jsx
function Component_29_26_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_26_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/IzIXu9HtssCVww5Gpq23DPprCto.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_26_1;
~~~
~~~/components/Component_29_27_1.jsx
function Component_29_27_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_27_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="279"
height="279"
src="https://framerusercontent.com/images/30QKcE4Ng7oE0n0fvV0pVLnIkhQ.jpeg?width=279&height=279"
className="object-[center_center] w-full h-full aspect-[auto_279_/_279] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Cameron Perry
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Staff Site Reliability Engineer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_27_1;
~~~
~~~/components/Component_29_28_1.jsx
function Component_29_28_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_28_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/WOfbp8LGUQOIvtjjyK2jgMjsGVg.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Neel Palrecha
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_28_1;
~~~
~~~/components/Component_29_29_1.jsx
function Component_29_29_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_29_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="315"
height="315"
src="https://framerusercontent.com/images/3Cgmmv6OKyOS6zM85sxf7UkQsc.jpeg?width=315&height=315"
className="object-[center_center] w-full h-full aspect-[auto_315_/_315] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Joey Benamy
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Senior SRE
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_29_1;
~~~
~~~/components/Component_29_30_1.jsx
function Component_29_30_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_30_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="500"
height="500"
src="https://framerusercontent.com/images/6wV23T5ZCawCdg6agS6ZB7dRoXA.jpeg?width=500&height=500"
className="object-[center_center] w-full h-full aspect-[auto_500_/_500] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Stuart Robinson
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO & Co-founder
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_30_1;
~~~
~~~/components/Component_29_31_1.jsx
function Component_29_31_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_31_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/VuTLESmjNRSMSEvETYW4LtLY.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_31_1;
~~~
~~~/components/Component_29_32_1.jsx
function Component_29_32_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_32_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/IzIXu9HtssCVww5Gpq23DPprCto.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_32_1;
~~~
~~~/components/Component_29_33_1.jsx
function Component_29_33_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_33_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="279"
height="279"
src="https://framerusercontent.com/images/30QKcE4Ng7oE0n0fvV0pVLnIkhQ.jpeg?width=279&height=279"
className="object-[center_center] w-full h-full aspect-[auto_279_/_279] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Cameron Perry
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Staff Site Reliability Engineer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_33_1;
~~~
~~~/components/Component_29_34_1.jsx
function Component_29_34_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_34_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/WOfbp8LGUQOIvtjjyK2jgMjsGVg.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Neel Palrecha
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_34_1;
~~~
~~~/components/Component_29_35_1.jsx
function Component_29_35_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_35_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="315"
height="315"
src="https://framerusercontent.com/images/3Cgmmv6OKyOS6zM85sxf7UkQsc.jpeg?width=315&height=315"
className="object-[center_center] w-full h-full aspect-[auto_315_/_315] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Joey Benamy
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Senior SRE
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_35_1;
~~~
~~~/components/Component_29_36_1.jsx
function Component_29_36_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_36_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="500"
height="500"
src="https://framerusercontent.com/images/6wV23T5ZCawCdg6agS6ZB7dRoXA.jpeg?width=500&height=500"
className="object-[center_center] w-full h-full aspect-[auto_500_/_500] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Stuart Robinson
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO & Co-founder
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_36_1;
~~~
~~~/components/Component_29_37_1.jsx
function Component_29_37_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_37_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/VuTLESmjNRSMSEvETYW4LtLY.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_37_1;
~~~
~~~/components/Component_29_38_1.jsx
function Component_29_38_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_38_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/IzIXu9HtssCVww5Gpq23DPprCto.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_38_1;
~~~
~~~/components/Component_29_39_1.jsx
function Component_29_39_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_39_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="279"
height="279"
src="https://framerusercontent.com/images/30QKcE4Ng7oE0n0fvV0pVLnIkhQ.jpeg?width=279&height=279"
className="object-[center_center] w-full h-full aspect-[auto_279_/_279] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Cameron Perry
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Staff Site Reliability Engineer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_39_1;
~~~
~~~/components/Component_29_40_1.jsx
function Component_29_40_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_40_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/WOfbp8LGUQOIvtjjyK2jgMjsGVg.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Neel Palrecha
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_40_1;
~~~
~~~/components/Component_29_41_1.jsx
function Component_29_41_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_41_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="315"
height="315"
src="https://framerusercontent.com/images/3Cgmmv6OKyOS6zM85sxf7UkQsc.jpeg?width=315&height=315"
className="object-[center_center] w-full h-full aspect-[auto_315_/_315] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Joey Benamy
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Senior SRE
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_41_1;
~~~
~~~/components/Component_29_42_1.jsx
function Component_29_42_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_42_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="500"
height="500"
src="https://framerusercontent.com/images/6wV23T5ZCawCdg6agS6ZB7dRoXA.jpeg?width=500&height=500"
className="object-[center_center] w-full h-full aspect-[auto_500_/_500] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Stuart Robinson
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO & Co-founder
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_42_1;
~~~
~~~/components/Component_29_43_1.jsx
function Component_29_43_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_43_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/VuTLESmjNRSMSEvETYW4LtLY.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_43_1;
~~~
~~~/components/Component_29_44_1.jsx
function Component_29_44_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_44_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/IzIXu9HtssCVww5Gpq23DPprCto.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_44_1;
~~~
~~~/components/Component_29_45_1.jsx
function Component_29_45_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_45_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="450"
height="450"
src="https://framerusercontent.com/images/BO8O2d4aB7G19aOaxgkoFSqywss.jpeg?width=450&height=450"
className="object-[center_center] w-full h-full aspect-[auto_450_/_450] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
andrew-fong
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO at Prodvana
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_45_1;
~~~
~~~/components/Component_29_45_2.jsx
function Component_29_45_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_45_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Twingate solved our production access problems in less than a day.
<br />
<br />
We were able to get access to different k8s clusters in different VPCs
without complex configurations. Getting that time back to focus on
development was amazing.
<br />
<br />
Twingate helped us set up least privilege access controls in a much
more streamlined way than any of us were used to. The sigh of relief
when we realized we didn’t need to configure anything else in GCP was
palpable. :)
<br />
<br />
They need to work on their marketing, but their product is phenomenal.
If you are looking to ditch VPNs, check out Twingate.
</p>
</div>
</div>
);
}
export default Component_29_45_2;
~~~
~~~/components/Component_29_46_1.jsx
function Component_29_46_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_46_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/PaxvfZIE7ZUfualNdTVMYwEmXE.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
mang-git-ng
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO at Anvil
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_46_1;
~~~
~~~/components/Component_29_47_1.jsx
function Component_29_47_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_47_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="203"
height="203"
src="https://framerusercontent.com/images/4xJenW7fkyaM8xec1rvS1UvarSs.jpeg?width=203&height=203"
className="object-[center_center] w-full h-full aspect-[auto_203_/_203] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
ian-calderbank
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Network Architecture Consultant
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_47_1;
~~~
~~~/components/Component_29_47_2.jsx
function Component_29_47_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_47_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Outbound tunnels only, no incoming attack surface exposed, tunnel
stitching in their cloud, per device, per user and per application
authorisation, integration with common major Identity providers,
what's not to like.
<br />
<br />
It took me 20 minutes to get it working for a sample SME (myself).
Docker to deploy the connector to an on-prem box (a NAS), all
autoconfigured once the necessary authorisation keys were pasted in.
Microsoft 365 for the identity, Linux packages for the endpoint.
<br />
<br />
Job done!
</p>
</div>
</div>
);
}
export default Component_29_47_2;
~~~
~~~/components/Component_29_48_1.jsx
function Component_29_48_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_48_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="256"
height="256"
src="https://framerusercontent.com/images/IMxvQgcu9za6NA0uIKiVfDmx1xI.png?width=256&height=256"
className="object-[center_center] w-full h-full aspect-[auto_256_/_256] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
u-nimajalali
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
r/sysadmin contributor
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_48_1;
~~~
~~~/components/Component_29_49_1.jsx
function Component_29_49_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_49_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/dfCVNI14n4vG0636s4QIZH6zVU.jpeg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
a-k-singh
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
@itsatulkumar
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_49_1;
~~~
~~~/components/Component_29_50_1.jsx
function Component_29_50_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_50_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="315"
height="315"
src="https://framerusercontent.com/images/VUsZNlsh2Uyyja3RLTP55j6tIJ8.jpeg?width=315&height=315"
className="object-[center_center] w-full h-full aspect-[auto_315_/_315] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
joey-benamy
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE, OncoLens
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_50_1;
~~~
~~~/components/Component_29_50_2.jsx
function Component_29_50_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_50_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Implementing and managing
<a
href="https://www.linkedin.com/company/twingate/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Twingate
</a>
is a devops engineer's dream. From highly relevant and technical
documentation to solid IaC providers,
<a
href="https://www.linkedin.com/in/ACoAAAJeYFkBhSk5t6-kqIDBRUgmtb-OypRNY4s"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Peter Ahn
</a>
,
<a
href="https://www.linkedin.com/in/ACoAAAAn1NEBsFdnZUuc27psfbKiyY35KSIbHE8"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Tony Huie
</a>
,
<a
href="https://www.linkedin.com/in/ACoAAAAn0n8BvLZWxXLpGu6sM_bUYaxeKpuaTjc"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Alex M.
</a>
and the team at Twingate have made it so easy to deploy and automate
Twingate at any scale.
<a
href="https://www.linkedin.com/company/oncolens/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
OncoLens
</a>
is looking forward to getting more users and resources on Twingate and
trying out the upcoming features on the roadmap!
<a
href="https://www.linkedin.com/feed/hashtag/?keywords=devops&highlightedUpdateUrns=urn%3Ali%3Aactivity%3A6996279281588817920"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
#devops
</a>
<a
href="https://www.linkedin.com/feed/hashtag/?keywords=sase&highlightedUpdateUrns=urn%3Ali%3Aactivity%3A6996279281588817920"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
#sase
</a>
<a
href="https://www.linkedin.com/feed/hashtag/?keywords=zerotrust&highlightedUpdateUrns=urn%3Ali%3Aactivity%3A6996279281588817920"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
#zerotrust
</a>
</p>
</div>
</div>
);
}
export default Component_29_50_2;
~~~
~~~/components/Component_29_51_1.jsx
function Component_29_51_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_51_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="450"
height="450"
src="https://framerusercontent.com/images/BO8O2d4aB7G19aOaxgkoFSqywss.jpeg?width=450&height=450"
className="object-[center_center] w-full h-full aspect-[auto_450_/_450] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
andrew-fong
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO at Prodvana
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_51_1;
~~~
~~~/components/Component_29_51_2.jsx
function Component_29_51_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_51_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Twingate solved our production access problems in less than a day.
<br />
<br />
We were able to get access to different k8s clusters in different VPCs
without complex configurations. Getting that time back to focus on
development was amazing.
<br />
<br />
Twingate helped us set up least privilege access controls in a much
more streamlined way than any of us were used to. The sigh of relief
when we realized we didn’t need to configure anything else in GCP was
palpable. :)
<br />
<br />
They need to work on their marketing, but their product is phenomenal.
If you are looking to ditch VPNs, check out Twingate.
</p>
</div>
</div>
);
}
export default Component_29_51_2;
~~~
~~~/components/Component_29_52_1.jsx
function Component_29_52_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_52_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/PaxvfZIE7ZUfualNdTVMYwEmXE.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
mang-git-ng
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO at Anvil
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_52_1;
~~~
~~~/components/Component_29_53_1.jsx
function Component_29_53_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_53_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="203"
height="203"
src="https://framerusercontent.com/images/4xJenW7fkyaM8xec1rvS1UvarSs.jpeg?width=203&height=203"
className="object-[center_center] w-full h-full aspect-[auto_203_/_203] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
ian-calderbank
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Network Architecture Consultant
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_53_1;
~~~
~~~/components/Component_29_53_2.jsx
function Component_29_53_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_53_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Outbound tunnels only, no incoming attack surface exposed, tunnel
stitching in their cloud, per device, per user and per application
authorisation, integration with common major Identity providers,
what's not to like.
<br />
<br />
It took me 20 minutes to get it working for a sample SME (myself).
Docker to deploy the connector to an on-prem box (a NAS), all
autoconfigured once the necessary authorisation keys were pasted in.
Microsoft 365 for the identity, Linux packages for the endpoint.
<br />
<br />
Job done!
</p>
</div>
</div>
);
}
export default Component_29_53_2;
~~~
~~~/components/Component_29_54_1.jsx
function Component_29_54_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_54_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="256"
height="256"
src="https://framerusercontent.com/images/IMxvQgcu9za6NA0uIKiVfDmx1xI.png?width=256&height=256"
className="object-[center_center] w-full h-full aspect-[auto_256_/_256] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
u-nimajalali
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
r/sysadmin contributor
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_54_1;
~~~
~~~/components/Component_29_55_1.jsx
function Component_29_55_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_55_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/dfCVNI14n4vG0636s4QIZH6zVU.jpeg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
a-k-singh
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
@itsatulkumar
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_55_1;
~~~
~~~/components/Component_29_56_1.jsx
function Component_29_56_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_56_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="315"
height="315"
src="https://framerusercontent.com/images/VUsZNlsh2Uyyja3RLTP55j6tIJ8.jpeg?width=315&height=315"
className="object-[center_center] w-full h-full aspect-[auto_315_/_315] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
joey-benamy
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE, OncoLens
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_56_1;
~~~
~~~/components/Component_29_56_2.jsx
function Component_29_56_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_56_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Implementing and managing
<a
href="https://www.linkedin.com/company/twingate/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Twingate
</a>
is a devops engineer's dream. From highly relevant and technical
documentation to solid IaC providers,
<a
href="https://www.linkedin.com/in/ACoAAAJeYFkBhSk5t6-kqIDBRUgmtb-OypRNY4s"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Peter Ahn
</a>
,
<a
href="https://www.linkedin.com/in/ACoAAAAn1NEBsFdnZUuc27psfbKiyY35KSIbHE8"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Tony Huie
</a>
,
<a
href="https://www.linkedin.com/in/ACoAAAAn0n8BvLZWxXLpGu6sM_bUYaxeKpuaTjc"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Alex M.
</a>
and the team at Twingate have made it so easy to deploy and automate
Twingate at any scale.
<a
href="https://www.linkedin.com/company/oncolens/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
OncoLens
</a>
is looking forward to getting more users and resources on Twingate and
trying out the upcoming features on the roadmap!
<a
href="https://www.linkedin.com/feed/hashtag/?keywords=devops&highlightedUpdateUrns=urn%3Ali%3Aactivity%3A6996279281588817920"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
#devops
</a>
<a
href="https://www.linkedin.com/feed/hashtag/?keywords=sase&highlightedUpdateUrns=urn%3Ali%3Aactivity%3A6996279281588817920"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
#sase
</a>
<a
href="https://www.linkedin.com/feed/hashtag/?keywords=zerotrust&highlightedUpdateUrns=urn%3Ali%3Aactivity%3A6996279281588817920"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
#zerotrust
</a>
</p>
</div>
</div>
);
}
export default Component_29_56_2;
~~~
~~~/components/Component_29_57_1.jsx
function Component_29_57_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_57_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="450"
height="450"
src="https://framerusercontent.com/images/BO8O2d4aB7G19aOaxgkoFSqywss.jpeg?width=450&height=450"
className="object-[center_center] w-full h-full aspect-[auto_450_/_450] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
andrew-fong
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO at Prodvana
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_57_1;
~~~
~~~/components/Component_29_57_2.jsx
function Component_29_57_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_57_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Twingate solved our production access problems in less than a day.
<br />
<br />
We were able to get access to different k8s clusters in different VPCs
without complex configurations. Getting that time back to focus on
development was amazing.
<br />
<br />
Twingate helped us set up least privilege access controls in a much
more streamlined way than any of us were used to. The sigh of relief
when we realized we didn’t need to configure anything else in GCP was
palpable. :)
<br />
<br />
They need to work on their marketing, but their product is phenomenal.
If you are looking to ditch VPNs, check out Twingate.
</p>
</div>
</div>
);
}
export default Component_29_57_2;
~~~
~~~/components/Component_29_58_1.jsx
function Component_29_58_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_58_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/PaxvfZIE7ZUfualNdTVMYwEmXE.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
mang-git-ng
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO at Anvil
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_58_1;
~~~
~~~/components/Component_29_59_1.jsx
function Component_29_59_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_59_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="203"
height="203"
src="https://framerusercontent.com/images/4xJenW7fkyaM8xec1rvS1UvarSs.jpeg?width=203&height=203"
className="object-[center_center] w-full h-full aspect-[auto_203_/_203] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
ian-calderbank
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Network Architecture Consultant
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_59_1;
~~~
~~~/components/Component_29_59_2.jsx
function Component_29_59_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_59_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Outbound tunnels only, no incoming attack surface exposed, tunnel
stitching in their cloud, per device, per user and per application
authorisation, integration with common major Identity providers,
what's not to like.
<br />
<br />
It took me 20 minutes to get it working for a sample SME (myself).
Docker to deploy the connector to an on-prem box (a NAS), all
autoconfigured once the necessary authorisation keys were pasted in.
Microsoft 365 for the identity, Linux packages for the endpoint.
<br />
<br />
Job done!
</p>
</div>
</div>
);
}
export default Component_29_59_2;
~~~
~~~/components/Component_29_60_1.jsx
function Component_29_60_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_60_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="256"
height="256"
src="https://framerusercontent.com/images/IMxvQgcu9za6NA0uIKiVfDmx1xI.png?width=256&height=256"
className="object-[center_center] w-full h-full aspect-[auto_256_/_256] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
u-nimajalali
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
r/sysadmin contributor
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_60_1;
~~~
~~~/components/Component_29_61_1.jsx
function Component_29_61_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_61_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/dfCVNI14n4vG0636s4QIZH6zVU.jpeg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
a-k-singh
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
@itsatulkumar
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_61_1;
~~~
~~~/components/Component_29_62_1.jsx
function Component_29_62_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_62_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="315"
height="315"
src="https://framerusercontent.com/images/VUsZNlsh2Uyyja3RLTP55j6tIJ8.jpeg?width=315&height=315"
className="object-[center_center] w-full h-full aspect-[auto_315_/_315] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
joey-benamy
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE, OncoLens
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_62_1;
~~~
~~~/components/Component_29_62_2.jsx
function Component_29_62_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_62_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Implementing and managing
<a
href="https://www.linkedin.com/company/twingate/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Twingate
</a>
is a devops engineer's dream. From highly relevant and technical
documentation to solid IaC providers,
<a
href="https://www.linkedin.com/in/ACoAAAJeYFkBhSk5t6-kqIDBRUgmtb-OypRNY4s"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Peter Ahn
</a>
,
<a
href="https://www.linkedin.com/in/ACoAAAAn1NEBsFdnZUuc27psfbKiyY35KSIbHE8"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Tony Huie
</a>
,
<a
href="https://www.linkedin.com/in/ACoAAAAn0n8BvLZWxXLpGu6sM_bUYaxeKpuaTjc"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Alex M.
</a>
and the team at Twingate have made it so easy to deploy and automate
Twingate at any scale.
<a
href="https://www.linkedin.com/company/oncolens/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
OncoLens
</a>
is looking forward to getting more users and resources on Twingate and
trying out the upcoming features on the roadmap!
<a
href="https://www.linkedin.com/feed/hashtag/?keywords=devops&highlightedUpdateUrns=urn%3Ali%3Aactivity%3A6996279281588817920"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
#devops
</a>
<a
href="https://www.linkedin.com/feed/hashtag/?keywords=sase&highlightedUpdateUrns=urn%3Ali%3Aactivity%3A6996279281588817920"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
#sase
</a>
<a
href="https://www.linkedin.com/feed/hashtag/?keywords=zerotrust&highlightedUpdateUrns=urn%3Ali%3Aactivity%3A6996279281588817920"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
#zerotrust
</a>
</p>
</div>
</div>
);
}
export default Component_29_62_2;
~~~
~~~/components/Component_29_63_1.jsx
function Component_29_63_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_63_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/7MavJ9yYue4gJ5xksVBnipo14.jpeg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
alex-bovee
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO at ConductorOne
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_63_1;
~~~
~~~/components/Component_29_63_2.jsx
function Component_29_63_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_63_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Push Verification and TOTP just aren’t good enough anymore. Webauthn /
FIDO2 authenticators such as Yubikeys (
<a
href="https://www.linkedin.com/company/yubico/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Yubico
</a>
) are the solve for phishing as they’re cryptographically verified
against the issuing domain. They’re pretty close to perfect
authenticators.
<br />
<br />
The problem is that many existing tools, like VPNs, control the
credential verification and depend on protocols such as RADIUS to
authenticate users. This means Push and TOTP are the “best”
multi-factor verification methods we have – but they are clearly
vulnerable to at-scale phishing and social engineering attacks. There
are companies that are solving this problem –
<a
href="https://www.linkedin.com/company/twingate/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Twingate
</a>
and
<a
href="https://www.linkedin.com/company/tailscale/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Tailscale
</a>
are two great examples. They let you embrace both better credential
verification natively and IdP led flows for authenticating users.
<br />
<br />
All up, it’s scary to see the impact of the Uber hack, but I am
optimistic that we’re making the right investments as an industry to
help companies be more secure.
</p>
</div>
</div>
);
}
export default Component_29_63_2;
~~~
~~~/components/Component_29_64_1.jsx
function Component_29_64_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_64_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="399"
height="399"
src="https://framerusercontent.com/images/KvpP1QkvDmkMrve2gFCHPphWnQw.jpeg?width=399&height=399"
className="object-[center_center] w-full h-full aspect-[auto_399_/_399] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
robbert-r
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
@RobbertR1971
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_64_1;
~~~
~~~/components/Component_29_65_1.jsx
function Component_29_65_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_65_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="380"
height="485"
src="https://framerusercontent.com/images/TgfQynll6atE6WEg3o98rnp9dQ.png?width=380&height=485"
className="object-[center_center] w-full h-full aspect-[auto_380_/_485] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
erik-caligo
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
ErikCaligo
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_65_1;
~~~
~~~/components/Component_29_66_1.jsx
function Component_29_66_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_66_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/RYd3YADayTRcGibRttoTIFzj9AI.jpeg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
frank
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
@CompWizard18219
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_66_1;
~~~
~~~/components/Component_29_67_1.jsx
function Component_29_67_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_67_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/hIjexe0di0n2bykntPxCdk4W850.jpeg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
vishal-k-c
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Security Researcher | Aspiring Pentester | Red Team| Newbie | SIEM
| Seceon | SolarWinds | NOC | SOC | Nessus | Nexpose |
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_67_1;
~~~
~~~/components/Component_29_67_2.jsx
function Component_29_67_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_67_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
to be honest, I think it is better to switch to Zero Trust ,though it
comes with the risk , we need to be taking the proper action for the
prevention of exploitation,
<br />
<br />I recently saw
<a
href="https://www.linkedin.com/company/networkchuck/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
NetworkChuck
</a>
has showed a ZT With the Collab with
<a
href="https://www.linkedin.com/company/twingate/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Twingate
</a>
which provide a next level of ZT .
<br />
<br />I think ZT is gonna be the upgrade and easy way for VPN
replacement for sure.
</p>
</div>
</div>
);
}
export default Component_29_67_2;
~~~
~~~/components/Component_29_68_1.jsx
function Component_29_68_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_68_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/7MavJ9yYue4gJ5xksVBnipo14.jpeg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
alex-bovee
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO at ConductorOne
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_68_1;
~~~
~~~/components/Component_29_68_2.jsx
function Component_29_68_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_68_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Push Verification and TOTP just aren’t good enough anymore. Webauthn /
FIDO2 authenticators such as Yubikeys (
<a
href="https://www.linkedin.com/company/yubico/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Yubico
</a>
) are the solve for phishing as they’re cryptographically verified
against the issuing domain. They’re pretty close to perfect
authenticators.
<br />
<br />
The problem is that many existing tools, like VPNs, control the
credential verification and depend on protocols such as RADIUS to
authenticate users. This means Push and TOTP are the “best”
multi-factor verification methods we have – but they are clearly
vulnerable to at-scale phishing and social engineering attacks. There
are companies that are solving this problem –
<a
href="https://www.linkedin.com/company/twingate/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Twingate
</a>
and
<a
href="https://www.linkedin.com/company/tailscale/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Tailscale
</a>
are two great examples. They let you embrace both better credential
verification natively and IdP led flows for authenticating users.
<br />
<br />
All up, it’s scary to see the impact of the Uber hack, but I am
optimistic that we’re making the right investments as an industry to
help companies be more secure.
</p>
</div>
</div>
);
}
export default Component_29_68_2;
~~~
~~~/components/Component_29_69_1.jsx
function Component_29_69_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_69_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="399"
height="399"
src="https://framerusercontent.com/images/KvpP1QkvDmkMrve2gFCHPphWnQw.jpeg?width=399&height=399"
className="object-[center_center] w-full h-full aspect-[auto_399_/_399] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
robbert-r
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
@RobbertR1971
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_69_1;
~~~
~~~/components/Component_29_70_1.jsx
function Component_29_70_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_70_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="380"
height="485"
src="https://framerusercontent.com/images/TgfQynll6atE6WEg3o98rnp9dQ.png?width=380&height=485"
className="object-[center_center] w-full h-full aspect-[auto_380_/_485] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
erik-caligo
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
ErikCaligo
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_70_1;
~~~
~~~/components/Component_29_71_1.jsx
function Component_29_71_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_71_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/RYd3YADayTRcGibRttoTIFzj9AI.jpeg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
frank
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
@CompWizard18219
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_71_1;
~~~
~~~/components/Component_29_72_1.jsx
function Component_29_72_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_72_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/hIjexe0di0n2bykntPxCdk4W850.jpeg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
vishal-k-c
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Security Researcher | Aspiring Pentester | Red Team| Newbie | SIEM
| Seceon | SolarWinds | NOC | SOC | Nessus | Nexpose |
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_72_1;
~~~
~~~/components/Component_29_72_2.jsx
function Component_29_72_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_72_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
to be honest, I think it is better to switch to Zero Trust ,though it
comes with the risk , we need to be taking the proper action for the
prevention of exploitation,
<br />
<br />I recently saw
<a
href="https://www.linkedin.com/company/networkchuck/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
NetworkChuck
</a>
has showed a ZT With the Collab with
<a
href="https://www.linkedin.com/company/twingate/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Twingate
</a>
which provide a next level of ZT .
<br />
<br />I think ZT is gonna be the upgrade and easy way for VPN
replacement for sure.
</p>
</div>
</div>
);
}
export default Component_29_72_2;
~~~
~~~/components/Component_29_73_1.jsx
function Component_29_73_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_73_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/7MavJ9yYue4gJ5xksVBnipo14.jpeg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
alex-bovee
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO at ConductorOne
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_73_1;
~~~
~~~/components/Component_29_73_2.jsx
function Component_29_73_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_73_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
Push Verification and TOTP just aren’t good enough anymore. Webauthn /
FIDO2 authenticators such as Yubikeys (
<a
href="https://www.linkedin.com/company/yubico/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Yubico
</a>
) are the solve for phishing as they’re cryptographically verified
against the issuing domain. They’re pretty close to perfect
authenticators.
<br />
<br />
The problem is that many existing tools, like VPNs, control the
credential verification and depend on protocols such as RADIUS to
authenticate users. This means Push and TOTP are the “best”
multi-factor verification methods we have – but they are clearly
vulnerable to at-scale phishing and social engineering attacks. There
are companies that are solving this problem –
<a
href="https://www.linkedin.com/company/twingate/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Twingate
</a>
and
<a
href="https://www.linkedin.com/company/tailscale/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Tailscale
</a>
are two great examples. They let you embrace both better credential
verification natively and IdP led flows for authenticating users.
<br />
<br />
All up, it’s scary to see the impact of the Uber hack, but I am
optimistic that we’re making the right investments as an industry to
help companies be more secure.
</p>
</div>
</div>
);
}
export default Component_29_73_2;
~~~
~~~/components/Component_29_74_1.jsx
function Component_29_74_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_74_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="399"
height="399"
src="https://framerusercontent.com/images/KvpP1QkvDmkMrve2gFCHPphWnQw.jpeg?width=399&height=399"
className="object-[center_center] w-full h-full aspect-[auto_399_/_399] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
robbert-r
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
@RobbertR1971
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_74_1;
~~~
~~~/components/Component_29_75_1.jsx
function Component_29_75_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_75_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="380"
height="485"
src="https://framerusercontent.com/images/TgfQynll6atE6WEg3o98rnp9dQ.png?width=380&height=485"
className="object-[center_center] w-full h-full aspect-[auto_380_/_485] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
erik-caligo
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
ErikCaligo
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_75_1;
~~~
~~~/components/Component_29_76_1.jsx
function Component_29_76_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_76_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/RYd3YADayTRcGibRttoTIFzj9AI.jpeg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
frank
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
@CompWizard18219
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_76_1;
~~~
~~~/components/Component_29_77_1.jsx
function Component_29_77_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_77_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/hIjexe0di0n2bykntPxCdk4W850.jpeg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
vishal-k-c
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Security Researcher | Aspiring Pentester | Red Team| Newbie | SIEM
| Seceon | SolarWinds | NOC | SOC | Nessus | Nexpose |
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_77_1;
~~~
~~~/components/Component_29_77_2.jsx
function Component_29_77_2() {
return (
<div
className="opacity-100 w-full h-min min-w-[200px] relative flex flex-col shrink-0 justify-start content-start items-start gap-y-2.5 gap-x-2.5"
data-component-id="Component_29_77_2"
>
<div className="[transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='text-[#cfcfd3] leading-[28.9px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[17px] [word-break:break-word] caret-[#cfcfd3] my-0'>
to be honest, I think it is better to switch to Zero Trust ,though it
comes with the risk , we need to be taking the proper action for the
prevention of exploitation,
<br />
<br />I recently saw
<a
href="https://www.linkedin.com/company/networkchuck/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
NetworkChuck
</a>
has showed a ZT With the Collab with
<a
href="https://www.linkedin.com/company/twingate/"
tabIndex="-1"
className="bg-[rgba(0,0,0,0.2)] text-white underline [word-break:break-word] caret-white"
>
Twingate
</a>
which provide a next level of ZT .
<br />
<br />I think ZT is gonna be the upgrade and easy way for VPN
replacement for sure.
</p>
</div>
</div>
);
}
export default Component_29_77_2;
~~~
~~~/components/Component_29_78_1.jsx
function Component_29_78_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_78_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="279"
height="279"
src="https://framerusercontent.com/images/30QKcE4Ng7oE0n0fvV0pVLnIkhQ.jpeg?width=279&height=279"
className="object-[center_center] w-full h-full aspect-[auto_279_/_279] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Cameron Perry
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Staff Site Reliability Engineer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_78_1;
~~~
~~~/components/Component_29_79_1.jsx
function Component_29_79_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_79_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/WOfbp8LGUQOIvtjjyK2jgMjsGVg.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Neel Palrecha
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_79_1;
~~~
~~~/components/Component_29_80_1.jsx
function Component_29_80_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_80_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="315"
height="315"
src="https://framerusercontent.com/images/3Cgmmv6OKyOS6zM85sxf7UkQsc.jpeg?width=315&height=315"
className="object-[center_center] w-full h-full aspect-[auto_315_/_315] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Joey Benamy
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Senior SRE
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_80_1;
~~~
~~~/components/Component_29_81_1.jsx
function Component_29_81_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_81_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="500"
height="500"
src="https://framerusercontent.com/images/6wV23T5ZCawCdg6agS6ZB7dRoXA.jpeg?width=500&height=500"
className="object-[center_center] w-full h-full aspect-[auto_500_/_500] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Stuart Robinson
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO & Co-founder
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_81_1;
~~~
~~~/components/Component_29_82_1.jsx
function Component_29_82_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_82_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/VuTLESmjNRSMSEvETYW4LtLY.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_82_1;
~~~
~~~/components/Component_29_83_1.jsx
function Component_29_83_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_83_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/IzIXu9HtssCVww5Gpq23DPprCto.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_83_1;
~~~
~~~/components/Component_29_84_1.jsx
function Component_29_84_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_84_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="279"
height="279"
src="https://framerusercontent.com/images/30QKcE4Ng7oE0n0fvV0pVLnIkhQ.jpeg?width=279&height=279"
className="object-[center_center] w-full h-full aspect-[auto_279_/_279] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Cameron Perry
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Staff Site Reliability Engineer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_84_1;
~~~
~~~/components/Component_29_85_1.jsx
function Component_29_85_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_85_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/WOfbp8LGUQOIvtjjyK2jgMjsGVg.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Neel Palrecha
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_85_1;
~~~
~~~/components/Component_29_86_1.jsx
function Component_29_86_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_86_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="315"
height="315"
src="https://framerusercontent.com/images/3Cgmmv6OKyOS6zM85sxf7UkQsc.jpeg?width=315&height=315"
className="object-[center_center] w-full h-full aspect-[auto_315_/_315] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Joey Benamy
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Senior SRE
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_86_1;
~~~
~~~/components/Component_29_87_1.jsx
function Component_29_87_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_87_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="500"
height="500"
src="https://framerusercontent.com/images/6wV23T5ZCawCdg6agS6ZB7dRoXA.jpeg?width=500&height=500"
className="object-[center_center] w-full h-full aspect-[auto_500_/_500] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Stuart Robinson
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO & Co-founder
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_87_1;
~~~
~~~/components/Component_29_88_1.jsx
function Component_29_88_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_88_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/VuTLESmjNRSMSEvETYW4LtLY.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_88_1;
~~~
~~~/components/Component_29_89_1.jsx
function Component_29_89_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_89_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/IzIXu9HtssCVww5Gpq23DPprCto.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_89_1;
~~~
~~~/components/Component_29_90_1.jsx
function Component_29_90_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_90_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="279"
height="279"
src="https://framerusercontent.com/images/30QKcE4Ng7oE0n0fvV0pVLnIkhQ.jpeg?width=279&height=279"
className="object-[center_center] w-full h-full aspect-[auto_279_/_279] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Cameron Perry
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Staff Site Reliability Engineer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_90_1;
~~~
~~~/components/Component_29_91_1.jsx
function Component_29_91_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_91_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/WOfbp8LGUQOIvtjjyK2jgMjsGVg.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Neel Palrecha
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_91_1;
~~~
~~~/components/Component_29_92_1.jsx
function Component_29_92_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_92_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="315"
height="315"
src="https://framerusercontent.com/images/3Cgmmv6OKyOS6zM85sxf7UkQsc.jpeg?width=315&height=315"
className="object-[center_center] w-full h-full aspect-[auto_315_/_315] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Joey Benamy
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Senior SRE
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_92_1;
~~~
~~~/components/Component_29_93_1.jsx
function Component_29_93_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_93_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="500"
height="500"
src="https://framerusercontent.com/images/6wV23T5ZCawCdg6agS6ZB7dRoXA.jpeg?width=500&height=500"
className="object-[center_center] w-full h-full aspect-[auto_500_/_500] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Stuart Robinson
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO & Co-founder
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_93_1;
~~~
~~~/components/Component_29_94_1.jsx
function Component_29_94_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_94_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/VuTLESmjNRSMSEvETYW4LtLY.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_94_1;
~~~
~~~/components/Component_29_95_1.jsx
function Component_29_95_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_95_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/IzIXu9HtssCVww5Gpq23DPprCto.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_95_1;
~~~
~~~/components/Component_29_96_1.jsx
function Component_29_96_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_96_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="279"
height="279"
src="https://framerusercontent.com/images/30QKcE4Ng7oE0n0fvV0pVLnIkhQ.jpeg?width=279&height=279"
className="object-[center_center] w-full h-full aspect-[auto_279_/_279] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Cameron Perry
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Staff Site Reliability Engineer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_96_1;
~~~
~~~/components/Component_29_97_1.jsx
function Component_29_97_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_97_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/WOfbp8LGUQOIvtjjyK2jgMjsGVg.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Neel Palrecha
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_97_1;
~~~
~~~/components/Component_29_98_1.jsx
function Component_29_98_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_98_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="315"
height="315"
src="https://framerusercontent.com/images/3Cgmmv6OKyOS6zM85sxf7UkQsc.jpeg?width=315&height=315"
className="object-[center_center] w-full h-full aspect-[auto_315_/_315] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Joey Benamy
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Senior SRE
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_98_1;
~~~
~~~/components/Component_29_99_1.jsx
function Component_29_99_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_99_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="500"
height="500"
src="https://framerusercontent.com/images/6wV23T5ZCawCdg6agS6ZB7dRoXA.jpeg?width=500&height=500"
className="object-[center_center] w-full h-full aspect-[auto_500_/_500] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Stuart Robinson
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO & Co-founder
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_99_1;
~~~
~~~/components/Component_35_10_1.jsx
function Component_35_10_1() {
return (
<a
name="Int – EDR – Intune"
href="./integrations/microsoft-intune"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_10_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="903"
>
<path
fillRule="evenodd"
d="M17.804 13.516H3.03V5.12h13.601v3.148h1.173V4.654c0-.35-.352-.7-.704-.7H2.561c-.351 0-.703.35-.703.7v9.328c0 .35.352.7.703.7h5.746c.003.218.004.417-.002.597-.049 1.158-.42 1.558-2.776 1.612-.194.004-.401.006-.622.006v.933h9.848v-.933c-2.9 0-3.345-.349-3.396-1.575a11.9 11.9 0 0 1-.004-.64h6.449v1.166l2.415-1.75-2.415-1.748v1.166Zm-6.59-4.78h10.342c.328 0 .586.256.586.582v10.144a.579.579 0 0 1-.586.583h-5.393a.579.579 0 0 1-.587-.583v-4.314h.938v3.381h4.69V9.901h-9.99c-.21.536-.75.91-1.383.91-.844 0-1.524-.677-1.524-1.493 0-.816.68-1.492 1.524-1.492.61 0 1.149.373 1.383.91Zm7.059 10.726h1.172v-.35h-1.172v.35Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Intune
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_10_1;
~~~
~~~/components/Component_35_11_1.jsx
function Component_35_11_1() {
return (
<a
name="Int – EDR – Kandji"
href="./integrations/kandji"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_11_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1539"
>
<path
fillRule="evenodd"
d="M13.407 12.298a1.72 1.72 0 0 0 .214-.448c.736 1.619 2.216 2.034 3.384 1.861.71-.107 1.304-.43 1.542-.836a.756.756 0 0 0-.27-1.04 2.351 2.351 0 0 0-.405-.186 3.46 3.46 0 0 0-.375-.11l.63-.318c1.396-.736 2.323-2.06 2.584-3.198.096-.366.101-.75.015-1.119a1.227 1.227 0 0 0-1.507-.862c-2.164.591-4.69 3.827-5.464 4.882l-.075.103a1.708 1.708 0 0 0-1.028-1.268 1.711 1.711 0 0 0-.324-.099l.802-.282a.756.756 0 0 0 .503-.711.754.754 0 0 0-.753-.752h-1.79a.753.753 0 0 0-.252 1.463l.806.284a1.714 1.714 0 0 0-1.344 1.346l-.054-.075c-.774-1.055-3.3-4.291-5.464-4.883a1.228 1.228 0 0 0-1.506.862 2.32 2.32 0 0 0 .014 1.12c.261 1.138 1.188 2.461 2.585 3.198l.63.318a3.45 3.45 0 0 0-.376.11c-.14.048-.276.11-.404.185a.758.758 0 0 0-.27 1.04c.237.407.83.73 1.541.837 1.158.171 2.622-.235 3.365-1.82a1.715 1.715 0 0 0 .985 1.036c-.737-.012-1.551.067-1.827.693-.09.226-.133.47-.126.713h5.17c0-.456-.092-.922-.53-1.16-.43-.234-.98-.23-1.48-.22l.083-.032c.314-.13.583-.35.772-.632ZM12.341 6.76l-.356-.434-.36.434-.581-.434v1.142h1.879V6.325l-.582.435Zm-2.906 8.207h5.082a6.57 6.57 0 0 1-.263 1.252h-4.57a5.553 5.553 0 0 1-.237-1.146.328.328 0 0 1-.012-.106Zm.51 1.877a3.384 3.384 0 0 0 1.258 1.373l.055.033c.202.123.549.332.767.28a2.917 2.917 0 0 0 1.979-1.686H9.946Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Kandji
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_11_1;
~~~
~~~/components/Component_35_12_1.jsx
function Component_35_12_1() {
return (
<a
name="Int – EDR – Jamf"
href="./integrations/jamf"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_12_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="607"
>
<path
d="M16.53 6.662c-2.051 0-3.278.873-3.841 2.784l-1.418 4.532c-.523 1.49-1.378 2.097-2.906 2.097h-3.54a.844.844 0 0 0-.825.842v2.323c0 .42.332.76.784.76h14.391c.443 0 .825-.38.825-.843V7.463c0-.452-.332-.801-.784-.801H16.53ZM4.855 4C4.412 4 4 4.421 4 4.873v6.176a.85.85 0 0 0 .855.874h3.057c1.378 0 3.319-.308 3.842-2.816 0 0 .523-2.548.824-4.038.11-.576-.301-1.069-.855-1.069H4.855Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Jamf
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_12_1;
~~~
~~~/components/Component_35_13_1.jsx
function Component_35_13_1() {
return (
<a
name="Int – EDR – CrowdStrike"
href="./integrations/crowdstrike"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_13_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1872"
>
<path
fillRule="evenodd"
d="M10.796 12.278c-.324-.883-.883-2.002-3.589-3.679-.157-.1-.322-.202-.496-.31C5.41 7.482 3.644 6.387 1.4 4c.18.721.992 2.615 5.032 5.086.37.244.769.463 1.181.688 1.078.589 2.244 1.226 3.183 2.504Zm10.48 3.84c.001-.265.003-.418-1.101-.521 0 0 .613.198 1.1.559v-.037ZM4.718 4.56c1.533 1.858 3.516 3.643 8.494 5.068 6.175 1.708 5.783 2.662 5.339 3.743l-.018.044c-.313.766.028.877.198.932l.018.006c.154.055.355.114.578.18.95.277 2.302.674 2.2 1.39.252.252 1.154 1.226.775 1.893-.13-.21-.45-.557-.903-.915a4.007 4.007 0 0 0-1.892.356c-1.028.487-1.443.505-1.948.45.144.253.45.596 1.389.668.937.054 1.406.09.901 1.19.018-.324-.072-.973-1.01-.865-.938.108-1.154.902-.144 1.28-.325.054-1.028.09-1.515-1.1l-.043.018c-.343.147-.863.369-1.797-.288.343.108.758.126.758.126-.848-.379-1.677-1.082-2.182-1.75.414.289.865.578 1.334.632-.54-.614-1.803-1.858-3.354-3.12.12.071.242.149.37.228.925.58 2.065 1.296 3.778 1.106.213-.023.42-.05.62-.074.745-.094 1.418-.178 2.137-.1a4.504 4.504 0 0 0-.142-.024c-.684-.109-1.346-.09-1.977-.072-1.05.03-2.019.058-2.875-.505-1.159-.82-1.348-1.13-2.485-2.984l-.04-.064a8.721 8.721 0 0 1-.302-.557c-.346-.676-.715-1.397-2.114-2.527a32.187 32.187 0 0 0-1.134-.865c-1.325-.979-2.462-1.82-3.013-3.5Zm8.837 12.138-.114-.042c-1.22-.452-1.523-.564-3.168-.914-1.678-.379-3.337-1.136-4.455-2.345.775.505 2.38 1.497 4.022 1.39-.253-.325-.704-.56-1.263-.812.613.126 2.49.54 4.978 2.723ZM7.37 10.89c2.47 1.352 3.12 2.308 3.427 3.047-.902-1.106-2.063-1.665-2.996-2.113a12.912 12.912 0 0 1-.81-.412C3.474 9.52 2.663 8.005 2.501 7.318c1.634 1.769 3.423 2.765 4.596 3.419l.273.152Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
CrowdStrike
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_13_1;
~~~
~~~/components/Component_35_14_1.jsx
function Component_35_14_1() {
return (
<a
name="Int – EDR – Intune"
href="./integrations/microsoft-intune"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_14_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="903"
>
<path
fillRule="evenodd"
d="M17.804 13.516H3.03V5.12h13.601v3.148h1.173V4.654c0-.35-.352-.7-.704-.7H2.561c-.351 0-.703.35-.703.7v9.328c0 .35.352.7.703.7h5.746c.003.218.004.417-.002.597-.049 1.158-.42 1.558-2.776 1.612-.194.004-.401.006-.622.006v.933h9.848v-.933c-2.9 0-3.345-.349-3.396-1.575a11.9 11.9 0 0 1-.004-.64h6.449v1.166l2.415-1.75-2.415-1.748v1.166Zm-6.59-4.78h10.342c.328 0 .586.256.586.582v10.144a.579.579 0 0 1-.586.583h-5.393a.579.579 0 0 1-.587-.583v-4.314h.938v3.381h4.69V9.901h-9.99c-.21.536-.75.91-1.383.91-.844 0-1.524-.677-1.524-1.493 0-.816.68-1.492 1.524-1.492.61 0 1.149.373 1.383.91Zm7.059 10.726h1.172v-.35h-1.172v.35Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Intune
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_14_1;
~~~
~~~/components/Component_35_15_1.jsx
function Component_35_15_1() {
return (
<a
name="Int – EDR – Kandji"
href="./integrations/kandji"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_15_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1539"
>
<path
fillRule="evenodd"
d="M13.407 12.298a1.72 1.72 0 0 0 .214-.448c.736 1.619 2.216 2.034 3.384 1.861.71-.107 1.304-.43 1.542-.836a.756.756 0 0 0-.27-1.04 2.351 2.351 0 0 0-.405-.186 3.46 3.46 0 0 0-.375-.11l.63-.318c1.396-.736 2.323-2.06 2.584-3.198.096-.366.101-.75.015-1.119a1.227 1.227 0 0 0-1.507-.862c-2.164.591-4.69 3.827-5.464 4.882l-.075.103a1.708 1.708 0 0 0-1.028-1.268 1.711 1.711 0 0 0-.324-.099l.802-.282a.756.756 0 0 0 .503-.711.754.754 0 0 0-.753-.752h-1.79a.753.753 0 0 0-.252 1.463l.806.284a1.714 1.714 0 0 0-1.344 1.346l-.054-.075c-.774-1.055-3.3-4.291-5.464-4.883a1.228 1.228 0 0 0-1.506.862 2.32 2.32 0 0 0 .014 1.12c.261 1.138 1.188 2.461 2.585 3.198l.63.318a3.45 3.45 0 0 0-.376.11c-.14.048-.276.11-.404.185a.758.758 0 0 0-.27 1.04c.237.407.83.73 1.541.837 1.158.171 2.622-.235 3.365-1.82a1.715 1.715 0 0 0 .985 1.036c-.737-.012-1.551.067-1.827.693-.09.226-.133.47-.126.713h5.17c0-.456-.092-.922-.53-1.16-.43-.234-.98-.23-1.48-.22l.083-.032c.314-.13.583-.35.772-.632ZM12.341 6.76l-.356-.434-.36.434-.581-.434v1.142h1.879V6.325l-.582.435Zm-2.906 8.207h5.082a6.57 6.57 0 0 1-.263 1.252h-4.57a5.553 5.553 0 0 1-.237-1.146.328.328 0 0 1-.012-.106Zm.51 1.877a3.384 3.384 0 0 0 1.258 1.373l.055.033c.202.123.549.332.767.28a2.917 2.917 0 0 0 1.979-1.686H9.946Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Kandji
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_15_1;
~~~
~~~/components/Component_35_16_1.jsx
function Component_35_16_1() {
return (
<a
name="Int – EDR – Jamf"
href="./integrations/jamf"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_35_16_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="607"
>
<path
d="M16.53 6.662c-2.051 0-3.278.873-3.841 2.784l-1.418 4.532c-.523 1.49-1.378 2.097-2.906 2.097h-3.54a.844.844 0 0 0-.825.842v2.323c0 .42.332.76.784.76h14.391c.443 0 .825-.38.825-.843V7.463c0-.452-.332-.801-.784-.801H16.53ZM4.855 4C4.412 4 4 4.421 4 4.873v6.176a.85.85 0 0 0 .855.874h3.057c1.378 0 3.319-.308 3.842-2.816 0 0 .523-2.548.824-4.038.11-.576-.301-1.069-.855-1.069H4.855Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Jamf
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Verify Devices
</p>
</div>
</div>
</a>
);
}
export default Component_35_16_1;
~~~
~~~/components/Component_36_10_1.jsx
function Component_36_10_1() {
return (
<a
name="Int – IDP – OneLogin"
href="./integrations/onelogin"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_10_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="562"
>
<path
fillRule="evenodd"
d="M3 11.996C3 7.029 7.035 3 12 3c4.973 0 9 4.029 9 8.996A8.999 8.999 0 0 1 12 21c-4.973 0-9-4.029-9-9.004Zm10.084 3.446c.17 0 .258-.089.258-.259h-.008V9.36c0-.122-.04-.21-.21-.21H9.97c-.17 0-.258.088-.258.258v1.618c0 .17.089.259.258.259h1.238v3.9c0 .17.088.258.258.258h1.618Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
OneLogin
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_10_1;
~~~
~~~/components/Component_36_11_1.jsx
function Component_36_11_1() {
return (
<a
name="Int – IDP – KeyCloak"
href="./integrations/keycloak"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_11_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1241"
>
<path
d="m11.255 14.55-.437.752a.087.087 0 0 1-.028.028.089.089 0 0 1-.04.01h-.867a.076.076 0 0 1-.07-.042L8.52 13.056l-.127-.222-.464-.793a.058.058 0 0 1-.009-.039.08.08 0 0 1 .011-.039l1.883-3.259a.085.085 0 0 1 .071-.043h.864c.016 0 .03.005.046.011a.07.07 0 0 1 .028.028l.436.757a.085.085 0 0 1-.004.081l-1.4 2.425a.068.068 0 0 0-.008.035.09.09 0 0 0 .008.034l1.4 2.423a.088.088 0 0 1 0 .095Zm4.345-2.51-.465.794-.127.222-1.292 2.242a.083.083 0 0 1-.07.043h-.867a.09.09 0 0 1-.04-.01.07.07 0 0 1-.029-.029l-.436-.752a.081.081 0 0 1-.002-.09l1.4-2.424a.067.067 0 0 0 .008-.034.09.09 0 0 0-.009-.034l-1.4-2.425a.085.085 0 0 1-.004-.082l.437-.757a.079.079 0 0 1 .073-.039h.868c.03 0 .058.016.071.044l1.884 3.259c.006.013.01.026.01.038a.088.088 0 0 1-.01.035Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
fillRule="evenodd"
d="M21.002 12a9.002 9.002 0 1 1-18.004 0 9.002 9.002 0 0 1 18.004 0Zm-4.738-2.222L14.66 7H8.887L6 12l2.887 5h5.773l1.604-2.778h2.176V9.778h-2.176Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
KeyCloak
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_11_1;
~~~
~~~/components/Component_36_12_1.jsx
function Component_36_12_1() {
return (
<a
name="Int – IDP – JumpCloud"
href="./integrations/jumpcloud"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_12_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1586"
>
<path
fillRule="evenodd"
d="M4.864 14.554c-1.066.397-1.933 1.082-2.46 1.934a.26.26 0 0 0 .217.4h6.77a.272.272 0 0 0 .245-.188c.155-.518.436-.994.777-1.44a5.267 5.267 0 0 0-1.226-.682.234.234 0 0 1-.071-.39 3.117 3.117 0 0 0 .923-3.006A3.108 3.108 0 0 0 7.67 8.845 3.13 3.13 0 0 0 3.867 11.9c0 .935.414 1.77 1.065 2.342.106.093.064.262-.068.312Zm8.898-.708a6.036 6.036 0 0 0-2.267 1.394 5.023 5.023 0 0 0-.469.545 4.348 4.348 0 0 0-.452.747c-.078.165.053.355.236.355h10.57a.26.26 0 0 0 .23-.376 4.576 4.576 0 0 0-.83-1.194c-.612-.636-1.413-1.143-2.333-1.467-.144-.051-.186-.236-.068-.332a3.613 3.613 0 0 0 1.247-3.586 3.508 3.508 0 0 0-.956-1.722c-.76-.767-1.498-1.01-2.205-1.08-.046-.005-.091-.005-.137-.007a3.656 3.656 0 0 0-.27-.01c-.05 0-.1.005-.148.007-.083.005-.165.01-.247.02-.051.006-.103.015-.154.023a3.513 3.513 0 0 0-.951.297c-.044.02-.088.04-.131.063a3.426 3.426 0 0 0-.216.125c-.035.022-.07.041-.105.064a3.688 3.688 0 0 0-.268.197l-.03.023a3.704 3.704 0 0 0-.275.251c-.025.025-.047.053-.072.08-.06.063-.119.128-.173.197-.03.036-.056.073-.083.11a3.589 3.589 0 0 0-.135.192c-.027.04-.052.084-.077.127a3.618 3.618 0 0 0-.262.543 2.788 2.788 0 0 0-.053.144 3.695 3.695 0 0 0-.066.225c-.012.048-.026.095-.037.144-.018.084-.031.17-.044.256-.006.042-.014.083-.019.125a3.599 3.599 0 0 0 1.318 3.2c.114.092.07.272-.068.32Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
JumpCloud
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_12_1;
~~~
~~~/components/Component_36_13_1.jsx
function Component_36_13_1() {
return (
<a
name="Int – IDP – Azure AD"
href="./integrations/azure"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_13_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="571"
>
<path
d="m15.624 17.498.04-.009-2.192-2.608c-.735-.87-1.466-1.743-2.192-2.62 0-.013 2.263-6.246 2.276-6.268.004-.008 1.545 2.652 3.734 6.446l3.756 6.511.029.05-13.935-.002 8.484-1.5ZM3 17.459c0-.004 1.033-1.797 2.296-3.985l2.296-3.98 2.675-2.245A891.76 891.76 0 0 1 12.95 5a.475.475 0 0 1-.043.108l-5.759 12.35-2.074.003c-1.141.002-2.075 0-2.075-.003Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Azure AD
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_13_1;
~~~
~~~/components/Component_36_14_1.jsx
function Component_36_14_1() {
return (
<a
name="Int – IDP – Okta"
href="./integrations/okta"
className="bg-[rgba(0,0,0,0)] opacity-100 will-change-auto text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_14_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1809"
>
<path
fillRule="evenodd"
d="M9.046 13.966a.244.244 0 0 0-.418.171h-.005v1.61c0 .105-.094.21-.237.21h-.924c-.11 0-.242-.044-.242-.204V8.749c0-.094.077-.199.237-.199h.924c.104 0 .236.06.236.221v3.16c0 .226.275.337.43.17a638.13 638.13 0 0 0 1.343-1.452l.13-.14c.017-.023.044-.045.11-.067.033-.011.066-.011.11-.011h1.133c.231 0 .297.254.193.387l-1.64 1.842c-.269.288-.296.399-.06.68l.11.111 2.068 2.13c.105.133.039.393-.187.393H11.11c-.05 0-.094 0-.121-.011a.185.185 0 0 1-.091-.058l-.008-.008-.031-.034c-.19-.2-1.185-1.257-1.812-1.897ZM1 13.203a2.773 2.773 0 0 1 2.767-2.783 2.773 2.773 0 0 1 2.766 2.783 2.773 2.773 0 0 1-2.766 2.782A2.773 2.773 0 0 1 1 13.203Zm1.38 0c0 .768.622 1.394 1.387 1.394.764 0 1.386-.626 1.386-1.394 0-.77-.622-1.395-1.386-1.395-.765 0-1.386.626-1.386 1.395Zm13.795 2.517-.099-.93a.22.22 0 0 0-.258-.193 1.39 1.39 0 0 1-1.595-1.3v-1.218c0-.149.11-.27.258-.27h1.238c.088 0 .22-.078.22-.239v-.88c0-.17-.11-.26-.21-.26h-1.248a.258.258 0 0 1-.264-.248v-1.41a.224.224 0 0 0-.237-.222h-.918c-.115 0-.226.072-.226.216v4.53a2.771 2.771 0 0 0 2.767 2.706c.127 0 .248-.011.369-.028a.226.226 0 0 0 .203-.255Zm5.764-2.507c0 1.057.12 1.34.901 1.34.094 0 .16.093.16.176v.99c0 .267-.53.262-.681.26h-.023c-.654-.005-1.072-.27-1.331-.669a2.755 2.755 0 0 1-1.799.67 2.773 2.773 0 0 1-2.766-2.783 2.773 2.773 0 0 1 2.767-2.783c.494 0 .962.133 1.363.365v-.116c0-.144.127-.238.242-.238h.925c.175 0 .242.15.242.238v2.55Zm-4.153-.01c0 .768.621 1.394 1.386 1.394a1.4 1.4 0 0 0 1.386-1.394c0-.77-.622-1.395-1.386-1.395-.765 0-1.386.626-1.386 1.395Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Okta
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_14_1;
~~~
~~~/components/Component_36_16_1.jsx
function Component_36_16_1() {
return (
<a
name="Int – IDP – OneLogin"
href="./integrations/onelogin"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_16_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="562"
>
<path
fillRule="evenodd"
d="M3 11.996C3 7.029 7.035 3 12 3c4.973 0 9 4.029 9 8.996A8.999 8.999 0 0 1 12 21c-4.973 0-9-4.029-9-9.004Zm10.084 3.446c.17 0 .258-.089.258-.259h-.008V9.36c0-.122-.04-.21-.21-.21H9.97c-.17 0-.258.088-.258.258v1.618c0 .17.089.259.258.259h1.238v3.9c0 .17.088.258.258.258h1.618Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
OneLogin
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_16_1;
~~~
~~~/components/Component_36_17_1.jsx
function Component_36_17_1() {
return (
<a
name="Int – IDP – KeyCloak"
href="./integrations/keycloak"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_17_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1241"
>
<path
d="m11.255 14.55-.437.752a.087.087 0 0 1-.028.028.089.089 0 0 1-.04.01h-.867a.076.076 0 0 1-.07-.042L8.52 13.056l-.127-.222-.464-.793a.058.058 0 0 1-.009-.039.08.08 0 0 1 .011-.039l1.883-3.259a.085.085 0 0 1 .071-.043h.864c.016 0 .03.005.046.011a.07.07 0 0 1 .028.028l.436.757a.085.085 0 0 1-.004.081l-1.4 2.425a.068.068 0 0 0-.008.035.09.09 0 0 0 .008.034l1.4 2.423a.088.088 0 0 1 0 .095Zm4.345-2.51-.465.794-.127.222-1.292 2.242a.083.083 0 0 1-.07.043h-.867a.09.09 0 0 1-.04-.01.07.07 0 0 1-.029-.029l-.436-.752a.081.081 0 0 1-.002-.09l1.4-2.424a.067.067 0 0 0 .008-.034.09.09 0 0 0-.009-.034l-1.4-2.425a.085.085 0 0 1-.004-.082l.437-.757a.079.079 0 0 1 .073-.039h.868c.03 0 .058.016.071.044l1.884 3.259c.006.013.01.026.01.038a.088.088 0 0 1-.01.035Z"
className="inline fill-white caret-[#0000ee]"
></path>
<path
fillRule="evenodd"
d="M21.002 12a9.002 9.002 0 1 1-18.004 0 9.002 9.002 0 0 1 18.004 0Zm-4.738-2.222L14.66 7H8.887L6 12l2.887 5h5.773l1.604-2.778h2.176V9.778h-2.176Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
KeyCloak
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_17_1;
~~~
~~~/components/Component_36_18_1.jsx
function Component_36_18_1() {
return (
<a
name="Int – IDP – JumpCloud"
href="./integrations/jumpcloud"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_36_18_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1586"
>
<path
fillRule="evenodd"
d="M4.864 14.554c-1.066.397-1.933 1.082-2.46 1.934a.26.26 0 0 0 .217.4h6.77a.272.272 0 0 0 .245-.188c.155-.518.436-.994.777-1.44a5.267 5.267 0 0 0-1.226-.682.234.234 0 0 1-.071-.39 3.117 3.117 0 0 0 .923-3.006A3.108 3.108 0 0 0 7.67 8.845 3.13 3.13 0 0 0 3.867 11.9c0 .935.414 1.77 1.065 2.342.106.093.064.262-.068.312Zm8.898-.708a6.036 6.036 0 0 0-2.267 1.394 5.023 5.023 0 0 0-.469.545 4.348 4.348 0 0 0-.452.747c-.078.165.053.355.236.355h10.57a.26.26 0 0 0 .23-.376 4.576 4.576 0 0 0-.83-1.194c-.612-.636-1.413-1.143-2.333-1.467-.144-.051-.186-.236-.068-.332a3.613 3.613 0 0 0 1.247-3.586 3.508 3.508 0 0 0-.956-1.722c-.76-.767-1.498-1.01-2.205-1.08-.046-.005-.091-.005-.137-.007a3.656 3.656 0 0 0-.27-.01c-.05 0-.1.005-.148.007-.083.005-.165.01-.247.02-.051.006-.103.015-.154.023a3.513 3.513 0 0 0-.951.297c-.044.02-.088.04-.131.063a3.426 3.426 0 0 0-.216.125c-.035.022-.07.041-.105.064a3.688 3.688 0 0 0-.268.197l-.03.023a3.704 3.704 0 0 0-.275.251c-.025.025-.047.053-.072.08-.06.063-.119.128-.173.197-.03.036-.056.073-.083.11a3.589 3.589 0 0 0-.135.192c-.027.04-.052.084-.077.127a3.618 3.618 0 0 0-.262.543 2.788 2.788 0 0 0-.053.144 3.695 3.695 0 0 0-.066.225c-.012.048-.026.095-.037.144-.018.084-.031.17-.044.256-.006.042-.014.083-.019.125a3.599 3.599 0 0 0 1.318 3.2c.114.092.07.272-.068.32Z"
clipRule="evenodd"
className="inline fill-white [fill-rule:evenodd] caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
JumpCloud
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Sync Users & Groups
</p>
</div>
</div>
</a>
);
}
export default Component_36_18_1;
~~~
~~~/components/Component_37_10_1.jsx
function Component_37_10_1() {
return (
<a
name="Int – Misc – Pulumi"
href="./integrations/pulumi"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_10_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="1856"
>
<path
d="M11.998 6.157c1.249 0 2.262-.586 2.262-1.309 0-.722-1.013-1.308-2.262-1.308s-2.262.586-2.262 1.308c0 .723 1.013 1.309 2.262 1.309ZM7.734 8.616c1.25 0 2.262-.586 2.262-1.309C9.996 6.585 8.983 6 7.734 6s-2.261.586-2.261 1.308c0 .723 1.012 1.309 2.261 1.309ZM18.53 7.307c0 .723-1.013 1.309-2.262 1.309s-2.261-.586-2.261-1.309c0-.722 1.012-1.308 2.261-1.308 1.25 0 2.262.586 2.262 1.308Zm-6.531 3.773c1.249 0 2.262-.586 2.262-1.308 0-.723-1.013-1.309-2.262-1.309s-2.262.586-2.262 1.309c0 .722 1.013 1.308 2.262 1.308Zm-5.267 1.88c.625-.361.626-1.531.002-2.613-.625-1.081-1.638-1.665-2.264-1.304-.626.361-.627 1.531-.002 2.613.624 1.081 1.638 1.665 2.264 1.304Zm.003 2.316c.625 1.082.624 2.251-.002 2.613-.626.361-1.64-.223-2.264-1.305-.624-1.081-.623-2.251.002-2.612.626-.362 1.64.222 2.264 1.304ZM11 17.741c.624 1.081.623 2.251-.002 2.612-.626.362-1.64-.222-2.264-1.304-.625-1.082-.624-2.251.002-2.613.626-.361 1.64.223 2.264 1.305Zm-.002-4.93c.625 1.082.624 2.252-.002 2.614-.626.36-1.64-.223-2.264-1.305-.624-1.081-.623-2.251.003-2.612.625-.362 1.64.222 2.264 1.304Zm8.532-1.154c.624-1.081.623-2.251-.003-2.612-.625-.362-1.639.222-2.263 1.304-.625 1.082-.624 2.251.002 2.613.626.361 1.64-.223 2.264-1.305Zm0 2.315c.626.362.627 1.531.002 2.613-.624 1.082-1.638 1.666-2.264 1.304-.625-.361-.626-1.53-.002-2.612.625-1.082 1.638-1.666 2.264-1.305Zm-4.264 2.462c.626.361.627 1.53.002 2.613-.624 1.081-1.638 1.665-2.263 1.304-.626-.361-.627-1.531-.003-2.613.625-1.082 1.638-1.665 2.264-1.304Zm-.002-4.928c.626.361.627 1.531.002 2.613-.624 1.082-1.638 1.665-2.264 1.304-.626-.361-.627-1.53-.002-2.613.624-1.081 1.638-1.665 2.264-1.304Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Pulumi
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Automate Deployment
</p>
</div>
</div>
</a>
);
}
export default Component_37_10_1;
~~~
~~~/components/Component_37_11_1.jsx
function Component_37_11_1() {
return (
<a
name="Int – Misc – Terraform"
href="./integrations/terraform"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_11_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="421"
>
<path
d="m9.52 6.844 4.957 2.516v5.036L9.52 11.877V6.844Zm5.5 2.516v5.036l4.959-2.519V6.844L15.021 9.36ZM4.024 4.034v5.034l4.955 2.518V6.552L4.024 4.034ZM9.52 17.461l4.955 2.518v-5.031L9.52 12.43v5.03Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
Terraform
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Automate Deployment
</p>
</div>
</div>
</a>
);
}
export default Component_37_11_1;
~~~
~~~/components/Component_37_12_1.jsx
function Component_37_12_1() {
return (
<a
name="Int – Misc – NextDNS"
href="./integrations/nextdns"
tabIndex="-1"
className="bg-[rgba(0,0,0,0)] opacity-100 text-[#0000ee] w-full h-full relative flex overflow-x-hidden overflow-y-hidden flex-col justify-between content-start items-start shadow-[rgba(255,255,255,0.1)_0px_0px_0px_0.5px_inset] caret-[#0000ee] p-4 rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
data-component-id="Component_37_12_1"
>
<div className="opacity-100 w-8 h-8 relative shrink-0 caret-[#0000ee]">
<svg
width="100%"
height="100%"
fill="rgb(255, 255, 255)"
viewBox="0 0 24 24"
className="w-full h-full overflow-x-hidden overflow-y-hidden fill-white caret-[#0000ee]"
data-svg-size="726"
>
<path
d="M19.981 8.098v-.015a19.82 19.82 0 0 1-.017-.584 1.991 1.991 0 0 0-1.875-1.95c-2.16-.12-3.832-.825-5.26-2.217l-.012-.012a1.202 1.202 0 0 0-1.634 0l-.012.012c-1.428 1.392-3.1 2.096-5.26 2.217a1.991 1.991 0 0 0-1.874 1.95c-.004.212-.01.403-.017.584l-.001.034c-.042 2.203-.094 4.945.823 7.433a9.461 9.461 0 0 0 2.27 3.536c1.14 1.113 2.635 1.998 4.442 2.627a1.376 1.376 0 0 0 .71.05c.063-.013.124-.03.183-.05 1.805-.631 3.298-1.515 4.438-2.629a9.476 9.476 0 0 0 2.27-3.536c.92-2.496.868-5.243.826-7.45Z"
className="inline fill-white caret-[#0000ee]"
></path>
</svg>
</div>
<div className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-0 gap-x-0 caret-[#0000ee]">
<div className="[--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='text-white leading-[22.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white select-none my-0'>
NextDNS
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[16.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[11px] tracking-[0.25px] [word-break:break-word] caret-zinc-400 select-none my-0'>
Filter & Encrypt DNS
</p>
</div>
</div>
</a>
);
}
export default Component_37_12_1;
~~~
~~~/components/Component_39_10_1.jsx
import Component_39_10_1_1 from './Component_39_10_1_1';
function Component_39_10_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_10_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/kubernetes-auto-sync"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/GYJr9ZrYDgYlQMFyspboDHSXQ.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_10_1_1 />
</div>
</div>
);
}
export default Component_39_10_1;
~~~
~~~/components/Component_39_10_2.jsx
import Component_39_10_2_1 from './Component_39_10_2_1';
function Component_39_10_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_10_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/identity-firewall"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/Li6RmbXokE4X1F8Z6xJ9LBLGhQ.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_10_2_1 />
</div>
</div>
);
}
export default Component_39_10_2;
~~~
~~~/components/Component_39_10_3.jsx
import Component_39_10_3_1 from './Component_39_10_3_1';
function Component_39_10_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_10_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/unraid-community-app"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/BYPXshmtncLMM7j2CjpRv74zffI.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_10_3_1 />
</div>
</div>
);
}
export default Component_39_10_3;
~~~
~~~/components/Component_39_11_1.jsx
import Component_39_11_1_1 from './Component_39_11_1_1';
function Component_39_11_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_11_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/1st Source Bank-data-breach"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/BGaFTCeophYDskZpSAVnnX0Lks.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_11_1_1 />
</div>
</div>
);
}
export default Component_39_11_1;
~~~
~~~/components/Component_39_11_2.jsx
import Component_39_11_2_1 from './Component_39_11_2_1';
function Component_39_11_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_11_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/application-security-books"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/jIn0iKT617Z3vbsFB4NQUfK5iJ8.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_11_2_1 />
</div>
</div>
);
}
export default Component_39_11_2;
~~~
~~~/components/Component_39_11_3.jsx
import Component_39_11_3_1 from './Component_39_11_3_1';
function Component_39_11_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_11_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/application-security-certifications"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/7MTet4UciHLsh8KYKa43Ta9L3aY.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_11_3_1 />
</div>
</div>
);
}
export default Component_39_11_3;
~~~
~~~/components/Component_39_12_1.jsx
import Component_39_12_1_1 from './Component_39_12_1_1';
function Component_39_12_1() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_12_1"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/jquery-vulnerabilities"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/aU7RWWHku1AUK9SB01frYh7s.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_12_1_1 />
</div>
</div>
);
}
export default Component_39_12_1;
~~~
~~~/components/Component_39_12_2.jsx
import Component_39_12_2_1 from './Component_39_12_2_1';
function Component_39_12_2() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_12_2"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/network-security-books"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/gGItMfbsY0SzSIoF2RdA6lTABaU.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_12_2_1 />
</div>
</div>
);
}
export default Component_39_12_2;
~~~
~~~/components/Component_39_12_3.jsx
import Component_39_12_3_1 from './Component_39_12_3_1';
function Component_39_12_3() {
return (
<div
className="w-full relative shrink-0 [align-self:start] justify-self-start select-none"
data-component-id="Component_39_12_3"
>
<div className="opacity-100 w-full h-min relative flex flex-col justify-start content-start items-start gap-y-5 gap-x-5 select-none">
<a
href="./blog/tips/npm-vulnerabilities"
tabIndex="-1"
className="[--border-bottom-width:0.5px] [--border-color:var(--token-66d0cf7b-9eb8-4245-b770-5d2d61dad950,rgba(245,245,255,0.1))] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 text-[#0000ee] w-full aspect-[2_/_1] relative block overflow-x-hidden overflow-y-hidden shrink-0 shadow-[rgba(0,0,0,0.18)_0px_0.602187px_0.602187px_-1.25px,rgba(0,0,0,0.16)_0px_2.28853px_2.28853px_-2.5px,rgba(0,0,0,0.06)_0px_10px_10px_-3.75px] caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
>
<div className="absolute caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px] inset-0">
<img
width="2400"
height="1200"
src="https://framerusercontent.com/images/Oyq1Mmaf1QBGZCQqknICFISAN4.png?width=2400&height=1200"
className="object-[center_center] w-full h-full aspect-[auto_2400_/_1200] block object-cover caret-[#0000ee] select-none rounded-br-[12px] rounded-t-[12px] rounded-bl-[12px]"
/>
</div>
</a>
<Component_39_12_3_1 />
</div>
</div>
);
}
export default Component_39_12_3;
~~~
~~~/components/Component_13_1_1_1.jsx
function Component_13_1_1_1() {
return (
<a
href="https://www.twingate.com/use-case/vpn-replacement"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
data-component-id="Component_13_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
VPN Replacement
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-17-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_13_1_1_1;
~~~
~~~/components/Component_13_2_1_1.jsx
function Component_13_2_1_1() {
return (
<a
href="https://www.twingate.com/product/least-privilege-automation"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
data-component-id="Component_13_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Least Privilege Access
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-18-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_13_2_1_1;
~~~
~~~/components/Component_13_3_1_1.jsx
function Component_13_3_1_1() {
return (
<a
href="https://www.twingate.com/docs/device-controls-use-case"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
data-component-id="Component_13_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Intelligent Device Controls
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-19-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_13_3_1_1;
~~~
~~~/components/Component_14_2_1_1.jsx
function Component_14_2_1_1() {
return (
<div
className="[--border-bottom-width:1px] [--border-color:rgb(29,32,35)] [--border-left-width:1px] [--border-right-width:1px] [--border-style:solid] [--border-top-width:1px] opacity-100 w-min h-8 absolute flex shrink-0 justify-start content-center items-center gap-y-0 gap-x-0 pl-2 pr-1 py-2 rounded-br-[6px] rounded-t-[6px] rounded-bl-[6px] left-auto right-0 top-2 bottom-auto"
data-component-id="Component_14_2_1_1"
>
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-letter-spacing:-0.01em] [--framer-line-height:16px] [--framer-text-alignment:right] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] tracking-[-0.14px] text-right [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
All Activity
</p>
</div>
<div className="opacity-100 w-[18px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-2.5 h-1.5 absolute top-[calc(50%_-_3px)] shrink-0 left-[5px] right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 14 9"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="173"
>
<use href="#svg1904067342_285" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
);
}
export default Component_14_2_1_1;
~~~
~~~/components/Component_14_2_2_1.jsx
import Component_14_2_2_1_1 from './Component_14_2_2_1_1';
function Component_14_2_2_1() {
return (
<div
className="opacity-100 w-px h-full relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-1 gap-x-1 pt-3"
data-component-id="Component_14_2_2_1"
>
<Component_14_2_2_1_1 />
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-0">
<p className='[--framer-font-size:12px] [--framer-line-height:12px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[12px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Show details
</p>
</div>
</div>
</div>
);
}
export default Component_14_2_2_1;
~~~
~~~/components/Component_14_2_2_2.jsx
function Component_14_2_2_2() {
return (
<div
className="opacity-100 w-min h-full relative flex shrink-0 justify-end content-start items-start gap-y-2.5 gap-x-2.5 pt-3.5"
data-component-id="Component_14_2_2_2"
>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-start content-end items-end gap-y-0.5 gap-x-0.5">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
2 mins ago
</p>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[68px] h-1 relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 68 4"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="121"
></svg>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_14_2_2_2;
~~~
~~~/components/Component_14_2_3_1.jsx
import Component_14_2_3_1_1 from './Component_14_2_3_1_1';
function Component_14_2_3_1() {
return (
<div
className="opacity-100 w-px relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start self-stretch gap-y-1 gap-x-1 pt-3"
data-component-id="Component_14_2_3_1"
>
<Component_14_2_3_1_1 />
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-0">
<p className='[--framer-font-size:12px] [--framer-line-height:12px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[12px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Show details
</p>
</div>
</div>
</div>
);
}
export default Component_14_2_3_1;
~~~
~~~/components/Component_14_2_3_2.jsx
function Component_14_2_3_2() {
return (
<div
className="opacity-100 w-min relative flex shrink-0 justify-end content-start items-start self-stretch gap-y-2.5 gap-x-2.5 pt-3.5"
data-component-id="Component_14_2_3_2"
>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-start content-end items-end gap-y-0.5 gap-x-0.5">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
8 mins ago
</p>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[69px] h-1 relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 69 4"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="121"
></svg>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_14_2_3_2;
~~~
~~~/components/Component_14_2_4_1.jsx
import Component_14_2_4_1_1 from './Component_14_2_4_1_1';
function Component_14_2_4_1() {
return (
<div
className="opacity-100 w-px h-full relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-1 gap-x-1 pt-3"
data-component-id="Component_14_2_4_1"
>
<Component_14_2_4_1_1 />
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-0">
<p className='[--framer-font-size:12px] [--framer-line-height:12px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[12px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Show details
</p>
</div>
</div>
</div>
);
}
export default Component_14_2_4_1;
~~~
~~~/components/Component_14_2_4_2.jsx
function Component_14_2_4_2() {
return (
<div
className="opacity-100 w-min h-full relative flex shrink-0 justify-end content-start items-start gap-y-2.5 gap-x-2.5 pt-3.5"
data-component-id="Component_14_2_4_2"
>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-start content-start items-start gap-y-0.5 gap-x-0.5">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
16 mins ago
</p>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[68px] h-1 relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 68 4"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="121"
></svg>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_14_2_4_2;
~~~
~~~/components/Component_14_2_5_1.jsx
import Component_14_2_5_1_1 from './Component_14_2_5_1_1';
function Component_14_2_5_1() {
return (
<div
className="opacity-100 w-px h-full relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-1 gap-x-1 pt-3"
data-component-id="Component_14_2_5_1"
>
<Component_14_2_5_1_1 />
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-0">
<p className='[--framer-font-size:12px] [--framer-line-height:12px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[12px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Show details
</p>
</div>
</div>
</div>
);
}
export default Component_14_2_5_1;
~~~
~~~/components/Component_14_2_5_2.jsx
function Component_14_2_5_2() {
return (
<div
className="opacity-100 w-min h-full relative flex shrink-0 justify-end content-start items-start gap-y-2.5 gap-x-2.5 pt-3.5"
data-component-id="Component_14_2_5_2"
>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-start content-start items-start gap-y-0.5 gap-x-0.5">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
34 mins ago
</p>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[68px] h-1 relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 68 4"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="121"
></svg>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_14_2_5_2;
~~~
~~~/components/Component_14_2_6_1.jsx
import Component_14_2_6_1_1 from './Component_14_2_6_1_1';
function Component_14_2_6_1() {
return (
<div
className="opacity-100 w-px h-full relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-1 gap-x-1 pt-3"
data-component-id="Component_14_2_6_1"
>
<Component_14_2_6_1_1 />
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-0">
<p className='[--framer-font-size:12px] [--framer-line-height:12px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[12px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Show details
</p>
</div>
</div>
</div>
);
}
export default Component_14_2_6_1;
~~~
~~~/components/Component_14_2_6_2.jsx
function Component_14_2_6_2() {
return (
<div
className="opacity-100 w-min h-full relative flex shrink-0 justify-end content-start items-start gap-y-2.5 gap-x-2.5 pt-3.5"
data-component-id="Component_14_2_6_2"
>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-start content-start items-start gap-y-0.5 gap-x-0.5">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
48 mins ago
</p>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[68px] h-1 relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 68 4"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="121"
></svg>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_14_2_6_2;
~~~
~~~/components/Component_14_2_7_1.jsx
import Component_14_2_7_1_1 from './Component_14_2_7_1_1';
function Component_14_2_7_1() {
return (
<div
className="opacity-100 w-px relative flex flex-col grow shrink-0 basis-0 justify-center content-start items-start self-stretch gap-y-1 gap-x-1 pt-3"
data-component-id="Component_14_2_7_1"
>
<Component_14_2_7_1_1 />
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-0">
<p className='[--framer-font-size:12px] [--framer-line-height:12px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[12px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Show details
</p>
</div>
</div>
</div>
);
}
export default Component_14_2_7_1;
~~~
~~~/components/Component_14_2_7_2.jsx
function Component_14_2_7_2() {
return (
<div
className="opacity-100 w-min relative flex shrink-0 justify-end content-start items-start self-stretch gap-y-2.5 gap-x-2.5 pt-3.5"
data-component-id="Component_14_2_7_2"
>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1">
<div className="opacity-100 w-min h-min relative flex flex-col shrink-0 justify-start content-end items-end gap-y-0.5 gap-x-0.5">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
1 hour ago
</p>
</div>
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[69px] h-1 relative shrink-0"
>
<div className="w-full h-full">
<svg
viewBox="0 0 69 4"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="121"
></svg>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_14_2_7_2;
~~~
~~~/components/Component_16_1_1_1.jsx
function Component_16_1_1_1() {
return (
<a
href="https://www.twingate.com/use-case/dns-filtering"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
data-component-id="Component_16_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
DNS Filtering
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-23-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_16_1_1_1;
~~~
~~~/components/Component_16_2_1_1.jsx
function Component_16_2_1_1() {
return (
<a
href="https://www.twingate.com/use-case/content-filtering"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
data-component-id="Component_16_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Content Filtering
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-24-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_16_2_1_1;
~~~
~~~/components/Component_16_3_1_1.jsx
function Component_16_3_1_1() {
return (
<a
href="https://www.twingate.com/docs/dns-filtering#dns-filtering-logs"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
data-component-id="Component_16_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Network Intelligence
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-25-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_16_3_1_1;
~~~
~~~/components/Component_19_1_1_1.jsx
function Component_19_1_1_1() {
return (
<a
href="https://www.twingate.com/docs/kubernetes-access"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
data-component-id="Component_19_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Unified Identity
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-29-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_19_1_1_1;
~~~
~~~/components/Component_19_2_1_1.jsx
function Component_19_2_1_1() {
return (
<a
href="https://www.twingate.com/docs/jit-access-requests"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
data-component-id="Component_19_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Dynamic Enforcement
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-30-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_19_2_1_1;
~~~
~~~/components/Component_19_3_1_1.jsx
function Component_19_3_1_1() {
return (
<a
href="https://www.twingate.com/docs/kubernetes-access#session-recording"
tabIndex="0"
className="[--border-bottom-width:0px] [--border-color:rgba(0,0,0,0)] [--border-left-width:0px] [--border-right-width:0px] [--border-style:solid] [--border-top-width:0px] bg-[rgba(0,0,0,0)] shadow-none opacity-100 text-[#0000ee] w-min h-full relative flex justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee] rounded-br-none rounded-t-none rounded-bl-none"
data-component-id="Component_19_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--variable-reference-WJoF2TywT-AiU29R1w5)] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [--variable-reference-WJoF2TywT-AiU29R1w5:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] opacity-100 [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee] select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--variable-reference-WJoF2TywT-AiU29R1w5))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-white select-none my-0'>
Complete Visibility
</p>
</div>
<div className="opacity-100 w-2.5 h-5 relative shrink-0 caret-[#0000ee]">
<div
tabIndex="0"
className="[transform:none] opacity-100 w-full h-full relative caret-[#0000ee]"
>
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-3.5 h-5 absolute top-[calc(50%_-_10px)] right-[-4px] shrink-0 bg-[100%_100%] caret-[#0000ee] left-auto bottom-auto"
data-style-id="style-31-1768143213253"
></div>
</div>
</div>
</a>
);
}
export default Component_19_3_1_1;
~~~
~~~/components/Component_20_2_2_1.jsx
import Component_20_2_2_1_1 from './Component_20_2_2_1_1';
import Component_20_2_2_1_2 from './Component_20_2_2_1_2';
function Component_20_2_2_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_20_2_2_1"
>
<Component_20_2_2_1_1 />
<Component_20_2_2_1_2 />
</div>
);
}
export default Component_20_2_2_1;
~~~
~~~/components/Component_20_3_2_1.jsx
function Component_20_3_2_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-center items-center gap-y-0.5 gap-x-0.5"
data-component-id="Component_20_3_2_1"
>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:SW50ZXItTWVkaXVt] [--framer-font-size:14px] [--framer-font-weight:500] [--framer-letter-spacing:-0.01em] [--framer-line-height:16px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] font-medium text-[14px] tracking-[-0.14px] [text-wrap-mode:nowrap] caret-white my-0'>
CA Certificate
</p>
</div>
<div className="opacity-100 w-4 aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-[13px] h-[13px] absolute shrink-0 left-0.5 right-auto top-0.5 bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 13 13"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="176"
>
<use href="#svg-1248804236_1708" className="inline"></use>
</svg>
</div>
</div>
</div>
</div>
);
}
export default Component_20_3_2_1;
~~~
~~~/components/Component_20_4_1_1.jsx
function Component_20_4_1_1() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:rgb(29,32,35)] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#121315] w-min h-6 relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 pl-1.5 pr-2 rounded-br-[4px] rounded-t-[4px] rounded-bl-[4px]"
data-component-id="Component_20_4_1_1"
>
<div className="opacity-100 w-[9px] h-[13px] relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black absolute shrink-0 opacity-60 left-0 -right-px top-0 bottom-px"
>
<div className="w-full h-full">
<svg
viewBox="0 0 9 12"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg1299678116_1461" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-2 gap-x-2">
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--framer-font-size:12px] [--framer-line-height:18px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[18px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Default Policy
</p>
</div>
</div>
</div>
);
}
export default Component_20_4_1_1;
~~~
~~~/components/Component_20_4_1_2.jsx
function Component_20_4_1_2() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:rgb(29,32,35)] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#121315] w-min h-6 relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 px-1.5 rounded-br-[4px] rounded-t-[4px] rounded-bl-[4px]"
data-component-id="Component_20_4_1_2"
>
<div className="opacity-100 w-3 h-3 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black w-3 h-3 absolute shrink-0 opacity-60 left-0 right-auto top-0 bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 12 12"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg-563281774_517" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--framer-font-size:12px] [--framer-line-height:18px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[18px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Auto-Lock
</p>
</div>
</div>
);
}
export default Component_20_4_1_2;
~~~
~~~/components/Component_25_1_1_1.jsx
function Component_25_1_1_1() {
return (
<div
className="opacity-100 w-min h-min relative z-[2] flex shrink-0 justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee]"
data-component-id="Component_25_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
Blend
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-[0.41] caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-[0.41] caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
Fin-tech
</p>
</div>
</div>
);
}
export default Component_25_1_1_1;
~~~
~~~/components/Component_25_1_1_2.jsx
function Component_25_1_1_2() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-between content-end items-end caret-[#0000ee]"
data-component-id="Component_25_1_1_2"
>
<div className="[--extracted-a0htzi:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-[70%] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-[#0e0f11] my-0'>
Blend uses Opal and Twingate to implement a holistic Zero Trust
strategy
</h3>
</div>
<div className="[transform:none] opacity-100 w-6 h-6 relative shrink-0 caret-[#0000ee]">
<div className="opacity-100 w-full h-full relative caret-[#0000ee]">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-6 h-6 absolute top-[calc(48%_-_12px)] left-[calc(48%_-_12px)] shrink-0 caret-[#0000ee] right-auto bottom-auto"
>
<div className="w-full h-full caret-[#0000ee]">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden caret-[#0000ee]"
data-svg-size="156"
>
<use
href="#svg11548008079"
className="inline caret-[#0000ee]"
></use>
</svg>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_25_1_1_2;
~~~
~~~/components/Component_26_3_1_1.jsx
function Component_26_3_1_1() {
return (
<div
className="opacity-100 w-min h-min relative z-[2] flex shrink-0 justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee]"
data-component-id="Component_26_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
Kooapps
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-[0.41] caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-[0.41] caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
Gaming & Entertainment
</p>
</div>
</div>
);
}
export default Component_26_3_1_1;
~~~
~~~/components/Component_26_3_1_2.jsx
function Component_26_3_1_2() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-between content-end items-end caret-[#0000ee]"
data-component-id="Component_26_3_1_2"
>
<div className="[--extracted-a0htzi:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-[70%] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-[#0e0f11] my-0'>
Twingate helps Kooapps to create mobile games enjoyed by millions
</h3>
</div>
<div className="[transform:none] opacity-100 w-6 h-6 relative shrink-0 caret-[#0000ee]">
<div className="opacity-100 w-full h-full relative caret-[#0000ee]">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-6 h-6 absolute top-[calc(48%_-_12px)] left-[calc(48%_-_12px)] shrink-0 caret-[#0000ee] right-auto bottom-auto"
>
<div className="w-full h-full caret-[#0000ee]">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden caret-[#0000ee]"
data-svg-size="156"
>
<use
href="#svg11548008079"
className="inline caret-[#0000ee]"
></use>
</svg>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_26_3_1_2;
~~~
~~~/components/Component_27_1_1_1.jsx
function Component_27_1_1_1() {
return (
<div
className="opacity-100 w-min h-min relative z-[2] flex shrink-0 justify-center content-center items-center gap-y-1 gap-x-1 caret-[#0000ee]"
data-component-id="Component_27_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
MHC Software
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-[0.41] caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start opacity-[0.41] caret-[#0000ee]">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [text-wrap-mode:nowrap] caret-[#0e0f11] my-0'>
Technology
</p>
</div>
</div>
);
}
export default Component_27_1_1_1;
~~~
~~~/components/Component_27_1_1_2.jsx
function Component_27_1_1_2() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-between content-end items-end caret-[#0000ee]"
data-component-id="Component_27_1_1_2"
>
<div className="[--extracted-a0htzi:var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17))] [--framer-link-text-color:rgb(0,153,255)] [--framer-link-text-decoration:underline] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-[70%] relative flex flex-col shrink-0 justify-start caret-[#0000ee]">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-94bd9d9a-3125-4cdd-b304-365d49669465,rgb(14,15,17)))] text-[#0e0f11] leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-[#0e0f11] my-0'>
MHC Software reduces their attack surface and powers automation with
Twingate
</h3>
</div>
<div className="[transform:none] opacity-100 w-6 h-6 relative shrink-0 caret-[#0000ee]">
<div className="opacity-100 w-full h-full relative caret-[#0000ee]">
<div
aria-hidden="true"
className="[image-rendering:pixelated] opacity-100 w-6 h-6 absolute top-[calc(48%_-_12px)] left-[calc(48%_-_12px)] shrink-0 caret-[#0000ee] right-auto bottom-auto"
>
<div className="w-full h-full caret-[#0000ee]">
<svg
className="w-full h-full block overflow-x-hidden overflow-y-hidden caret-[#0000ee]"
data-svg-size="156"
>
<use
href="#svg11548008079"
className="inline caret-[#0000ee]"
></use>
</svg>
</div>
</div>
</div>
</div>
</div>
);
}
export default Component_27_1_1_2;
~~~
~~~/components/Component_27_2_1_1.jsx
function Component_27_2_1_1() {
return (
<div className="w-full h-full" data-component-id="Component_27_2_1_1">
<img
src="https://framerusercontent.com/images/gZerJ0ou5u3SIeUsc3z6k3lmOec.svg?width=140&height=32"
alt="Logo"
className="w-full h-full object-none"
/>
<div className="absolute z-[1] grid grid-cols-[repeat(12,1fr)] grid-rows-[repeat(12,auto)] inset-0">
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
<div className="bg-[rgba(20,22,23,0)] opacity-0 will-change-transform"></div>
</div>
</div>
);
}
export default Component_27_2_1_1;
~~~
~~~/components/Component_29_100_1.jsx
function Component_29_100_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_100_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/VuTLESmjNRSMSEvETYW4LtLY.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_100_1;
~~~
~~~/components/Component_29_101_1.jsx
function Component_29_101_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_101_1"
>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden grow shrink-0 basis-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="512"
height="512"
src="https://framerusercontent.com/images/IzIXu9HtssCVww5Gpq23DPprCto.png?width=512&height=512"
className="object-[center_center] w-full h-full aspect-[auto_512_/_512] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_101_1;
~~~
~~~/components/Component_29_102_1.jsx
function Component_29_102_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_102_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/nvwx0nd05FhnTEZkApiTr1t8Og.jpg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Bob Bousquet
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Director of IT
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_102_1;
~~~
~~~/components/Component_29_103_1.jsx
function Component_29_103_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_103_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/G0IPaW468SyIkNjzdZnAaxOB60s.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_103_1;
~~~
~~~/components/Component_29_104_1.jsx
function Component_29_104_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_104_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/TFpjkv97YRB6prq7cnJA89Vbaj0.jpg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Emery Wells
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_104_1;
~~~
~~~/components/Component_29_105_1.jsx
function Component_29_105_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_105_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/4rKrAgzNhBUe8ZnSUcZq4W9YAik.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_105_1;
~~~
~~~/components/Component_29_106_1.jsx
function Component_29_106_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_106_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="351"
height="430"
src="https://framerusercontent.com/images/qVdMhP3ElJirSWlNbyHEamS9JpM.jpg?width=351&height=430"
className="object-[center_center] w-full h-full aspect-[auto_351_/_430] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Paul Guthrie
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Information Security Officer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_106_1;
~~~
~~~/components/Component_29_107_1.jsx
function Component_29_107_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_107_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/nvwx0nd05FhnTEZkApiTr1t8Og.jpg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Bob Bousquet
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Director of IT
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_107_1;
~~~
~~~/components/Component_29_108_1.jsx
function Component_29_108_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_108_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/G0IPaW468SyIkNjzdZnAaxOB60s.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_108_1;
~~~
~~~/components/Component_29_109_1.jsx
function Component_29_109_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_109_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/TFpjkv97YRB6prq7cnJA89Vbaj0.jpg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Emery Wells
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_109_1;
~~~
~~~/components/Component_29_110_1.jsx
function Component_29_110_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_110_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/4rKrAgzNhBUe8ZnSUcZq4W9YAik.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_110_1;
~~~
~~~/components/Component_29_111_1.jsx
function Component_29_111_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_111_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="351"
height="430"
src="https://framerusercontent.com/images/qVdMhP3ElJirSWlNbyHEamS9JpM.jpg?width=351&height=430"
className="object-[center_center] w-full h-full aspect-[auto_351_/_430] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Paul Guthrie
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Information Security Officer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_111_1;
~~~
~~~/components/Component_29_112_1.jsx
function Component_29_112_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_112_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/nvwx0nd05FhnTEZkApiTr1t8Og.jpg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Bob Bousquet
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Director of IT
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_112_1;
~~~
~~~/components/Component_29_113_1.jsx
function Component_29_113_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_113_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/G0IPaW468SyIkNjzdZnAaxOB60s.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_113_1;
~~~
~~~/components/Component_29_114_1.jsx
function Component_29_114_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_114_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/TFpjkv97YRB6prq7cnJA89Vbaj0.jpg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Emery Wells
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_114_1;
~~~
~~~/components/Component_29_115_1.jsx
function Component_29_115_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_115_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/4rKrAgzNhBUe8ZnSUcZq4W9YAik.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_115_1;
~~~
~~~/components/Component_29_116_1.jsx
function Component_29_116_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_116_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="351"
height="430"
src="https://framerusercontent.com/images/qVdMhP3ElJirSWlNbyHEamS9JpM.jpg?width=351&height=430"
className="object-[center_center] w-full h-full aspect-[auto_351_/_430] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Paul Guthrie
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Information Security Officer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_116_1;
~~~
~~~/components/Component_29_117_1.jsx
function Component_29_117_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_117_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="200"
height="200"
src="https://framerusercontent.com/images/nvwx0nd05FhnTEZkApiTr1t8Og.jpg?width=200&height=200"
className="object-[center_center] w-full h-full aspect-[auto_200_/_200] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Bob Bousquet
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Director of IT
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_117_1;
~~~
~~~/components/Component_29_118_1.jsx
function Component_29_118_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_118_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/G0IPaW468SyIkNjzdZnAaxOB60s.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Luis Zaldivar
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
SRE Manager
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_118_1;
~~~
~~~/components/Component_29_119_1.jsx
function Component_29_119_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_119_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="400"
height="400"
src="https://framerusercontent.com/images/TFpjkv97YRB6prq7cnJA89Vbaj0.jpg?width=400&height=400"
className="object-[center_center] w-full h-full aspect-[auto_400_/_400] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Emery Wells
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CEO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_119_1;
~~~
~~~/components/Component_29_120_1.jsx
function Component_29_120_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_120_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="800"
height="800"
src="https://framerusercontent.com/images/4rKrAgzNhBUe8ZnSUcZq4W9YAik.jpeg?width=800&height=800"
className="object-[center_center] w-full h-full aspect-[auto_800_/_800] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Christian Trummer
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
CTO
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_120_1;
~~~
~~~/components/Component_29_121_1.jsx
function Component_29_121_1() {
return (
<div
className="opacity-100 w-full h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-between content-start items-start"
data-component-id="Component_29_121_1"
>
<div className="opacity-100 w-[222px] h-min relative flex overflow-x-hidden overflow-y-hidden shrink-0 justify-center content-center items-center gap-y-[15px] gap-x-[15px]">
<div className="opacity-100 w-[42px] aspect-square relative overflow-x-hidden overflow-y-hidden shrink-0 rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]">
<div className="absolute rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px] inset-0">
<img
width="351"
height="430"
src="https://framerusercontent.com/images/qVdMhP3ElJirSWlNbyHEamS9JpM.jpg?width=351&height=430"
className="object-[center_center] w-full h-full aspect-[auto_351_/_430] block object-cover rounded-br-[8px] rounded-t-[8px] rounded-bl-[8px]"
/>
</div>
</div>
<div className="opacity-100 w-px h-min relative flex overflow-x-hidden overflow-y-hidden flex-col grow shrink-0 basis-0 justify-center content-start items-start gap-y-0 gap-x-0">
<div className="[--extracted-r6o4lv:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:15px] [--framer-letter-spacing:0px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[22.5px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[15px] [word-break:break-word] caret-white my-0'>
Paul Guthrie
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:13px] [--framer-letter-spacing:0.15px] [--framer-line-height:1.5em] [--framer-text-color:var(--extracted-r6o4lv,var(--token-376d54cb-4db7-448c-b192-cf6ae3d1a8ff,rgb(161,161,170)))] text-zinc-400 leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [word-break:break-word] caret-zinc-400 my-0'>
Information Security Officer
</p>
</div>
</div>
</div>
</div>
);
}
export default Component_29_121_1;
~~~
~~~/components/Component_39_1_1_1.jsx
import Component_39_1_1_1_1 from './Component_39_1_1_1_1';
function Component_39_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_1_1_1"
>
<Component_39_1_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/kubernetes-auto-sync"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
Kubernetes Access Management Doesn't Have to Suck
</a>
</h3>
</div>
</div>
);
}
export default Component_39_1_1_1;
~~~
~~~/components/Component_39_1_2_1.jsx
import Component_39_1_2_1_1 from './Component_39_1_2_1_1';
function Component_39_1_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_1_2_1"
>
<Component_39_1_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/identity-firewall"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
Introducing Identity Firewall: Security, Performance, Simplicity.
Pick Three.
</a>
</h3>
</div>
</div>
);
}
export default Component_39_1_2_1;
~~~
~~~/components/Component_39_1_3_1.jsx
import Component_39_1_3_1_1 from './Component_39_1_3_1_1';
function Component_39_1_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_1_3_1"
>
<Component_39_1_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/unraid-community-app"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
Upgrade Your Home Server Game with Unraid (And Use Twingate to Make
It Even Better)
</a>
</h3>
</div>
</div>
);
}
export default Component_39_1_3_1;
~~~
~~~/components/Component_39_2_1_1.jsx
import Component_39_2_1_1_1 from './Component_39_2_1_1_1';
function Component_39_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_2_1_1"
>
<Component_39_2_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/1st Source Bank-data-breach"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
1st Source Bank Data Breach: What & How It Happened?
</a>
</h3>
</div>
</div>
);
}
export default Component_39_2_1_1;
~~~
~~~/components/Component_39_2_2_1.jsx
import Component_39_2_2_1_1 from './Component_39_2_2_1_1';
function Component_39_2_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_2_2_1"
>
<Component_39_2_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/application-security-books"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Application Security Books
</a>
</h3>
</div>
</div>
);
}
export default Component_39_2_2_1;
~~~
~~~/components/Component_39_2_3_1.jsx
import Component_39_2_3_1_1 from './Component_39_2_3_1_1';
function Component_39_2_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_2_3_1"
>
<Component_39_2_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/application-security-certifications"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Application Security Certifications
</a>
</h3>
</div>
</div>
);
}
export default Component_39_2_3_1;
~~~
~~~/components/Component_39_3_1_1.jsx
import Component_39_3_1_1_1 from './Component_39_3_1_1_1';
function Component_39_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_3_1_1"
>
<Component_39_3_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/jquery-vulnerabilities"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 jquery Vulnerabilities
</a>
</h3>
</div>
</div>
);
}
export default Component_39_3_1_1;
~~~
~~~/components/Component_39_3_2_1.jsx
import Component_39_3_2_1_1 from './Component_39_3_2_1_1';
function Component_39_3_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_3_2_1"
>
<Component_39_3_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/network-security-books"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Network Security Books
</a>
</h3>
</div>
</div>
);
}
export default Component_39_3_2_1;
~~~
~~~/components/Component_39_3_3_1.jsx
import Component_39_3_3_1_1 from './Component_39_3_3_1_1';
function Component_39_3_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_3_3_1"
>
<Component_39_3_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/npm-vulnerabilities"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 npm Vulnerabilities
</a>
</h3>
</div>
</div>
);
}
export default Component_39_3_3_1;
~~~
~~~/components/Component_39_4_1_1.jsx
import Component_39_4_1_1_1 from './Component_39_4_1_1_1';
function Component_39_4_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_4_1_1"
>
<Component_39_4_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/kubernetes-auto-sync"
className="[word-break:break-word] caret-white select-none"
>
Kubernetes Access Management Doesn't Have to Suck
</a>
</h3>
</div>
</div>
);
}
export default Component_39_4_1_1;
~~~
~~~/components/Component_39_4_2_1.jsx
import Component_39_4_2_1_1 from './Component_39_4_2_1_1';
function Component_39_4_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_4_2_1"
>
<Component_39_4_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/identity-firewall"
className="[word-break:break-word] caret-white select-none"
>
Introducing Identity Firewall: Security, Performance, Simplicity.
Pick Three.
</a>
</h3>
</div>
</div>
);
}
export default Component_39_4_2_1;
~~~
~~~/components/Component_39_4_3_1.jsx
import Component_39_4_3_1_1 from './Component_39_4_3_1_1';
function Component_39_4_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_4_3_1"
>
<Component_39_4_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/unraid-community-app"
className="[word-break:break-word] caret-white select-none"
>
Upgrade Your Home Server Game with Unraid (And Use Twingate to Make
It Even Better)
</a>
</h3>
</div>
</div>
);
}
export default Component_39_4_3_1;
~~~
~~~/components/Component_39_5_1_1.jsx
import Component_39_5_1_1_1 from './Component_39_5_1_1_1';
function Component_39_5_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_5_1_1"
>
<Component_39_5_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/1st Source Bank-data-breach"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
1st Source Bank Data Breach: What & How It Happened?
</a>
</h3>
</div>
</div>
);
}
export default Component_39_5_1_1;
~~~
~~~/components/Component_39_5_2_1.jsx
import Component_39_5_2_1_1 from './Component_39_5_2_1_1';
function Component_39_5_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_5_2_1"
>
<Component_39_5_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/application-security-books"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Application Security Books
</a>
</h3>
</div>
</div>
);
}
export default Component_39_5_2_1;
~~~
~~~/components/Component_39_5_3_1.jsx
import Component_39_5_3_1_1 from './Component_39_5_3_1_1';
function Component_39_5_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_5_3_1"
>
<Component_39_5_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/application-security-certifications"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Application Security Certifications
</a>
</h3>
</div>
</div>
);
}
export default Component_39_5_3_1;
~~~
~~~/components/Component_39_6_1_1.jsx
import Component_39_6_1_1_1 from './Component_39_6_1_1_1';
function Component_39_6_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_6_1_1"
>
<Component_39_6_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/jquery-vulnerabilities"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 jquery Vulnerabilities
</a>
</h3>
</div>
</div>
);
}
export default Component_39_6_1_1;
~~~
~~~/components/Component_39_6_2_1.jsx
import Component_39_6_2_1_1 from './Component_39_6_2_1_1';
function Component_39_6_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_6_2_1"
>
<Component_39_6_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/network-security-books"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Network Security Books
</a>
</h3>
</div>
</div>
);
}
export default Component_39_6_2_1;
~~~
~~~/components/Component_39_6_3_1.jsx
import Component_39_6_3_1_1 from './Component_39_6_3_1_1';
function Component_39_6_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_6_3_1"
>
<Component_39_6_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/npm-vulnerabilities"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 npm Vulnerabilities
</a>
</h3>
</div>
</div>
);
}
export default Component_39_6_3_1;
~~~
~~~/components/Component_39_7_1_1.jsx
import Component_39_7_1_1_1 from './Component_39_7_1_1_1';
function Component_39_7_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_7_1_1"
>
<Component_39_7_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/kubernetes-auto-sync"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
Kubernetes Access Management Doesn't Have to Suck
</a>
</h3>
</div>
</div>
);
}
export default Component_39_7_1_1;
~~~
~~~/components/Component_39_7_2_1.jsx
import Component_39_7_2_1_1 from './Component_39_7_2_1_1';
function Component_39_7_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_7_2_1"
>
<Component_39_7_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/identity-firewall"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
Introducing Identity Firewall: Security, Performance, Simplicity.
Pick Three.
</a>
</h3>
</div>
</div>
);
}
export default Component_39_7_2_1;
~~~
~~~/components/Component_39_7_3_1.jsx
import Component_39_7_3_1_1 from './Component_39_7_3_1_1';
function Component_39_7_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_7_3_1"
>
<Component_39_7_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/unraid-community-app"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
Upgrade Your Home Server Game with Unraid (And Use Twingate to Make
It Even Better)
</a>
</h3>
</div>
</div>
);
}
export default Component_39_7_3_1;
~~~
~~~/components/Component_39_8_1_1.jsx
import Component_39_8_1_1_1 from './Component_39_8_1_1_1';
function Component_39_8_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_8_1_1"
>
<Component_39_8_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/1st Source Bank-data-breach"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
1st Source Bank Data Breach: What & How It Happened?
</a>
</h3>
</div>
</div>
);
}
export default Component_39_8_1_1;
~~~
~~~/components/Component_39_8_2_1.jsx
import Component_39_8_2_1_1 from './Component_39_8_2_1_1';
function Component_39_8_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_8_2_1"
>
<Component_39_8_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/application-security-books"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Application Security Books
</a>
</h3>
</div>
</div>
);
}
export default Component_39_8_2_1;
~~~
~~~/components/Component_39_8_3_1.jsx
import Component_39_8_3_1_1 from './Component_39_8_3_1_1';
function Component_39_8_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_8_3_1"
>
<Component_39_8_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/application-security-certifications"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Application Security Certifications
</a>
</h3>
</div>
</div>
);
}
export default Component_39_8_3_1;
~~~
~~~/components/Component_39_9_1_1.jsx
import Component_39_9_1_1_1 from './Component_39_9_1_1_1';
function Component_39_9_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_9_1_1"
>
<Component_39_9_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/jquery-vulnerabilities"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 jquery Vulnerabilities
</a>
</h3>
</div>
</div>
);
}
export default Component_39_9_1_1;
~~~
~~~/components/Component_39_9_2_1.jsx
import Component_39_9_2_1_1 from './Component_39_9_2_1_1';
function Component_39_9_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_9_2_1"
>
<Component_39_9_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/network-security-books"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Network Security Books
</a>
</h3>
</div>
</div>
);
}
export default Component_39_9_2_1;
~~~
~~~/components/Component_39_9_3_1.jsx
import Component_39_9_3_1_1 from './Component_39_9_3_1_1';
function Component_39_9_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_9_3_1"
>
<Component_39_9_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/npm-vulnerabilities"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 npm Vulnerabilities
</a>
</h3>
</div>
</div>
);
}
export default Component_39_9_3_1;
~~~
~~~/components/Component_39_10_1_1.jsx
import Component_39_10_1_1_1 from './Component_39_10_1_1_1';
function Component_39_10_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_10_1_1"
>
<Component_39_10_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/kubernetes-auto-sync"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
Kubernetes Access Management Doesn't Have to Suck
</a>
</h3>
</div>
</div>
);
}
export default Component_39_10_1_1;
~~~
~~~/components/Component_39_10_2_1.jsx
import Component_39_10_2_1_1 from './Component_39_10_2_1_1';
function Component_39_10_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_10_2_1"
>
<Component_39_10_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/identity-firewall"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
Introducing Identity Firewall: Security, Performance, Simplicity.
Pick Three.
</a>
</h3>
</div>
</div>
);
}
export default Component_39_10_2_1;
~~~
~~~/components/Component_39_10_3_1.jsx
import Component_39_10_3_1_1 from './Component_39_10_3_1_1';
function Component_39_10_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_10_3_1"
>
<Component_39_10_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/unraid-community-app"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
Upgrade Your Home Server Game with Unraid (And Use Twingate to Make
It Even Better)
</a>
</h3>
</div>
</div>
);
}
export default Component_39_10_3_1;
~~~
~~~/components/Component_39_11_1_1.jsx
import Component_39_11_1_1_1 from './Component_39_11_1_1_1';
function Component_39_11_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_11_1_1"
>
<Component_39_11_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/1st Source Bank-data-breach"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
1st Source Bank Data Breach: What & How It Happened?
</a>
</h3>
</div>
</div>
);
}
export default Component_39_11_1_1;
~~~
~~~/components/Component_39_11_2_1.jsx
import Component_39_11_2_1_1 from './Component_39_11_2_1_1';
function Component_39_11_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_11_2_1"
>
<Component_39_11_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/application-security-books"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Application Security Books
</a>
</h3>
</div>
</div>
);
}
export default Component_39_11_2_1;
~~~
~~~/components/Component_39_11_3_1.jsx
import Component_39_11_3_1_1 from './Component_39_11_3_1_1';
function Component_39_11_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_11_3_1"
>
<Component_39_11_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/application-security-certifications"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Application Security Certifications
</a>
</h3>
</div>
</div>
);
}
export default Component_39_11_3_1;
~~~
~~~/components/Component_39_12_1_1.jsx
import Component_39_12_1_1_1 from './Component_39_12_1_1_1';
function Component_39_12_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_12_1_1"
>
<Component_39_12_1_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/jquery-vulnerabilities"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 jquery Vulnerabilities
</a>
</h3>
</div>
</div>
);
}
export default Component_39_12_1_1;
~~~
~~~/components/Component_39_12_2_1.jsx
import Component_39_12_2_1_1 from './Component_39_12_2_1_1';
function Component_39_12_2_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_12_2_1"
>
<Component_39_12_2_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/network-security-books"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 Network Security Books
</a>
</h3>
</div>
</div>
);
}
export default Component_39_12_2_1;
~~~
~~~/components/Component_39_12_3_1.jsx
import Component_39_12_3_1_1 from './Component_39_12_3_1_1';
function Component_39_12_3_1() {
return (
<div
className="opacity-100 w-full h-min relative flex flex-col shrink-0 justify-center content-start items-start gap-y-2 gap-x-2 select-none"
data-component-id="Component_39_12_3_1"
>
<Component_39_12_3_1_1 />
<div className="[--extracted-a0htzi:var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:wrap] [word-break:break-word] w-full relative flex flex-col shrink-0 justify-start select-none">
<h3 className='[--framer-text-color:var(--extracted-a0htzi,var(--token-87e2a834-dce3-4842-8e11-43fd460dff18,rgb(255,255,255)))] text-white leading-[31.2px] [font-family:"TT_Hoves_Light","TT_Hoves_Light_Placeholder",sans-serif,system-ui,sans-serif] font-normal text-[24px] [word-break:break-word] caret-white select-none my-0'>
<a
href="./blog/tips/npm-vulnerabilities"
tabIndex="-1"
className="[word-break:break-word] caret-white select-none"
>
5 npm Vulnerabilities
</a>
</h3>
</div>
</div>
);
}
export default Component_39_12_3_1;
~~~
~~~/components/Component_14_2_2_1_1.jsx
function Component_14_2_2_1_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_14_2_2_1_1"
>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16.8px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Alex Marshall
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
accessed
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16.8px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Airflow
</p>
</div>
</div>
);
}
export default Component_14_2_2_1_1;
~~~
~~~/components/Component_14_2_3_1_1.jsx
function Component_14_2_3_1_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_14_2_3_1_1"
>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16.8px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Sadie Kirlin
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
failed to connect to
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16.8px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Gitlab
</p>
</div>
</div>
);
}
export default Component_14_2_3_1_1;
~~~
~~~/components/Component_14_2_4_1_1.jsx
function Component_14_2_4_1_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_14_2_4_1_1"
>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16.8px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Joel Thiel
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
accessed
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16.8px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Prod Cluster
</p>
</div>
</div>
);
}
export default Component_14_2_4_1_1;
~~~
~~~/components/Component_14_2_5_1_1.jsx
function Component_14_2_5_1_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_14_2_5_1_1"
>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16.8px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Nolan Wright
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
accessed
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16.8px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Airflow
</p>
</div>
</div>
);
}
export default Component_14_2_5_1_1;
~~~
~~~/components/Component_14_2_6_1_1.jsx
function Component_14_2_6_1_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_14_2_6_1_1"
>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16.8px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Angela Bower
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
accessed
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[16.8px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Prod Cluster
</p>
</div>
</div>
);
}
export default Component_14_2_6_1_1;
~~~
~~~/components/Component_14_2_7_1_1.jsx
function Component_14_2_7_1_1() {
return (
<div
className="opacity-100 w-min h-min relative flex shrink-0 justify-start content-start items-start gap-y-1 gap-x-1"
data-component-id="Component_14_2_7_1_1"
>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-line-height:18px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Sadie Kirlin
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start self-stretch">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIFJlZ3VsYXI=] [--framer-font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[16.8px] [font-family:"TT_Hoves_Regular","TT_Hoves_Regular_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
failed to connect to
</p>
</div>
<div className="[--extracted-r6o4lv:rgb(255,255,255)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--font-selector:Q1VTVE9NO1RUIEhvdmVzIE1lZGl1bQ==] [--framer-font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif] [--framer-font-size:14px] [--framer-line-height:18px] [--framer-text-color:var(--extracted-r6o4lv,rgb(255,255,255))] text-white leading-[18px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[14px] [text-wrap-mode:nowrap] caret-white my-0'>
Prod DB
</p>
</div>
</div>
);
}
export default Component_14_2_7_1_1;
~~~
~~~/components/Component_20_2_2_1_1.jsx
function Component_20_2_2_1_1() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:rgb(58,61,64)] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#121315] w-min h-6 relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 px-2 py-1 rounded-br-[100px] rounded-t-[100px] rounded-bl-[100px]"
data-component-id="Component_20_2_2_1_1"
>
<div className="opacity-100 w-3 h-3 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-2.5 h-[13px] absolute top-[calc(54.1667%_-_6.5px)] left-[calc(51.0423%_-_5px)] shrink-0 right-auto bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 10 13"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg552103650_1562" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--framer-font-size:12px] [--framer-line-height:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[14px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Alias
</p>
</div>
</div>
);
}
export default Component_20_2_2_1_1;
~~~
~~~/components/Component_20_2_2_1_2.jsx
function Component_20_2_2_1_2() {
return (
<div
className="[--border-bottom-width:0.5px] [--border-color:rgb(58,61,64)] [--border-left-width:0.5px] [--border-right-width:0.5px] [--border-style:solid] [--border-top-width:0.5px] opacity-100 bg-[#121315] w-min h-6 relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 px-2 py-1 rounded-br-[100px] rounded-t-[100px] rounded-bl-[100px]"
data-component-id="Component_20_2_2_1_2"
>
<div className="opacity-100 w-3 h-3 relative overflow-x-hidden overflow-y-hidden shrink-0 gap-y-0 gap-x-0">
<div
aria-hidden="true"
className="[image-rendering:pixelated] fill-black text-black opacity-100 w-2.5 h-2.5 absolute shrink-0 left-px right-auto top-px bottom-auto"
>
<div className="w-full h-full">
<svg
viewBox="0 0 10 10"
width="100%"
height="100%"
className="w-full h-full block overflow-x-hidden overflow-y-hidden"
data-svg-size="174"
>
<use href="#svg-883981417_532" className="inline"></use>
</svg>
</div>
</div>
</div>
<div className="[--extracted-r6o4lv:rgb(161,161,170)] [--framer-paragraph-spacing:0px] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-start">
<p className='[--framer-font-size:12px] [--framer-line-height:14px] [--framer-text-color:var(--extracted-r6o4lv,rgb(161,161,170))] text-zinc-400 leading-[14px] [font-family:Inter,"Inter_Placeholder",sans-serif,system-ui,sans-serif] [text-wrap-mode:nowrap] caret-zinc-400 my-0'>
Ports
</p>
</div>
</div>
);
}
export default Component_20_2_2_1_2;
~~~
~~~/components/Component_39_1_1_1_1.jsx
function Component_39_1_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_1_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Eran Kampf
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Nov 24, 2025
</p>
</div>
</div>
);
}
export default Component_39_1_1_1_1;
~~~
~~~/components/Component_39_1_2_1_1.jsx
function Component_39_1_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_1_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Anna Liu
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Nov 13, 2025
</p>
</div>
</div>
);
}
export default Component_39_1_2_1_1;
~~~
~~~/components/Component_39_1_3_1_1.jsx
function Component_39_1_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_1_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Andrew Baumbauch
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Sep 18, 2025
</p>
</div>
</div>
);
}
export default Component_39_1_3_1_1;
~~~
~~~/components/Component_39_2_1_1_1.jsx
function Component_39_2_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_2_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Jun 20, 2024
</p>
</div>
</div>
);
}
export default Component_39_2_1_1_1;
~~~
~~~/components/Component_39_2_2_1_1.jsx
function Component_39_2_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_2_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_2_2_1_1;
~~~
~~~/components/Component_39_2_3_1_1.jsx
function Component_39_2_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_2_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_2_3_1_1;
~~~
~~~/components/Component_39_3_1_1_1.jsx
function Component_39_3_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_3_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_3_1_1_1;
~~~
~~~/components/Component_39_3_2_1_1.jsx
function Component_39_3_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_3_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_3_2_1_1;
~~~
~~~/components/Component_39_3_3_1_1.jsx
function Component_39_3_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_3_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_3_3_1_1;
~~~
~~~/components/Component_39_4_1_1_1.jsx
function Component_39_4_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_4_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Eran Kampf
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Nov 24, 2025
</p>
</div>
</div>
);
}
export default Component_39_4_1_1_1;
~~~
~~~/components/Component_39_4_2_1_1.jsx
function Component_39_4_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_4_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Anna Liu
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Nov 13, 2025
</p>
</div>
</div>
);
}
export default Component_39_4_2_1_1;
~~~
~~~/components/Component_39_4_3_1_1.jsx
function Component_39_4_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_4_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Andrew Baumbauch
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Sep 18, 2025
</p>
</div>
</div>
);
}
export default Component_39_4_3_1_1;
~~~
~~~/components/Component_39_5_1_1_1.jsx
function Component_39_5_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_5_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Jun 20, 2024
</p>
</div>
</div>
);
}
export default Component_39_5_1_1_1;
~~~
~~~/components/Component_39_5_2_1_1.jsx
function Component_39_5_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_5_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_5_2_1_1;
~~~
~~~/components/Component_39_5_3_1_1.jsx
function Component_39_5_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_5_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_5_3_1_1;
~~~
~~~/components/Component_39_6_1_1_1.jsx
function Component_39_6_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_6_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_6_1_1_1;
~~~
~~~/components/Component_39_6_2_1_1.jsx
function Component_39_6_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_6_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_6_2_1_1;
~~~
~~~/components/Component_39_6_3_1_1.jsx
function Component_39_6_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_6_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_6_3_1_1;
~~~
~~~/components/Component_39_7_1_1_1.jsx
function Component_39_7_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_7_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Eran Kampf
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Nov 24, 2025
</p>
</div>
</div>
);
}
export default Component_39_7_1_1_1;
~~~
~~~/components/Component_39_7_2_1_1.jsx
function Component_39_7_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_7_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Anna Liu
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Nov 13, 2025
</p>
</div>
</div>
);
}
export default Component_39_7_2_1_1;
~~~
~~~/components/Component_39_7_3_1_1.jsx
function Component_39_7_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_7_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Andrew Baumbauch
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Sep 18, 2025
</p>
</div>
</div>
);
}
export default Component_39_7_3_1_1;
~~~
~~~/components/Component_39_8_1_1_1.jsx
function Component_39_8_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_8_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Jun 20, 2024
</p>
</div>
</div>
);
}
export default Component_39_8_1_1_1;
~~~
~~~/components/Component_39_8_2_1_1.jsx
function Component_39_8_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_8_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_8_2_1_1;
~~~
~~~/components/Component_39_8_3_1_1.jsx
function Component_39_8_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_8_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_8_3_1_1;
~~~
~~~/components/Component_39_9_1_1_1.jsx
function Component_39_9_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_9_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_9_1_1_1;
~~~
~~~/components/Component_39_9_2_1_1.jsx
function Component_39_9_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_9_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_9_2_1_1;
~~~
~~~/components/Component_39_9_3_1_1.jsx
function Component_39_9_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_9_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_9_3_1_1;
~~~
~~~/components/Component_39_10_1_1_1.jsx
function Component_39_10_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_10_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Eran Kampf
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Nov 24, 2025
</p>
</div>
</div>
);
}
export default Component_39_10_1_1_1;
~~~
~~~/components/Component_39_10_2_1_1.jsx
function Component_39_10_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_10_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Anna Liu
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Nov 13, 2025
</p>
</div>
</div>
);
}
export default Component_39_10_2_1_1;
~~~
~~~/components/Component_39_10_3_1_1.jsx
function Component_39_10_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_10_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Andrew Baumbauch
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Sep 18, 2025
</p>
</div>
</div>
);
}
export default Component_39_10_3_1_1;
~~~
~~~/components/Component_39_11_1_1_1.jsx
function Component_39_11_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_11_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Jun 20, 2024
</p>
</div>
</div>
);
}
export default Component_39_11_1_1_1;
~~~
~~~/components/Component_39_11_2_1_1.jsx
function Component_39_11_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_11_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_11_2_1_1;
~~~
~~~/components/Component_39_11_3_1_1.jsx
function Component_39_11_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_11_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_11_3_1_1;
~~~
~~~/components/Component_39_12_1_1_1.jsx
function Component_39_12_1_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_12_1_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_12_1_1_1;
~~~
~~~/components/Component_39_12_2_1_1.jsx
function Component_39_12_2_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_12_2_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_12_2_1_1;
~~~
~~~/components/Component_39_12_3_1_1.jsx
function Component_39_12_3_1_1() {
return (
<div
className="opacity-100 w-full h-min relative flex shrink-0 justify-start content-center items-center gap-y-1 gap-x-1 select-none"
data-component-id="Component_39_12_3_1_1"
>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Twingate Team
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
•
</p>
</div>
<div className="[--extracted-r6o4lv:var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6))] [transform:none] opacity-100 [white-space-collapse:preserve] [text-wrap-mode:nowrap] relative flex flex-col shrink-0 justify-center select-none">
<p className='[--framer-text-color:var(--extracted-r6o4lv,var(--token-1891448d-bc9d-449f-8f82-d845951444bc,rgba(240,240,255,0.6)))] text-[rgba(240,240,255,0.6)] leading-[19.5px] [font-family:"TT_Hoves_Medium","TT_Hoves_Medium_Placeholder",sans-serif,system-ui,sans-serif] text-[13px] tracking-[0.15px] [text-wrap-mode:nowrap] caret-[rgba(240,240,255,0.6)] select-none my-0'>
Apr 4, 2024
</p>
</div>
</div>
);
}
export default Component_39_12_3_1_1;
~~~
Implementation Guidelines
1. Analyze the component structure, styling, animation implementations
2. Review the component's arguments and state
3. Think through what is the best place to adopt this component/style into the design we are doing
4. Then adopt the component/design to our current system
Help me integrate this into my design