.roundle-widget-section{position:relative;height:0;width:100%;max-width:calc(var(--theme-max-width) + 200px);margin:0 auto;overflow:visible;z-index:10;pointer-events:none}@media(min-width: 1025px){.roundle-widget-section.roundle-widget--hide-desktop{display:none}}@media(min-width: 769px)and (max-width: 1024px){.roundle-widget-section.roundle-widget--hide-tablet{display:none}}@media(max-width: 768px){.roundle-widget-section.roundle-widget--hide-mobile{display:none}}.roundle-widget__container{position:absolute;pointer-events:none;transition:opacity .3s ease,transform .3s ease}@media(min-width: 1025px){.roundle-widget__container{left:var(--desktop-x, 50%);top:var(--desktop-y, 0px);transform:translateX(calc(-1 * var(--desktop-x, 50%)))}}@media(min-width: 769px)and (max-width: 1024px){.roundle-widget__container{left:var(--tablet-x, 50%);top:var(--tablet-y, 0px);transform:translateX(calc(-1 * var(--tablet-x, 50%)))}}@media(max-width: 768px){.roundle-widget__container{left:var(--mobile-x, 50%);top:var(--mobile-y, 0px);transform:translateX(calc(-1 * var(--mobile-x, 50%)))}}@media(min-width: 1025px){.roundle-widget__container{transform:scale(var(--desktop-scale, 1))}}@media(min-width: 769px)and (max-width: 1024px){.roundle-widget__container{transform:scale(var(--tablet-scale, 0.9))}}@media(max-width: 768px){.roundle-widget__container{transform:translate(-50%, -50%) scale(var(--mobile-scale, 0.8))}}.roundle-widget__image{position:relative;top:0;left:0;max-width:none;height:auto;pointer-events:auto;transition:transform .3s ease;transform-origin:center center;object-fit:contain}.roundle-widget__image-mobile{display:none}@media(max-width: 768px){.roundle-widget__image.hide-mobile{display:none}.roundle-widget__image-mobile{display:block !important}}.shopify-editor .roundle-widget-section::before{content:"Roundle Widget";position:absolute;top:0;left:0;background:rgba(255,0,0,.8);color:#fff;padding:2px 6px;font-size:10px;border-radius:3px;pointer-events:none}.shopify-editor .roundle-widget-section .roundle-widget__image{border:1px dashed rgba(255,0,0,.5)}.shopify-editor .roundle-widget-section .roundle-widget__image-mobile{border:1px dashed rgba(255,0,0,.5)}.roundle-widget-section.roundle-widget--fixed{position:fixed;top:0;left:0}.roundle-widget-section.roundle-widget--fixed .roundle-widget__image{position:fixed}.roundle-widget-section.roundle-widget--sticky{position:sticky;top:0}.roundle-widget-section.roundle-widget--sticky .roundle-widget__image{position:sticky}