:root{--field-edge: .2;--field-corner: calc(var(--radius) - var(--border-width));--field-height: var(--space-40);--field-gap: var(--space-12);--field-inset: calc(2 * var(--field-gap));--field-icon: var(--space-24);--field-hit: var(--space-48);--field-hair: 1px;--field-text-gap: var(--space-8);--field-text: var(--text-label);--field-text-search: var(--text-body);--field-prompt: .75;--field-line: var(--leading-tight);--field-caret: calc(14 * var(--px));--field-caret-box: calc(18 * var(--px));--field-label-gap: var(--space-8);--field-end-one: calc(var(--field-inset) + var(--field-icon) + var(--field-text-gap));--field-end-two: calc( var(--field-inset) + 2 * var(--field-icon) + 2 * var(--field-gap) + var(--field-hair) + var(--field-text-gap) );--field-end-list: calc(var(--field-inset) + var(--field-caret) + var(--field-text-gap))}@media screen and (min-width:1024px){:root{--field-height: calc(42 * var(--px))}}@media(pointer:coarse){:root{--field-text: max(var(--text-label), var(--field-touch-text));--field-text-search: max(var(--text-body), var(--field-touch-text))}}.field.field--search{--color-background: var(--panel-background)}.field.field--page{--color-background: var(--page-background);--color-foreground: var(--page-foreground)}.field,.select{--field-start: var(--field-inset);--field-end: var(--field-inset);position:relative;display:flex;width:var(--field-width, 100%);color:rgb(var(--color-foreground))}.select{--field-end: var(--field-end-list)}.field--search{--field-text: var(--field-text-search)}.field:has(>.field__button,>.field__mark){--field-end: var(--field-end-one)}.field:has(>.field__button--clear):has(>.field__input:is(:not(:placeholder-shown),:-webkit-autofill)){--field-end: var(--field-end-two)}@media screen and (min-width:769px){.field:has(>.field__button--clear){--field-end: var(--field-end-two)}}.field:after,.select:after{content:"";position:absolute;inset:var(--border-width);z-index:1;border-radius:var(--field-corner);box-shadow:0 0 0 var(--edge-spread, var(--border-width)) rgba(var(--color-foreground),var(--edge, var(--field-edge)));pointer-events:none}@media(forced-colors:active){.field:after,.select:after{top:0;right:0;bottom:0;left:0;border:var(--border-width) solid CanvasText;border-radius:var(--radius);box-shadow:none}:is(.field,.select):is(:focus-within,:has(select:open),.search-field[open] .field):after{border-width:calc(var(--border-width) + var(--ring-width));border-color:Highlight}}.field__input,.select__select{-webkit-appearance:none;appearance:none;box-sizing:border-box;flex:1 1 auto;width:100%;min-width:0;height:var(--field-input-height, var(--field-height));margin:var(--border-width);padding-block:0;padding-inline:calc(var(--field-start) - var(--border-width)) calc(var(--field-end) - var(--border-width));border:0;border-radius:var(--field-corner);background-color:rgb(var(--color-background));color:inherit;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--field-text);line-height:normal;text-align:var(--field-align, start);text-overflow:ellipsis}.field__input::placeholder{color:rgba(var(--color-foreground),var(--field-prompt));opacity:1}.field__before{display:flex;flex:none;align-items:center;margin-block:var(--border-width);margin-inline-start:var(--border-width);padding-inline:calc(var(--field-inset) - var(--border-width)) var(--space-4);border-start-start-radius:var(--field-corner);border-end-start-radius:var(--field-corner);background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),var(--field-prompt));font-size:var(--field-text);cursor:text}.field__before+.field__input{--field-start: var(--border-width);margin-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}.field__input::-webkit-search-cancel-button,.field__input::-webkit-search-decoration{display:none}.select:has(>.select__picture){--field-start: calc(var(--field-inset) + var(--space-20) + var(--field-gap))}.select__picture{position:absolute;inset-block:0;inset-inline-start:var(--field-inset);z-index:1;display:flex;align-items:center;width:var(--space-20);pointer-events:none}.select__select{-webkit-appearance:base-select;appearance:base-select;align-items:center;cursor:pointer;font-weight:var(--font-body-weight-bold)}.text-area{height:auto;padding-block:var(--space-12);line-height:var(--field-line);resize:vertical}.select>.svg-wrapper{position:absolute;top:50%;inset-inline-end:calc(var(--field-inset) - var(--field-caret-box) * .15625);z-index:2;width:var(--field-caret-box);translate:0 -50%;pointer-events:none;transition:rotate var(--motion-time) var(--motion-ease)}.select:has(select:open)>.svg-wrapper{rotate:180deg}.field-label{display:block;margin:0 0 var(--field-label-gap);padding:0;font-size:var(--text-label);font-weight:var(--font-body-weight-bold);line-height:var(--leading-body)}.field__button,.field__mark{--field-button-inset: calc((var(--field-hit) - var(--field-height)) / 2);position:absolute;top:50%;inset-inline-end:var(--field-gap);z-index:2;translate:0 -50%}.field__mark{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--field-hit);height:var(--field-hit);margin:0;padding:var(--field-button-inset);border:0;background-color:transparent;background-clip:content-box;color:inherit;pointer-events:none}.field__mark .svg-wrapper{display:flex;width:var(--field-icon);height:var(--field-icon)}.field__mark .icon{width:100%;height:100%}.field__button--clear{inset-inline-end:calc(var(--field-gap) + var(--field-hit) + var(--field-hair))}.field__input:placeholder-shown:not(:-webkit-autofill)~.field__button--clear{display:none}.field__button--clear:after{content:"";position:absolute;inset-inline-end:calc(-1 * var(--field-hair));top:50%;height:var(--field-icon);border-inline-end:var(--field-hair) solid rgba(var(--color-foreground),var(--alpha-30));translate:0 -50%}.quantity{--quantity-box: calc(var(--field-height) + 2 * var(--border-width));--quantity-step: calc(var(--quantity-box) - 2 * var(--border-width));--field-button-inset: var(--space-4);--field-start: calc(var(--border-width) + var(--quantity-step));--field-end: var(--field-start);--field-width: calc(3 * var(--quantity-box));--field-input-height: auto;--field-align: center;min-height:var(--quantity-box)}.quantity--row{--quantity-box: var(--button-box);--field-width: 100%}.quantity__button{position:absolute;top:50%;inset-inline-start:var(--border-width);z-index:2;translate:0 -50%}.quantity__button--end{inset-inline:auto var(--border-width)}.quantity .field__input[type=number]{-webkit-appearance:textfield;appearance:textfield;font-variant-numeric:tabular-nums}.quantity .field__input::-webkit-inner-spin-button,.quantity .field__input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}@media(scripting:none){.quantity__button{display:none}}.search-field{display:block}.search-field .search{position:relative}.search-field--bar:is([open],[loading]) .field{--color-background: inherit}.search-opener{margin:0;padding:0;border:0;background:none;font:inherit;text-align:start;cursor:pointer}.search-opener__prompt{overflow:hidden;color:rgba(var(--color-foreground),var(--field-prompt));line-height:var(--field-height);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-field.css.map */