@layer code-components{.field{margin-bottom:var(--element-spacing);position:relative;width:100%}.field:last-child{margin-bottom:0}.field__header,.field__label{color:inherit;display:block;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.field__header[aria-hidden=true],.field__label[aria-hidden=true]{display:none}.field__input,.field__select,.field__textarea{border-color:var(--color-gray-3);color:var(--color-black);display:block;font-family:var(--font-body-family);font-size:.875rem;line-height:1.25rem;padding:.875rem 1rem;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-color:transparent;transition-duration:75ms;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:linear}.field__input::-moz-placeholder,.field__select::-moz-placeholder,.field__textarea::-moz-placeholder{color:var(--color-gray-2)}.field__input::placeholder,.field__select::placeholder,.field__textarea::placeholder{color:var(--color-gray-2)}.field__input:focus,.field__select:focus,.field__textarea:focus{border-color:var(--color-primary);color:var(--color-black);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:transparent;--tw-shadow:var(--tw-shadow-colored);outline:2px solid transparent;outline-offset:2px;--tw-ring-color:transparent}.field__input:focus-visible,.field__select:focus-visible,.field__textarea:focus-visible{border-color:var(--color-primary);color:var(--color-black);outline:2px solid transparent;outline-offset:2px}.field__input:invalid:not(:-moz-placeholder),.field__select:invalid:not(:-moz-placeholder),.field__textarea:invalid:not(:-moz-placeholder){border-color:var(--color-danger)}.field__input.field__invalid,.field__input:invalid:not(:placeholder-shown),.field__input[aria-invalid=true]:invalid,.field__select.field__invalid,.field__select:invalid:not(:placeholder-shown),.field__select[aria-invalid=true]:invalid,.field__textarea.field__invalid,.field__textarea:invalid:not(:placeholder-shown),.field__textarea[aria-invalid=true]:invalid{border-color:var(--color-danger)}.field__input:invalid:not(:-moz-placeholder)~.field__icons .icon-cross,.field__select:invalid:not(:-moz-placeholder)~.field__icons .icon-cross,.field__textarea:invalid:not(:-moz-placeholder)~.field__icons .icon-cross{display:block}.field__input.field__invalid~.field__icons .icon-cross,.field__input:invalid:not(:placeholder-shown)~.field__icons .icon-cross,.field__input[aria-invalid=true]:invalid~.field__icons .icon-cross,.field__select.field__invalid~.field__icons .icon-cross,.field__select:invalid:not(:placeholder-shown)~.field__icons .icon-cross,.field__select[aria-invalid=true]:invalid~.field__icons .icon-cross,.field__textarea.field__invalid~.field__icons .icon-cross,.field__textarea:invalid:not(:placeholder-shown)~.field__icons .icon-cross,.field__textarea[aria-invalid=true]:invalid~.field__icons .icon-cross{display:block}.field__input:invalid:not(:-moz-placeholder)~.field__icons .icon-cross [fill=currentColor],.field__select:invalid:not(:-moz-placeholder)~.field__icons .icon-cross [fill=currentColor],.field__textarea:invalid:not(:-moz-placeholder)~.field__icons .icon-cross [fill=currentColor]{fill:var(--color-danger)}.field__input.field__invalid~.field__icons .icon-cross [fill=currentColor],.field__input:invalid:not(:placeholder-shown)~.field__icons .icon-cross [fill=currentColor],.field__input[aria-invalid=true]:invalid~.field__icons .icon-cross [fill=currentColor],.field__select.field__invalid~.field__icons .icon-cross [fill=currentColor],.field__select:invalid:not(:placeholder-shown)~.field__icons .icon-cross [fill=currentColor],.field__select[aria-invalid=true]:invalid~.field__icons .icon-cross [fill=currentColor],.field__textarea.field__invalid~.field__icons .icon-cross [fill=currentColor],.field__textarea:invalid:not(:placeholder-shown)~.field__icons .icon-cross [fill=currentColor],.field__textarea[aria-invalid=true]:invalid~.field__icons .icon-cross [fill=currentColor]{fill:var(--color-danger)}.field__input:invalid:not(:-moz-placeholder)~.field__message--error,.field__select:invalid:not(:-moz-placeholder)~.field__message--error,.field__textarea:invalid:not(:-moz-placeholder)~.field__message--error{display:block}.field__input.field__invalid~.field__message--error,.field__input:invalid:not(:placeholder-shown)~.field__message--error,.field__input[aria-invalid=true]:invalid~.field__message--error,.field__select.field__invalid~.field__message--error,.field__select:invalid:not(:placeholder-shown)~.field__message--error,.field__select[aria-invalid=true]:invalid~.field__message--error,.field__textarea.field__invalid~.field__message--error,.field__textarea:invalid:not(:placeholder-shown)~.field__message--error,.field__textarea[aria-invalid=true]:invalid~.field__message--error{display:block}.field__input:active(:not(:disabled)),.field__input:focus(:not(:disabled)),.field__input:focus-visible(:not(:disabled)),.field__select:active(:not(:disabled)),.field__select:focus(:not(:disabled)),.field__select:focus-visible(:not(:disabled)),.field__textarea:active(:not(:disabled)),.field__textarea:focus(:not(:disabled)),.field__textarea:focus-visible(:not(:disabled)){background-color:var(--color-black);outline:2px solid transparent;outline-offset:2px}.field__input:invalid:not(:-moz-placeholder),.field__select:invalid:not(:-moz-placeholder),.field__textarea:invalid:not(:-moz-placeholder){padding-right:3.5rem}.field__input:invalid:not(:placeholder-shown),.field__input:valid[required],.field__select:invalid:not(:placeholder-shown),.field__select:valid[required],.field__textarea:invalid:not(:placeholder-shown),.field__textarea:valid[required]{padding-right:3.5rem}.field__input:valid[required]~.field__icons .icon-checkmark,.field__select:valid[required]~.field__icons .icon-checkmark,.field__textarea:valid[required]~.field__icons .icon-checkmark{display:block}.field__input:valid[required]~.field__message,.field__select:valid[required]~.field__message,.field__textarea:valid[required]~.field__message{display:none}.field__input:disabled[required],.field__select:disabled[required],.field__textarea:disabled[required]{cursor:default;opacity:.3}.field__input:disabled[required]~.field__label,.field__input:disabled[required]~.field__message,.field__select:disabled[required]~.field__label,.field__select:disabled[required]~.field__message,.field__textarea:disabled[required]~.field__label,.field__textarea:disabled[required]~.field__message{opacity:.3}.field__input~.field__icons .icon,.field__select~.field__icons .icon,.field__textarea~.field__icons .icon{display:none;position:absolute;right:.75rem;top:50%;--tw-translate-y:-50%;transform: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))}.field__input::-webkit-search-cancel-button,.field__select::-webkit-search-cancel-button,.field__textarea::-webkit-search-cancel-button{display:none}.field__textarea{height:5rem;resize:none}.field__message{display:block;flex:none;font-size:.875rem;margin-top:.5rem;width:100%}.field__message--error{color:var(--color-danger);display:none}.field--checkbox{display:flex;gap:.5rem}.field__checkbox{align-items:center;background-color:var(--color-gray-4);border-style:none;color:var(--color-black);cursor:pointer;display:flex;flex-shrink:0;height:1.25rem;justify-content:center;width:1.25rem}.field__checkbox svg{opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.field input:focus-visible+.field__checkbox{outline:2px solid transparent;outline-offset:2px;--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(2px + 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);--tw-ring-color:var(--color-gray-2)}.field input:checked+.field__checkbox{cursor:default}.field input:checked+.field__checkbox svg{opacity:1}.field input:disabled+.field__checkbox{pointer-events:none}.field input:disabled+.field__checkbox svg{opacity:0}.field__checkbox-label{color:var(--text-color-default);cursor:pointer;display:block;font-size:.875rem;line-height:1.25rem;margin-bottom:0;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.field:hover .field__checkbox-label{color:var(--color-primary)}.field input:disabled~.field__checkbox-label{color:var(--text-color-default);cursor:default;opacity:.5;pointer-events:none;text-decoration-line:line-through}.field--radio{display:flex;gap:.5rem}.field__radio{align-items:center;background-color:var(--color-gray-4);border-radius:9999px;border-style:none;cursor:pointer;display:flex;flex-shrink:0;height:1.25rem;justify-content:center;width:1.25rem}.field__radio:after{background-color:var(--color-black);border-radius:9999px;height:.5rem;opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem;--tw-content:"";content:var(--tw-content)}.field input:focus-visible+.field__radio{outline:2px solid transparent;outline-offset:2px;--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(2px + 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);--tw-ring-color:var(--color-black)}.field input:checked+.field__radio,.field:hover .field__radio{cursor:default}.field input:checked+.field__radio:after,.field:hover .field__radio:after{opacity:1}.field input:disabled+.field__radio{pointer-events:none}.field input:disabled+.field__radio:after{opacity:0}.field__radio-label{color:var(--text-color-default);cursor:pointer;display:block;font-size:.875rem;line-height:1.25rem;margin-bottom:0;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.field:hover .field__radio-label{color:var(--color-primary)}.field input:disabled~.field__radio-label{color:var(--text-color-default);cursor:default;opacity:.5;pointer-events:none;text-decoration-line:line-through}.field__select{cursor:pointer}.field__select-icon{position:absolute;right:1.25rem;top:50%;transform-origin:center;--tw-translate-y:-50%;transform: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))}.field .field__dropdown{background-color:var(--color-white);border-color:var(--color-gray-3);border-width:1px;display:flex;flex-direction:column;left:0;margin-top:.25rem;padding-left:.5rem;padding-right:.5rem;position:absolute;top:100%;transform-origin:top right;width:14rem;z-index:10;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.field .field__dropdown:focus{outline:2px solid transparent;outline-offset:2px}.field .field__dropdown--hidden{display:none}.field .field__dropdown-item{color:var(--color-black);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.field .field__dropdown-item:hover{color:var(--color-primary);text-decoration-line:none}.field__text-area{height:10rem;padding:1.5rem;resize:none}.field__text-area--resize-vertical{resize:vertical}.field--switch{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;position:relative;width:100%}.field__switch{background-color:var(--color-gray-2);border-radius:9999px;height:1.25rem;position:relative;width:2.25rem}.field__switch:after{background-color:var(--color-white);border-radius:9999px;border-width:1px;height:1rem;left:.125rem;position:absolute;top:.125rem;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem;--tw-content:"";border-color:var(--border-color-default);content:var(--tw-content)}.field input:focus-visible+.field__switch{outline:2px solid transparent;outline-offset:2px;--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(2px + 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);--tw-ring-color:var(--color-primary)}.field input:checked+.field__switch:after{--tw-translate-x:100%;background-color:var(--color-primary);border-color:var(--color-primary);transform: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))}.field input:disabled+.field__switch{pointer-events:none}.field__switch-label{color:var(--text-color-default);cursor:pointer;display:block;font-size:.875rem;line-height:1.25rem;margin-bottom:0;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.field:hover .field__switch-label{color:var(--color-primary)}.field input:disabled~.field__switch-label{color:var(--text-color-default);cursor:default;opacity:.5;pointer-events:none;text-decoration-line:line-through}.errors{font-size:.875rem;margin-bottom:1rem}}