.field{position:relative;width:100%;display:flex;transition:box-shadow var(--duration-short) ease}.template-search .search .field{background:#f5f5f5;border-radius:5px}.template-search .search .field__input{height:64px;font-size:20px;font-weight:500;letter-spacing:.6px;padding:15px 33px}@media all and (min-width: 1200px){.template-search .search .field__input{font-size:28px;padding:15px 26px;letter-spacing:1.2px}}.template-search .search .search__button{padding-right:31px}.field__input{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:18px;width:100%;box-sizing:border-box;transition:box-shadow var(--duration-short) ease;border-radius:var(--inputs-radius);height:62px;min-height:calc(var(--inputs-border-width) * 2);min-width:calc(70px + (var(--inputs-border-width) * 2));position:relative;border:0}@media all and (min-width: 1200px){.field__input{height:50px}}.field:before{pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset, 8px);background:#f5f5f5;box-shadow:var(--inputs-shadow-horizontal-offset, 0) var(--inputs-shadow-vertical-offset, 0) var(--inputs-shadow-blur-radius, 0) rgba(var(--color-shadow),var(--inputs-shadow-opacity,0));z-index:-1}.field:after{pointer-events:none;content:"";position:absolute;top:var(--inputs-border-width, 1px);right:var(--inputs-border-width, 1px);bottom:var(--inputs-border-width, 1px);left:var(--inputs-border-width, 1px);border:1px solid transparent;border-radius:var(--inputs-radius, 8px);box-shadow:0 0 0 var(--inputs-border-width, 1px) rgba(var(--color-foreground),var(--inputs-border-opacity,0));transition:box-shadow .2s ease;z-index:1}.field__input:focus-visible{box-shadow:0 0 0 calc(1px + var(--inputs-border-width, 1px)) rgba(var(--color-foreground),0);outline:0;border-radius:var(--inputs-radius, 0)}.field__input:focus{box-shadow:0 0 0 calc(1px + var(--inputs-border-width, 1px)) rgba(var(--color-foreground),0);outline:0;border-radius:var(--inputs-radius, 0)}.field__input{flex-grow:1;text-align:left;padding:15px 22px;margin:var(--inputs-border-width, 1px);transition:box-shadow var(--duration-short, .2s) ease;border:none!important;background:#f5f5f5}.field__label{font-size:16px;left:calc(var(--inputs-border-width, 1px) + 20px);top:calc(10px + var(--inputs-border-width, 1px));margin-bottom:0;pointer-events:none;position:absolute;transition:top var(--duration-short) ease,font-size var(--duration-short, .2s) ease;color:rgba(var(--color-foreground),1);letter-spacing:1px;line-height:1.5;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-weight:400}.field__input:has(~.field__label):focus,.field__input:has(~.field__label):not(:placeholder-shown),.field__input:has(~.field__label):-webkit-autofill{padding:22px 15px 8px 20px;margin:var(--inputs-border-width, 1px)}.field__input::-webkit-search-cancel-button{display:none}.field__input::placeholder{color:rgb(var(--color-foreground));opacity:1}.field__input:has(~.field__label)::placeholder{opacity:0}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.field__input:-webkit-autofill~.field__label{font-size:10px;top:calc(var(--inputs-border-width, 1px) + 5px);left:calc(var(--inputs-border-width, 1px) + 20px);letter-spacing:.4px}.field__input:-webkit-autofill~.field__button,.field__input:-webkit-autofill~.field__label{color:#000}
/*# sourceMappingURL=/cdn/shop/t/118/assets/component-field.css.map */