@layer components { [data-coco][data-component="popover"] { display: none; pointer-events: none; } } /* Tippy popover theme */ .tippy-box[data-theme^="coco-popover-"] { @apply text-content-light-1 text-para-md border-none shadow-xl rounded-lg p-6 font-normal; width: fit-content; .tippy-svg-arrow > svg:first-child { @apply hidden; } } .tippy-box[data-theme~="coco-popover-neutral"] { @apply bg-background-light-1 text-content-dark-1 border border-solid border-gray-blend-100; .tippy-svg-arrow > svg:first-child { @apply block; @apply fill-coco-gray-300; } .tippy-svg-arrow > svg:last-child { @apply fill-background-light-1; } } .tippy-box[data-theme~="coco-popover-info"] { @apply bg-background-info antialiased; .tippy-svg-arrow > svg:last-child { @apply fill-background-info; } }