.app-popover{
    padding-bottom: var(--wm-popover-padding-bottom);
    padding-top: var(--wm-popover-padding-top);
    padding-left: var(--wm-popover-padding-left);
    padding-right: var(--wm-popover-padding-right);
    background-color: var(--wm-popover-background-color);
    box-shadow: var(--wm-popover-shadow);
    border-top-left-radius: var(--wm-popover-border-top-left-radius);
    border-top-right-radius: var(--wm-popover-border-top-right-radius)
}
.app-popover-action-sheet-popover {
    position: var(--wm-popover-position);
    left: var(--wm-popover-left); 
    bottom: var(--wm-popover-bottom);
    width: var(--wm-popover-width);
    min-height: var(--wm-popover-min-height);
    border-radius: var(--wm-popover-radius);
    box-shadow: var(--wm-popover-elevation);
}

.app-popover-title {
    padding-left: var(--wm-popover-header-padding-left);
    padding-right: var(--wm-popover-header-padding-right);
    padding-top: var(--wm-popover-header-padding-top);
    padding-bottom: var(--wm-popover-header-padding-bottom);
    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-text-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);
}
