@sandlada/mdc/build/components/text-field/text-field.style.js

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

import{css as e}from"../../node_modules/@lit/reactive-element/css-tag.js";import"../../node_modules/lit/index.js";
/**
* @license
* Copyright 2026 Kai-Orion & Sandlada
* SPDX-License-Identifier: MIT
*/
const t=e`@layer mdc.text-field.base{:host{display:inline-flex;flex-direction:column;vertical-align:top;outline:0;box-sizing:border-box;min-width:240px;-webkit-tap-highlight-color:transparent}.field{width:100%}.clear-button-wrapper{display:inline-flex;align-items:center;justify-content:center}.clear-button{appearance:none;border:none;background:0 0;padding:0;margin:0;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;outline:0;opacity:.7;transition:opacity 150ms cubic-bezier(.2, 0, 0, 1),background-color 150ms cubic-bezier(.2, 0, 0, 1)}.clear-button:hover{opacity:1;background-color:rgba(128,128,128,.15)}.clear-button:active{opacity:1;background-color:rgba(128,128,128,.25)}.clear-button:focus-visible{opacity:1;outline:2px solid currentColor}.clear-icon{width:18px;height:18px;fill:currentColor}}`,n=[t];export{t as baseTextFieldStyles,n as textFieldStyles};
//# sourceMappingURL=text-field.style.js.map