.field{position:relative;display:flex;flex-direction:column}.field__input{padding:1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.4;width:100%;transition:border-color .2s ease}.field__input:focus{outline:none;border-color:rgba(var(--color-foreground),.5)}.field__label{position:absolute;top:1rem;left:1rem;color:rgba(var(--color-foreground),.7);font-size:1.4rem;pointer-events:none;transition:all .2s ease;transform-origin:left top}.field__input:focus+.field__label,.field__input:not(:placeholder-shown)+.field__label{transform:translateY(-2.5rem) scale(.8);color:rgba(var(--color-foreground),.5)}.field__button{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;padding:.5rem;cursor:pointer;color:rgba(var(--color-foreground),.7);transition:color .2s ease}.field__button:hover{color:rgba(var(--color-foreground),1)}.field__button:focus{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.search__input.field__input{padding-right:9.8rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.icon{width:1.8rem;height:1.8rem;fill:currentColor;display:inline-block;vertical-align:middle}.icon-close{stroke-width:.1rem}.icon-search{fill:currentColor}.icon-arrow{width:1.4rem;height:1rem}.icon-caret{width:1rem;height:.6rem}.icon-checkmark{width:1.2rem;height:.9rem}.icon-filter{width:2rem;height:2rem}.svg-wrapper{display:flex;align-items:center;justify-content:center}.spinner{width:2rem;height:2rem;animation:spin 1s linear infinite}.spinner .path{stroke:currentColor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.visually-hidden{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;word-wrap:normal!important}.text-body{font-size:1.4rem;line-height:1.4}.caption-with-letter-spacing{font-size:1.2rem;letter-spacing:.1rem;text-transform:uppercase}.h5{font-size:1.3rem;line-height:1.2;margin:0}.link{color:inherit;text-decoration:none;transition:color .2s ease}.link:hover{color:rgba(var(--color-foreground),.7)}.link--text{color:rgb(var(--color-foreground))}.underlined-link{text-decoration:underline;text-underline-offset:.3rem}.underlined-link:hover{text-decoration-thickness:.2rem}.animate-arrow{transition:transform .2s ease}.animate-arrow:hover{transform:translate(.2rem)}.list-unstyled{list-style:none;padding:0;margin:0}.focus-offset{outline:2px solid transparent;outline-offset:2px}.focus-offset:focus{outline:2px solid rgba(var(--color-foreground),.5)}.focus-inset{outline:2px solid transparent;outline-offset:-2px}.focus-inset:focus{outline:2px solid rgba(var(--color-foreground),.5)}:root{--inputs-border-width: .1rem;--border-radius: 0;--color-foreground: 18, 18, 18;--color-background: 255, 255, 255}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-field.css.map */