.fog-field{display:flex;flex-direction:column;gap:var(--space-xs);position:relative}.fog-field-label{font-family:Montserrat,sans-serif;font-size:calc(var(--body-font-size, 16px) * .8125);font-weight:500;color:var(--color-text-muted)}.fog-input{width:100%;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:12px 16px;color:var(--color-text);font-family:Montserrat,sans-serif;font-size:calc(var(--body-font-size, 16px) * .9375);font-weight:500;line-height:1;outline:none;appearance:none;-webkit-appearance:none;transition:border-color .2s ease,box-shadow .2s ease}.fog-input--with-unit{padding-right:48px}.fog-input:hover{border-color:var(--color-text-dim)}.fog-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0099221f}.fog-input:focus:not(:focus-visible){box-shadow:none}.fog-input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px #0099221f}.fog-input[type=number]::-webkit-inner-spin-button,.fog-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fog-input[type=number]{-moz-appearance:textfield}.fog-field-unit{position:absolute;right:14px;bottom:13px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;color:var(--color-text-dim);pointer-events:none;-webkit-user-select:none;user-select:none}.fog-select-wrap{position:relative}.fog-select-wrap .fog-input{padding-right:40px;cursor:pointer}.fog-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;color:var(--color-text-dim)}.fog-textarea{width:100%;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:12px 16px;color:var(--color-text);font-family:Montserrat,sans-serif;font-size:calc(var(--body-font-size, 16px) * .9375);font-weight:400;line-height:1.6;outline:none;resize:vertical;min-height:120px;transition:border-color .2s ease,box-shadow .2s ease}.fog-textarea:hover{border-color:var(--color-text-dim)}.fog-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0099221f}.fog-textarea:focus:not(:focus-visible){box-shadow:none}@media(max-width:768px){.fog-input,.fog-textarea{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-forms.css.map */