.drag-drop__container{width:100%}.drag-drop__wrapper{position:relative;width:100%}@media screen and (max-width:749px){.drag-drop__wrapper{display:flex;flex-direction:column}}@media screen and (min-width:750px){.drag-drop__wrapper{min-height:600px}}.drag-drop__image-container{position:relative;width:100%}@media screen and (max-width:749px){.drag-drop__image-container{aspect-ratio:1 / 1;min-height:350px}}@media screen and (min-width:750px){.drag-drop__image-container{height:100%;min-height:inherit}}.drag-drop__image{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (max-width:749px){.drag-drop__image{position:absolute;top:0;right:0;bottom:0;left:0}}.drag-drop__placeholder{width:100%;height:100%;min-height:350px;background:linear-gradient(135deg,#f0b8c0,#d4a5b0);display:flex;align-items:center;justify-content:center}.drag-drop__placeholder svg{width:30%;height:auto;opacity:.3}@media screen and (max-width:749px){.drag-drop__content{position:relative;padding:2rem 1.5rem;order:2}}@media screen and (min-width:750px){.drag-drop__content{position:absolute;top:0;left:0;bottom:0;width:50%;display:flex;align-items:center;padding:3rem;z-index:10}}@media screen and (min-width:990px){.drag-drop__content{width:45%;padding:4rem}}.drag-drop__content--right{left:auto;right:0}.drag-drop__content-inner{max-width:500px}.drag-drop__heading{font-family:var(--font-heading-family),sans-serif;line-height:1.1;margin:0 0 1.5rem;color:#1a1a1a}.drag-drop__text{font-family:var(--font-body-family),sans-serif;color:#161819;margin-bottom:2rem}@media screen and (max-width:749px){.drag-drop__button{width:100%}}.drag-drop__badge{position:absolute;top:-1rem;right:1rem;z-index:10;width:80px;height:80px;animation:badgePulse 2s ease-in-out infinite}@media screen and (min-width:750px){.drag-drop__badge{top:-3rem;right:2rem;width:110px;height:110px}}.drag-drop__badge-image{width:100%;height:100%;object-fit:contain}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.drag-drop__drop-zone{position:absolute;top:var(--drop-zone-top, 20%);left:var(--drop-zone-left, 25%);width:var(--drop-zone-width, 50%);height:var(--drop-zone-height, 60%);pointer-events:none;z-index:5}.drag-drop__pins-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.drag-drop__pin{position:absolute;top:0;left:0;width:var(--pin-size, 70px);height:var(--pin-size, 70px);cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;z-index:10;transition:filter .2s ease,box-shadow .2s ease}@media screen and (max-width:749px){.drag-drop__pin{width:calc(var(--pin-size, 70px) * .75);height:calc(var(--pin-size, 70px) * .75)}}.drag-drop__pin:hover{filter:brightness(1.05)}.drag-drop__pin.is-dragging{cursor:grabbing;z-index:100}.drag-drop__pin-image{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.drag-drop__decoration{position:absolute;z-index:15;width:var(--decoration-size, 120px);height:var(--decoration-size, 120px);pointer-events:none;animation:float 4s ease-in-out infinite}.drag-drop__decoration--top-left{top:5%;left:5%}.drag-drop__decoration--top-right{top:5%;right:5%}.drag-drop__decoration--bottom-left{bottom:5%;left:5%}.drag-drop__decoration--bottom-right{bottom:5%;right:5%}.drag-drop__decoration-image{width:100%;height:100%;object-fit:contain}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@media screen and (max-width:749px){.drag-drop__decoration{width:calc(var(--decoration-size, 120px) * .6);height:calc(var(--decoration-size, 120px) * .6)}}.drag-drop__pin:focus-visible{outline:3px solid #D946A8;outline-offset:2px}@media(prefers-reduced-motion:reduce){.drag-drop__badge,.drag-drop__decoration,.drag-drop__pin{animation:none}.drag-drop__button,.drag-drop__pin{transition:none}}.shopify-design-mode .drag-drop__drop-zone{border:2px dashed rgba(217,70,168,.5);background:#d946a80d}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-drag-and-drop.css.map */