.balloon-section .categories-box-list{display:grid;grid-template-columns:repeat(var(--columnCount, 4),minmax(0,1fr));gap:var(--columnGap)}.balloon-section .categories-box-item{position:relative;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.balloon-section .categories-box-image{position:relative;width:100%;max-width:var(--columnWidth);margin:0 auto;background:var(--image-bg, #fff8f4);overflow:hidden;border:3px solid #fff8f4;transition:all .4s ease}.balloon-section .categories-box-item.rounded .categories-box-image{border-radius:50%;box-shadow:0 6px 20px #b5838d26}.balloon-section .categories-box-item.rounded .categories-box-image .media-box{border-radius:50%;overflow:hidden;aspect-ratio:1}.balloon-section .categories-box-item.square .categories-box-image{border-radius:16px;box-shadow:0 6px 20px #b5838d26}.balloon-section .categories-box-item.square .categories-box-image .media-box{border-radius:12px;overflow:hidden}.balloon-section .categories-box-content{padding-top:18px;transition:all .3s ease}.balloon-section .categories-box-heading{font-weight:600;margin:0;transition:color .4s ease;color:#6d6875}.balloon-section .categories-box-link{position:absolute;width:100%;height:100%;left:0;top:0}.balloon-section .categories-box-image:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background:linear-gradient(135deg,#ffcdb233,#b5838d33);opacity:0;transition:all .5s ease}@media (min-width: 1025px){.balloon-section .categories-box-item:hover{transform:translateY(-10px)}.balloon-section .categories-box-item:hover .categories-box-heading{color:#e5989b}.balloon-section .categories-box-item:hover .categories-box-image:before{opacity:1}.balloon-section .inside-shadow-hover .categories-box-item:hover .categories-box-image{border-color:#ffcdb2}.balloon-section .inside-shadow-hover .categories-box-item:hover .categories-box-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 3px #ffb4a2b3,inset 0 0 0 6px #ffffff4d;pointer-events:none}.balloon-section .outside-shadow-hover .categories-box-item:hover .categories-box-image{border-color:#ffb4a2;box-shadow:0 15px 25px #b5838d40,0 5px 10px #b5838d26}.balloon-section .rotate-border-hover .categories-box-item .rotating-border{position:absolute;width:calc(100% + 15px);height:calc(100% + 15px);left:-7.5px;top:-7.5px;pointer-events:none;border-radius:50%;border:2px dashed transparent;border-top-color:#e5989b;border-bottom-color:#b5838d;transition:all .4s ease;opacity:0}.balloon-section .rotate-border-hover .categories-box-item:hover .rotating-border{opacity:.8;animation:floatAndRotate 12s linear infinite}.balloon-section .categories-box-item:hover .categories-box-image img{transform:scale(1.08) rotate(2deg)}}@keyframes floatAndRotate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.02)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.02)}to{transform:rotate(360deg) scale(1)}}@media (max-width: 767px){.balloon-section .categories-box-list.mobile-swipe{grid-auto-flow:column;grid-auto-columns:calc(100% / var(--columnCount, 2) - 15px);overflow-x:auto;scroll-snap-type:x mandatory;grid-template-columns:unset;padding:10px 0 25px;scrollbar-width:none;-ms-overflow-style:none;gap:var(--columnGap)}.balloon-section .categories-box-list.mobile-swipe::-webkit-scrollbar{display:none}.balloon-section .categories-box-list.mobile-swipe .categories-box-item{scroll-snap-align:center;padding:5px}.balloon-section .categories-box-content{padding-top:14px}}.balloon-section .categories-box-image img{transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.balloon-section .section-rounded{border-radius:20px;overflow:hidden;margin:0 15px;background-color:#fff8f4!important}.balloon-section .section-container{padding:20px 0}.balloon-section .section-heading-box .section-heading{color:#6d6875}.balloon-section .section-heading-box .highlight-text{color:#e5989b;position:relative;display:inline-block}.balloon-section .section-heading-box .highlight-text:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:6px;background-color:#ffcdb280;border-radius:3px}.balloon-section .media-box{position:relative;background-color:#fff8f4cc}.balloon-section .placeholder-svg{background-color:#ffcdb233;border:1px dashed rgba(181,131,141,.3)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/categories.css.map */