.logoloop{position:relative;--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#fafafa}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}.dark .logoloop{--logoloop-fadeColorAuto:#1d1d1d}.logoloop__track{display:flex;width:max-content;will-change:transform;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover .logoloop__node,.logoloop--scale-hover .logoloop__item:hover img{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:after,.logoloop--fade:before{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after,.logoloop--vertical.logoloop--fade:before{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,rgba(0,0,0,0) 100%)}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.logoloop--models-marquee{--logoloop-gap:36px;--logoloop-logoHeight:38px;--models-logo-gpt-scale:0.88;overflow:hidden}.logoloop--models-marquee.logoloop--fade:after,.logoloop--models-marquee.logoloop--fade:before{width:80px}@media (min-width:768px){.logoloop--models-marquee.logoloop--fade:after,.logoloop--models-marquee.logoloop--fade:before{width:96px}.logoloop--models-marquee{--logoloop-gap:44px;--logoloop-logoHeight:40px}}@media (min-width:1024px){.logoloop--models-marquee{--logoloop-gap:48px;--logoloop-logoHeight:40px}}.logoloop--models-marquee .logoloop__link,.logoloop--models-marquee .logoloop__list,.logoloop--models-marquee .logoloop__node{align-items:flex-end}.logoloop--models-marquee .logoloop__item{display:inline-flex;align-items:flex-end;height:var(--logoloop-logoHeight)}.logoloop--models-marquee .logoloop__item img{filter:brightness(0);height:var(--logoloop-logoHeight);width:auto;max-width:none;object-fit:contain;object-position:bottom}.logoloop--models-marquee .logoloop__item img[src*="gpt_logo.svg"]{height:calc(var(--logoloop-logoHeight) * var(--models-logo-gpt-scale));max-height:calc(var(--logoloop-logoHeight) * var(--models-logo-gpt-scale))}.dark .logoloop--models-marquee .logoloop__item img{filter:brightness(0) invert(1)}.logoloop--showcase-cards{--logoloop-gap:20px;--logoloop-logoHeight:372px;--showcase-card-slot-h:372px;overflow:hidden}.logoloop--showcase-cards .logoloop__list{align-items:stretch}.logoloop--showcase-cards .logoloop__item{display:inline-flex;align-items:stretch;height:var(--logoloop-logoHeight);min-height:var(--logoloop-logoHeight);max-height:var(--logoloop-logoHeight);flex-shrink:0;font-size:medium;line-height:normal}.logoloop--showcase-cards .logoloop__link,.logoloop--showcase-cards .logoloop__node{display:flex;align-items:stretch;height:100%}.logoloop--showcase-cards.logoloop--fade:after,.logoloop--showcase-cards.logoloop--fade:before{width:80px}@media (min-width:768px){.logoloop--showcase-cards.logoloop--fade:after,.logoloop--showcase-cards.logoloop--fade:before{width:160px}}