@import "../variables/colors";
@import "../variables/dimensions";

.rc-catalog-grid-details {
    width: 100%;
    border: 1px solid $catalog-list-item-border-color;
    margin: 0;
    margin-top: 3px;
    position: relative;
    background: $catalog-grid-details-background;
    border-radius: 5px;
}

.rc-catalog-grid-details__tip {
    position: absolute;
    top: $catalog-grid-details-tip-top;
    width: $catalog-grid-details-tip-width;
    height: $catalog-grid-details-tip-height;
    transform: translate(-50%, 0) rotate(45deg);
    background: $catalog-grid-details-background;
    border: 1px solid $catalog-list-item-border-color;
    border-bottom: none;
    border-right: none;
}

.rc-catalog-grid-details__header {
    padding: $catalog-grid-details-header-padding;
}

.rc-catalog-grid-details__title {
    padding-left: $catalog-grid-details-title-padding-left;
    font-size: $catalog-grid-details-title-font-size;
    font-weight: $catalog-grid-details-title-font-weight;
}

.rc-catalog-grid-details__close {
    background: none;
    border: none;
    font-size: $catalog-grid-details-close-size;
}
