

/* Start:/basket/dist/vueStyles.css?17465518993986*/
.page-wrapper-content {
    overflow: unset;
}

.radio input {
    width: 1px;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 15px;
}

.radio__wrapper {
    width: 100%;
}

input[type=radio]:user-invalid+label:before {
    background: var(--red) !important;
}

.order-block__payment-notice {
    position: absolute;
    bottom: calc(100% + 15px);
    right: -20px;
}

.order-block__payment-notice-part {
    transform: rotate(180deg);
    right: 25px;
    top: 97%;
}

.label-appear-enter-active,
.label-appear-leave-active {
    transition: .3s opacity ease-out;
}

.label-appear-enter-from,
.label-appear-leave-to {
    opacity: 0;
}

.order-block__final-group {
    margin-bottom: 20px;
}

.order-block__final-group h3 {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.order-block__final-checkbox {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.order-block__person-group,
.order-block__delivery-group {
    grid-column: span 2;
}

.delete-appearing-enter-active,
.delete-appearing-leave-active {
    transition: opacity .3s ease-out;
}

.delete-appearing-enter-to,
.delete-appearing-leave-from {
    opacity: 1;
}

.delete-appearing-enter-from,
.delete-appearing-leave-to {
    opacity: 0;
}

.product-card-table {
    position: relative;
    overflow: hidden;
}

.product-card-table__rm {
    position: absolute;
    top: 20px;
    right: 22px;
    width: fit-content;
    height: fit-content;
}

@media (min-width: 1024px) {
    .product-card-table__rm {
        right: 40px
    }

    ;
}

@media (min-width: 1280px) {
    .product-card-table__rm {
        top: 0;
        bottom: 0;
        margin: auto
    }

    ;
}

@media (min-width: 1920px) {
    .product-card-table__rm {
        top: 0;
        bottom: 0;
        right: 40px;
        margin: auto
    }

    ;
}

.product-card-table__deleted {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    border: 2px solid var(--ozone);
    border-radius: 10px;
    font-size: 20px;
}

.product-card-table__deleted-controls {
    display: flex;
    gap: 12px;
}

.product-card-table__deleted-undo {
    color: var(--ozone);
}

.product-card-table__deleted-hide {
    color: var(--red);
}

.product-card-table__deleted>* {
    height: fit-content;
}

.loader-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: #ffffff6e;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.loader-wrapper.loading {
    display: block;
}

.basket-loader:after {
    content: "";
    display: inline-block;
    font-size: 6.2px;
    border: 1.2em solid var(--dark);
    border-right-color: #00408000 !important;
    transform: translateZ(0);
    animation: spiner 1s infinite cubic-bezier(.53, .21, .57, .85), colors 3s infinite cubic-bezier(.45, -.03, 1, .77);
    border-radius: 50%;
    width: 10em;
    height: 10em;
    position: absolute;
    top: 50%;
    right: 50%;
    right: calc(50% - 5em);
    margin-top: -6em;
}

@keyframes colors {
    0% {
        border-color: #3091e6;
        border-bottom-color: transparent
    }

    33% {
        border-color: #0a5da9;
        border-bottom-color: transparent
    }

    66% {
        border-color: #00bbd5;
        border-bottom-color: transparent
    }

    to {
        border-color: #3091e6;
        border-bottom-color: transparent
    }

    ;
}

@keyframes spiner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(720deg)
    }

    ;
}

.empty-basket {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    color: var(--blue);
    font-size: 40px;
}

.empty-basket h2 {
    font-weight: 600;
    font-size: inherit;
    color: inherit;
}
/* End */


/* Start:/local/templates/burburo/components/bitrix/system.pagenavigation/.default/style.css?1744626625766*/
.page-navigation {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	margin-top: 20px;
}

.page-navigation__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	font-size: 18px;
	font-weight: 500;
	background: var(--somber-sky);
	color: var(--blue);
	border-radius: 8px;
	transition: .2s ease-out !important;
}

.page-navigation__btn.disabled {
	pointer-events: none;
	color: var(--some-gray);
}

.page-navigation__btn.page-navigation__current {
	background-color: var(--blue);
	color: var(--pure-white);
}

.page-navigation__btn:not(.page-navigation__current):hover {
	background-color: var(--sky);
	color: var(--blue);
}

.page-navigation__load-more {
	min-width: 300px;
	font-size: 14px;
}
/* End */
/* /basket/dist/vueStyles.css?17465518993986 */
/* /local/templates/burburo/components/bitrix/system.pagenavigation/.default/style.css?1744626625766 */
