:root {--pinn-space-2xs: clamp(0.51rem, calc(0.0002962963 * (100vw - 22.5rem) + 0.51rem), 0.53rem);--pinn-space-xs: clamp(0.64rem, calc(0.0008888889 * (100vw - 22.5rem) + 0.64rem), 0.7rem);--pinn-space-s: clamp(0.8rem, calc(0.0020740741 * (100vw - 22.5rem) + 0.8rem), 0.94rem);--pinn-space-m: clamp(1rem, calc(0.0037037037 * (100vw - 22.5rem) + 1rem), 1.25rem);--pinn-space-l: clamp(1.25rem, calc(0.0062222222 * (100vw - 22.5rem) + 1.25rem), 1.67rem);--pinn-space-xl: clamp(1.56rem, calc(0.0097777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem);--pinn-space-2xl: clamp(1.95rem, calc(0.014962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem);--pinn-space-3xl: clamp(2.44rem, calc(0.0223703704 * (100vw - 22.5rem) + 2.44rem), 3.95rem);--pinn-text-xs: clamp(0.69rem, calc(0.0001481481 * (100vw - 22.5rem) + 0.69rem), 0.7rem);--pinn-text-s: clamp(0.83rem, calc(0.0016296296 * (100vw - 22.5rem) + 0.83rem), 0.94rem);--pinn-text-m: clamp(1rem, calc(0.0037037037 * (100vw - 22.5rem) + 1rem), 1.25rem);--pinn-text-l: clamp(1.2rem, calc(0.006962963 * (100vw - 22.5rem) + 1.2rem), 1.67rem);--pinn-text-xl: clamp(1.44rem, calc(0.0115555556 * (100vw - 22.5rem) + 1.44rem), 2.22rem);--pinn-text-2xl: clamp(1.73rem, calc(0.0182222222 * (100vw - 22.5rem) + 1.73rem), 2.96rem);--pinn-text-3xl: clamp(2.07rem, calc(0.0278518519 * (100vw - 22.5rem) + 2.07rem), 3.95rem);--pinn-text-4xl: clamp(2.49rem, calc(0.041037037 * (100vw - 22.5rem) + 2.49rem), 5.26rem);--pinn-radius-s: 0.25rem;--pinn-radius-m: 0.5rem;--pinn-radius-l: 1rem;--pinn-radius-xl: 1.5rem;--pinn-radius-full: 999px;--pinn-shadow-s: 0 1px 2px rgb(17 24 39 / 0.08);--pinn-shadow-m: 0 4px 12px rgb(17 24 39 / 0.10);--pinn-shadow-l: 0 12px 32px rgb(17 24 39 / 0.14);--pinn-border-width: 1px;--pinn-border-width-thick: 2px;--pinn-border-color: var(--pinn-primary-l-4);--pinn-container-max: 75rem;--pinn-container-narrow: 48rem;--pinn-gutter: var(--pinn-space-m);--pinn-transition-fast: 150ms ease;--pinn-transition: 250ms ease;--pinn-leading-tight: 1.2;--pinn-leading-base: 1.6;}