.build-your-kit-section{position:relative;overflow:hidden}.build-your-kit-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:var(--media-height)}.build-your-kit-media,.build-your-kit-hotspot{grid-column-start:1;grid-row-start:1}.build-your-kit-hotspot{position:absolute;top:var(--hotspot-top);left:var(--hotspot-left);border-radius:100%;animation:pulse-animation 2s infinite;cursor:pointer;width:24px;height:24px}.build-your-kit-hotspot-dot{--svg-wrapper-size: 10px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--body-alternate-background);border-radius:50%}.build-your-kit-hotspot-dot .svg-wrapper{opacity:.2;transition:opacity .5s ease}.build-your-kit-body{max-width:100%;background:var(--body-alternate-background);padding:40px 10px 10px;pointer-events:auto;display:grid;grid-template-rows:1fr auto;row-gap:10px;overflow:hidden;position:relative}.kits-list{display:grid;gap:10px;height:0;transition:height .4s ease-in-out 0s,opacity .4s ease-in-out 0s;opacity:0}.kits-list.expand{height:var(--kit-context-height);opacity:1;overflow-y:auto;transition:height .4s ease-in-out 0s,opacity .4s ease-in-out .4s}.kit-item{opacity:.5;width:calc(100% - 5px);pointer-events:none}.kit-item.active{opacity:1;pointer-events:auto}.build-your-kit-hotspot.active .build-your-kit-hotspot-dot .svg-wrapper{opacity:1}.kit-card .check-mark{--svg-wrapper-size: 8px;position:absolute;top:clamp(6px,calc(var(--card-radius) / 3),15px);left:clamp(6px,calc(var(--card-radius) / 3),15px);width:18px;height:18px;background:var(--card-background);border-radius:50%;display:flex;align-items:center;justify-content:center}@keyframes pulse-animation{0%{box-shadow:0 0 #fffc}to{box-shadow:0 0 0 5px #fff3}}.kit-toggler{position:absolute;top:20px;left:50%;transform:translate(-50%);background:var(--button-background);height:2px;width:80px;cursor:pointer;margin:0 auto;display:flex;align-items:center}.kit-toggler:before{content:"";width:100%;height:24px;position:absolute}.kit-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px;background-color:var(--card-background);border-radius:calc(var(--card-radius) / 2);position:relative}.kit-media{width:75px;border-radius:calc(var(--card-radius) / 2)}.kit-content .product-price{margin-bottom:10px}.kit-content .product-price>*{color:var(--card-text)}.kit-content select,.kit-content .form-control{min-height:30px;padding:4px 10px;font-size:var(--text-xxs);border-radius:calc(var(--card-radius) / 2)}.kit-card .check-mark .svg-wrapper{opacity:0;transition:.4s ease}.kit-item.active .check-mark .svg-wrapper{opacity:1}.build-your-kit-body:has(.collapse){row-gap:0}.build-your-kit-body .button-element{border-radius:var(--card-radius)}.build-your-kit-body .button{border-radius:var(--card-radius);gap:5px}.hotspot-element{position:absolute;top:50%;left:calc(100% + 24px);width:max-content;max-width:300px;display:flex;align-items:center;background:var(--card-background);padding:10px;border-radius:var(--card-radius);box-shadow:2px 2px 5px #0000001a;z-index:1;visibility:hidden;opacity:0;transform:scale(.8) translateY(-50%);transform-origin:top left;transition:visibility .4s cubic-bezier(.75,0,.175,1),opacity .4s cubic-bezier(.75,0,.175,1),transform .4s cubic-bezier(.75,0,.175,1);will-change:transform,opacity,visibility;pointer-events:none}.hotspot-element.open-flag-left{right:calc(100% + 24px);left:auto}.hotspot-element-inner{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px}.hotspot-element-inner .media{width:70px}.hotspot-product-content .product-title{display:block;width:200px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hotspot-product-content .product-price{margin-bottom:0}.hotspot-element:before{position:absolute;content:"";width:0;height:0;border-style:solid;border-width:8px;border-color:transparent var(--card-background) transparent transparent;right:100%}.hotspot-element.open-flag-left:before{left:100%;border-color:transparent transparent transparent var(--card-background)}.hotspot-element.active{opacity:1;visibility:visible;transform:scale(1) translateY(-50%);pointer-events:auto}.kit-content .product-title{margin-bottom:0}.kit-content .select-control{width:100%}@media (max-width:767px){.build-your-kit-content{padding:0}.kit-card{align-items:flex-start;gap:10px}.kit-content{padding-right:8px}}@media (min-width:768px){.kit-media{width:85px}.kit-content{padding-right:16px}.build-your-kit-content{grid-column:1/2;grid-row:1/2;display:flex;align-items:flex-end;justify-content:flex-end;padding-top:30px;padding-bottom:30px}.build-your-kit-content.kit-left{justify-content:flex-start}.build-your-kit-body{border-radius:var(--card-radius);width:100%;max-width:400px;background:#ffffff7a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(10px);padding:40px 20px 20px;max-height:90%}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/build-your-kit.css.map */