.\#form-custom-select-trigger,.\#form-input,.\#form-select{border:1px solid var(--border-color, #bbb)}.\#form-custom-select-trigger,.\#form-input{color:#000;background:var(--background-color, white);display:block;font-weight:nomal;font-size:1em;padding:.65em .75em;width:100%;font-family:inherit}.\#form-custom-select-trigger::placeholder,.\#form-input::placeholder{color:var(--placeholder-color, inherit)}.\@error.\#form-custom-select-trigger,.\@error.\#form-input{border-color:#f5493e}.\#form-alert{display:flex;align-items:center;padding:calc(var(--spacer)*1.5);color:#fff}.\#form-alert .\#icon{height:calc(var(--spacer)*2.5);width:calc(var(--spacer)*2.5);margin-right:calc(var(--spacer)*1)}.\#form-alert.\@error{background:rgba(var(--color-error),1)}.\#form-alert.\@success{background:rgba(var(--color-success),1)}.\#form-alert-heading,.\#form-field{font-size:calc(var(--font-size-base)*1)}.\#form-alert-heading{text-transform:uppercase}.\#form-alert-heading+.\#form-alert-content{margin-top:calc(var(--spacer)*.5)}.\#form-alert-content ul{list-style:none;margin:0;padding:0}.\#form-alert-content a{color:inherit;text-decoration:none}.\#form-field{color:rgba(var(--color-text),1)}.\#form-field.\@color-scheme\:accent{--background-color:rgba(var(--color-accent), 1);--text-color:rgba(var(--color-accent-c), 1);--border-color:rgba(var(--color-accent-c), .7);--placeholder-color:rgba(var(--color-accent-c), .5)}.\#form-field.\@color-scheme\:alt,.\#form-field.\@color-scheme\:default{--text-color:rgba(var(--color-text), 1);--border-color:rgba(var(--color-text), .7);--placeholder-color:rgba(var(--color-text), .5)}.\#form-field.\@color-scheme\:default{--background-color:rgba(var(--color-background), 1)}.\#form-field.\@color-scheme\:alt{--background-color:rgba(var(--color-alt-background), 1)}.\#form-field.\@color-scheme\:invert{--background-color:rgba(var(--color-text), 1);--text-color:rgba(var(--color-background), 1);--border-color:rgba(var(--color-background), .7);--placeholder-color:rgba(var(--color-background), .5)}.\#form-alert+.\#form-field,.\#form-field+.\#form-field{margin-top:calc(var(--spacer)*1.5)}.\#form-field-text{font-size:calc(var(--font-size-base)*.9)}.\#form-field-text>a{color:inherit}.\#form-field-error{display:flex;align-items:center;color:#f5493e}.\#form-field-error .\#icon{margin-right:calc(var(--spacer)*.3)}.\#form-input+.\#form-field-error,.\#form-input+.\#form-field-text{margin-top:calc(var(--spacer)*.3)}.\#form-select{position:relative;color:inherit;width:fit-content}.\#form-select>select{color:inherit;appearance:none;-webkit-appearance:none;font-size:inherit;border:0;background:#fff;font-weight:var(--font-body-weight-bold);padding:.65em calc(.75em + 2rem) .65em .75em}.\#form-select>select:focus{outline:0}.\#form-select>select:focus-visible{outline:4px solid rgba(var(--color-accent),.5)}.\#form-select>.\#icon{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);pointer-events:none;stroke-width:3;width:1.25rem;height:1.25rem}.\#form-label{display:block;text-transform:uppercase;font-size:.9em;opacity:.75;margin-bottom:.4em;color:var(--text-color, inherit)}.\#form-checkbox{display:flex;align-items:baseline;position:relative}input:checked~.\#form-checkbox-icon{background-color:rgba(var(--color-text),1)}input:checked~.\#form-checkbox-icon .\#icon{color:rgba(var(--color-background),1);opacity:1}input:checked~.\#form-checkbox-label{font-weight:var(--font-body-weight-bold)}.\#form-checkbox input:disabled~*{opacity:.6;cursor:not-allowed}.\#form-checkbox-label{word-break:break-all;padding-left:calc(var(--spacer)*.5)}.\#form-checkbox-label>a{text-decoration:none;color:inherit}.\#form-checkbox-icon{flex-shrink:0;width:calc(var(--spacer)*1.2);height:calc(var(--spacer)*1.2);display:flex;align-items:center;justify-content:center;border:2px solid rgba(var(--color-text),1)}.\#form-checkbox-icon .\#icon{stroke-width:4;opacity:0;width:calc(var(--spacer)*.8);height:calc(var(--spacer)*.8)}.\#form-input-group{display:flex;align-items:center;border:2px solid #666}.\#form-input-group .\#form-input{border:0;padding-left:calc(var(--spacer)*.5)}.\#form-input-group-text{padding-left:calc(var(--spacer)*.5);font-weight:var(--font-body-weight-bold);opacity:.8}.\#form-inline-group{display:flex;align-items:center;flex-flow:wrap;gap:10px}.\#form-inline-group.\@center{justify-content:center}.\#form-inline-group .\#form-field{margin:0}.\#form-color-swatch{cursor:pointer;display:block}.\#form-color-swatch-inner{border-color:transparent;border-radius:50%;border:2px solid #d9d9d9;display:flex;align-items:center;justify-content:center;transition:border-color .2s;cursor:pointer;position:relative;overflow:hidden;padding:3px;line-height:0}input:focus-visible+.\#form-color-swatch-inner{outline:4px solid rgba(var(--color-accent),.5)}input:checked+.\#form-color-swatch-inner{border-color:#000}input:disabled+.\#form-color-swatch-inner{opacity:.3;cursor:not-allowed}input[data-unavailable]+.\#form-color-swatch-inner{opacity:.6}input[data-unavailable]+.\#form-color-swatch-inner:before,input[data-unavailable]+.\#form-swatch-inner:before{content:"";width:100%;height:2px;position:absolute;top:calc(50% - 1px);left:0;background:#d9d9d9;transform:rotate(-45deg)}.\#form-color-swatch-display{width:30px;height:30px;border-radius:50%}.\#form-swatch{cursor:pointer;display:block}.\#form-swatch-inner{padding:.5em 1em;border:2px solid #d9d9d9;font-size:calc(var(--font-size-base)*.9);font-weight:var(--font-body-weight-bold);background:#fff;position:relative;overflow:hidden}input:focus-visible+.\#form-swatch-inner{outline:4px solid rgba(var(--color-accent),.5)}input:checked+.\#form-swatch-inner{border-color:#000}input[data-unavailable]+.\#form-swatch-inner{opacity:.6}.\#form-custom-select{display:block;width:content-fit;position:relative;margin-bottom:20px}.\#form-custom-select-trigger{display:flex;min-width:150px;text-align:left;background:0 0;cursor:pointer;align-items:center;justify-content:space-between;background:#fff}.\#form-custom-select-trigger .\#icon{width:1.2rem;height:1.2rem;stroke-width:3}.\#form-custom-select-dropdown{position:absolute;top:calc(100% + 2px);width:100%;padding:.25rem 1rem;display:none;z-index:99;background:#fff;box-shadow:0 5px 30px #0003;max-height:30vh;overflow:auto}.\#form-custom-select[open] .\#form-custom-select-dropdown{display:block}.\#form-custom-select-item{display:block;cursor:pointer}.\#form-custom-select-item-inner{display:block;padding:.5rem 0;display:flex;align-items:center}.\#form-custom-select-item:not(:last-child) .\#form-custom-select-item-inner{border-bottom:1px solid #e6e6e6}.\#form-custom-select-item-inner .\#icon{opacity:0;margin-right:.3rem;width:1rem;height:1rem;stroke-width:4}.\#form-custom-select-item-input:checked~.\#form-custom-select-item-inner{font-weight:var(--font-body-weight-bold)}.\#form-custom-select-item-input:checked~.\#form-custom-select-item-inner .\#icon{opacity:1}.\#form-custom-select-item-input[data-unavailable]~.\#form-custom-select-item-inner{text-decoration:line-through;opacity:.64}.\#form-custom-select-item-input:disabled~.\#form-custom-select-item-inner{text-decoration:line-through;opacity:.64}.\#form-input::placeholder{color:#ccc!important}.\#form-custom-select-trigger::placeholder{color:#ccc!important}.\#form-color-swatch-inner{border-color:transparent}.\#form-toggle-icon{height:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%);fill:#1a1b18}.\#password-area{position:relative}.\#form-message-success{border:1px solid #53a653;background-color:#f8fff9;color:#53a653;width:100%;margin-bottom:1em;padding:.8em}.focused_note{overflow:none;display:none;font-size:smaller;margin-top:.5rem}.focused_note p{display:flex}.focused_note span{padding-right:.2rem}.focused_note span svg{width:16px;color:rgba(var(--color-accent),1)}.\#form-input:focus~.focused_note{display:block}.form-field-display{position:relative}.form-field-display .focused_note{margin-top:.5rem;position:absolute;top:-110px;width:90%;left:5%;background:#fff;padding:8px 6px 0;border-radius:11px;box-shadow:0 3px 15px #0000001c}.form-field-display .focused_note:before{content:"";border:10px solid #e5e5e500;border-top:10px solid #fff;position:absolute;top:100%;left:20%;transform:translate(-50%);filter:drop-shadow(3px 4px 3px #e5e5e5)}.\#form-field .checkbox-field-style{display:flex;gap:.2rem;margin:1rem 0 0 1.3rem}.\#form-field .question-title{font-size:calc(var(--font-size-base)*1);margin-bottom:.5rem}.\#form-field .textarea-field-style{width:100%;height:8rem;border-radius:4px;margin-top:.5rem;padding:.8rem}
/*# sourceMappingURL=/cdn/shop/t/10/assets/form.css.map */