@tailwind base;
@tailwind components;
@tailwind utilities;

svg.a9s-annotationlayer .a9s-selection .a9s-outer,
svg.a9s-annotationlayer .a9s-annotation .a9s-outer {
    display: none;
}

svg.a9s-annotationlayer .a9s-handle .a9s-handle-outer {
    display: none;
}

/** New style for the annotation outlines **/
svg.a9s-annotationlayer .a9s-selection .a9s-inner,
svg.a9s-annotationlayer .a9s-annotation .a9s-inner {
    stroke-width: 3;
    stroke: red;
    stroke-dasharray: 5;
}

/** Disable the hover effect from the default stylesheet **/
svg.a9s-annotationlayer .a9s-annotation.editable:hover .a9s-inner {
    fill: transparent;
}

/** Corner handles **/
svg.a9s-annotationlayer .a9s-handle .a9s-handle-inner {
    fill: blue;
    stroke: blue;
}

/** Enable the dim mask, black with 60% transparency **/
svg.a9s-annotationlayer .a9s-selection-mask {
    fill: rgba(0, 0, 0, 0.6);
}