:root{--clear-dur: .28s;--clear-out-dur: .18s;--clear-in-dur: .22s;--clear-out-fly: 6px;--clear-in-fly: 6px;--clear-out-ease: cubic-bezier(.2, 0, 0, 1);--clear-in-ease: cubic-bezier(.2, 0, 0, 1);--clear-blur: 1px;--glow-delay: 0ms;--glow-peak-at: .22;--glow-opacity: .16;--glow-spread: 1.05}.input-clear{position:relative;display:inline-block;min-width:0;max-width:100%}.input-clear[data-input-clear]>[data-input-clear-field]{padding-inline-end:44px}.input-clear__button{position:absolute;inset-block:0;inset-inline-end:0;z-index:1;display:flex;width:44px;min-height:44px;align-items:center;justify-content:center;padding:0;color:color-mix(in oklch,var(--sc-label-text) 80%,var(--sc-primary-text));background:transparent;border:0;cursor:pointer;opacity:0;filter:blur(4px);transform:scale(.7);transition:opacity .1s cubic-bezier(.215,.61,.355,1),transform .1s cubic-bezier(.215,.61,.355,1),filter .1s cubic-bezier(.215,.61,.355,1);touch-action:manipulation;pointer-events:none}.input-clear--search-dissolve{overflow:hidden}.input-clear--search-dissolve:has([data-input-clear-field]:focus-visible){outline:auto;outline-offset:-2px}.input-clear--search-dissolve .input-clear__mirror,.input-clear--search-dissolve .input-clear__placeholder,.input-clear--search-dissolve .input-clear__glow{position:absolute;inset-block-start:var(--input-clear-layer-top, 0);inset-inline-start:var(--input-clear-layer-left, 0);width:var(--input-clear-layer-width, 100%);height:var(--input-clear-layer-height, 100%);box-sizing:border-box;pointer-events:none}.input-clear__mirror,.input-clear__placeholder{z-index:2;display:flex;align-items:center;overflow:hidden;color:var(--input-clear-layer-color, var(--sc-primary-text));white-space:pre}.input-clear__mirror{opacity:0;transform:translate3d(var(--input-clear-mirror-scroll-x, 0),0,0)}.input-clear__placeholder{opacity:0}.input-clear__mirror-word{display:inline}.input-clear--search-dissolve.is-clearing .input-clear__mirror{opacity:1;will-change:opacity,transform,filter}.input-clear--search-dissolve.is-placeholder-entering .input-clear__placeholder{will-change:opacity,transform,filter}.input-clear--search-dissolve:is(.is-placeholder-entering,.is-placeholder-resting) [data-input-clear-field]::placeholder{color:transparent;opacity:1}.input-clear__glow{z-index:3;opacity:0;mix-blend-mode:normal}.input-clear--search-dissolve.is-clearing .input-clear__glow{will-change:opacity}.input-clear--search-dissolve .input-clear__button{z-index:4}.input-clear[data-has-value=true] .input-clear__button{opacity:1;filter:blur(0);transform:scale(1);transition-duration:.15s;pointer-events:auto}.input-clear__button svg{width:20px;height:20px}.input-clear__button:focus-visible{outline:auto;outline-offset:-4px}.input-clear--textarea .input-clear__button{inset-block:4px auto}[data-input-clear-field][type=search]::-webkit-search-cancel-button{display:none;-webkit-appearance:none;appearance:none}@media(hover:hover)and (pointer:fine){.input-clear__button:hover{color:var(--sc-primary-text);transition-duration:0s}}@media(prefers-reduced-motion:reduce){.input-clear__button{transition:none}.input-clear__glow{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/input-clear.css.map */