.app-popover{
    padding: var(--wm-popover-padding);
    background-color: var(--wm-popover-background-color);
    border-radius: var(--wm-popover-border-radius);
    border-width: var(--wm-popover-border-width);
    border-style: var(--wm-popover-border-style);
    border-color: var(--wm-popover-border-color);
}

.app-popover-content{
    background-color: var(--wm-popover-content-background-color);
    box-shadow: var(--wm-popover-content-shadow);
    border-width: var(--wm-popover-content-border-width);
    border-style: var(--wm-popover-content-border-style);
    border-color: var(--wm-popover-content-border-color);
    border-radius: var(--wm-popover-content-border-radius);
}

.app-popover-wrapper{
    background-color: var(--wm-popover-link-background-color);
    border-color: var(--wm-popover-link-border-color);
    border-width: var(--wm-popover-link-border-width);
    border-style: var(--wm-popover-link-border-style);
    border-radius: var(--wm-popover-link-border-radius);
    padding: var(--wm-popover-link-padding);
    width: var(--wm-popover-link-width);
    height: var(--wm-popover-link-height);
    min-height: var(--wm-popover-link-min-height);
}

.app-popover-action-sheet.popover {
    left: var(--wm-popover-left); 
    bottom: var(--wm-popover-bottom);
    width: var(--wm-popover-width);
    min-height: var(--wm-popover-min-height);
    box-shadow: var(--wm-popover-shadow);
}

.app-popover-title {
    padding: var(--wm-popover-header-padding);
    font-family: var(--wm-popover-header-font-family);
    font-size: var(--wm-popover-header-font-size);
    font-weight: var(--wm-popover-header-font-weight);
    line-height: var(--wm-popover-header-line-height);
    letter-spacing: var(--wm-popover-header-letter-spacing);
    color: var(--wm-popover-header-color);
    background-color: var(--wm-popover-header-background-color);
}

//We don't have the support to add inline content for the popover body.
//Content can only be added using partials, so there are no tokens available for the popover body.

.app-popover-link .app-anchor-icon .app-icon {
    min-width: var(--wm-popover-link-icon-size);
    width: var(--wm-popover-link-icon-size);
    height: var(--wm-popover-link-icon-size);
}

.app-popover-link .app-anchor-icon .app-icon-shape {
    color: var(--wm-popover-link-icon-color);
    font-size: var(--wm-popover-link-icon-size);
    min-width: var(--wm-popover-link-icon-size);
    width: var(--wm-popover-link-icon-size);
    height: var(--wm-popover-link-icon-size);
    line-height: var(--wm-popover-link-icon-size);
}

.app-popover-link .app-anchor-text {
    color: var(--wm-popover-link-color);
    padding-left: var(--wm-space-2);
    padding-right: var(--wm-space-2);
    font-size: var(--wm-popover-link-font-size);
    font-family: var(--wm-popover-link-font-family);
    font-weight: var(--wm-popover-link-font-weight);
    line-height: var(--wm-popover-link-line-height);
    letter-spacing: var(--wm-popover-link-letter-spacing);
    text-decoration: var(--wm-popover-link-text-decoration);
    text-decoration-line: var(--wm-popover-link-text-decoration);
}
