:root{--breakpoint-xs:0;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--grid-gutter-width:32px;--grid-columns:12}@keyframes gt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes gt-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gt-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes gt-slide-up-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes gt-slide-up-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes gt-slide-down-in{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes gt-slide-down-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2rem)}}@keyframes gt-slide-right-in{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}@keyframes gt-slide-right-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-2rem)}}@keyframes gt-spin{to{transform:rotate(1turn)}}.gt-input-field{display:flex;flex-direction:column;gap:var(--space-xs)}.gt-input-field--block{width:100%}.gt-input-label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.gt-input-label__optional{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.gt-input-hint{color:var(--color-text-secondary)}.gt-input-error,.gt-input-hint{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.gt-input-error{color:var(--color-error);font-weight:var(--font-weight-semibold)}.gt-input{background-color:var(--color-background);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text);display:block;font-family:var(--font-family-base);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);width:100%}.gt-input::-moz-placeholder{color:var(--color-text-secondary);opacity:.7}.gt-input::placeholder{color:var(--color-text-secondary);opacity:.7}.gt-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.gt-input--sm{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.gt-input--md{font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md)}.gt-input--lg{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-xl)}.gt-input-width-xxs{max-width:8rem}.gt-input-width-xs{max-width:16rem}.gt-input-width-s{max-width:24rem}.gt-input-width-m{max-width:32rem}.gt-input-width-l{max-width:40rem}.gt-input-width-xl{max-width:48rem}.gt-input-char-4{max-width:calc(4ch + var(--space-md)*2 + 2px)}.gt-input-char-8{max-width:calc(8ch + var(--space-md)*2 + 2px)}.gt-input-char-11{max-width:calc(11ch + var(--space-md)*2 + 2px)}.gt-input-char-27{max-width:calc(27ch + var(--space-md)*2 + 2px)}.gt-input--error,.gt-input--error:focus{border-color:var(--color-error)}.gt-input--error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 25%,transparent)}.gt-input--disabled,.gt-input:disabled{background-color:var(--color-surface-alt);cursor:not-allowed;opacity:.5}.gt-input:-moz-read-only{background-color:var(--color-surface-alt);cursor:default}.gt-input--readonly,.gt-input:read-only{background-color:var(--color-surface-alt);cursor:default}.gt-input-wrapper{align-items:stretch;display:flex}.gt-input-wrapper .gt-input{flex:1;min-width:0}.gt-input-wrapper--prefix .gt-input{border-bottom-left-radius:0;border-top-left-radius:0}.gt-input-wrapper--suffix .gt-input{border-bottom-right-radius:0;border-top-right-radius:0}.gt-input-prefix,.gt-input-suffix{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border-medium);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);white-space:nowrap}.gt-input-prefix{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:0}.gt-input-suffix{border-left:0;border-radius:0 var(--radius-md) var(--radius-md) 0}
