import "focus-visible";
import { css } from "styled-components";
import { tokens } from "../Switch.tokens";
import { StyledInput, StyledTrigger } from "../Switch.styles";
// TODO: https://github.com/salute-developers/plasma/issues/885
export var base = css([
    "",
    "::before{content:'';position:absolute;inset:-0.125rem;display:block;box-sizing:content-box;border-radius:calc(0.125rem + var(",
    "));border:0.125rem solid transparent;pointer-events:none;transition:box-shadow 0.2s ease-in-out;}",
    ".focus-visible ~ ",
    "::before{box-shadow:0 0 0 0.125rem var(",
    ");}"
], StyledTrigger, tokens.trackBorderRadius, StyledInput, StyledTrigger, tokens.trackFocusColor);
