﻿@media all and (min-width: 1024px){.bundle__item{height:80px;width:80px}}@media all and (min-width: 1360px){.bundle__item{height:100px;width:100px}}.bundle__item:last-of-type::after{display:none}@media all and (min-width: 1024px){.bundle__item::after{content:"";display:block;position:absolute;z-index:-1;background-color:#868686;top:calc(100% + 1px);transform:translateX(-50%);left:50%;width:2px;height:2rem}}.bundle__item.active{border:2px solid #fa97ff}.bundle__item.active::after{background-color:#fa97ff}@media all and (min-width: 1024px){.bundle__item.active{border:2px solid #fa97ff}.bundle__item.active::after{width:2px;top:calc(100% + 2px)}}.bundle__item svg{display:block}.bundle__item button{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.bundle__item button::after{content:"×";display:block;width:22px;height:22px;line-height:19px;position:absolute;top:-10px;right:-10px;background-color:#fa97ff;border-radius:50%;color:#015f69;font-size:20px}.bundle__item img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}bundle-builder[count="4"] add-to-bundle:not([selected]){pointer-events:none;cursor:default !important}bundle-builder[count="4"] add-to-bundle:not([selected]) svg{fill:#dadada !important;color:#fff !important}add-to-bundle.rotate-45 svg{fill:#153563;color:#fa97ff}
