@import '../../stylesheets/mixins/_responsive.scss';

.basket-affix.ant-notification{
    cursor: pointer;
    margin: 0;
    bottom: 10px;
    right: auto;
    width: auto;
    min-width: 300px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    @include MQ(lg) {
        min-width: 500px;
    }
}
.basket-affix.ant-notification .ant-notification-notice{
    background: #ffc200;
    margin-bottom: 0;
    padding: 8px 12px;
    font-weight: bold;
}
.basket-affix.ant-notification .ant-notification-notice:hover{
    background: #ffb000;
}
.basket-affix.ant-notification .ant-badge-count{
    background: #000;
    border-color: #000;
    color: #ffc200;
    box-shadow: none;
}
.basket-affix.ant-notification .ant-badge-count p{
    font-size: 13px;
}
.basket-drawer .ant-drawer-body{
    padding: 10px;
}
.basket-drawer.ant-drawer .ant-drawer-wrapper-body{
    -webkit-overflow-scrolling: touch;
}