"use strict";(self.webpackChunk_surecart_surecart=self.webpackChunk_surecart_surecart||[]).push([[7077],{7077:function(e,r,t){t.r(r),t.d(r,{sc_block_ui:function(){return s},sc_spinner:function(){return a}});var n=t(3029),i=t(2901),o=t(1346),s=function(){return(0,i.A)((function e(r){(0,n.A)(this,e),(0,o.r)(this,r),this.zIndex=1,this.transparent=void 0,this.spinner=void 0}),[{key:"render",value:function(){return(0,o.h)("div",{key:"22efcdcd8c787ed176873fe210420dd418ff6850",part:"base",class:{overlay:!0,transparent:this.transparent},style:{"z-index":this.zIndex.toString()}},(0,o.h)("div",{key:"5e000448308e53aedefcee0b7897abce46fba429",class:"overlay__content",part:"content"},(0,o.h)("slot",{key:"5d976cb5ee60c1509047202f0ff052c610f6fe0c",name:"spinner"},!this.transparent&&this.spinner&&(0,o.h)("sc-spinner",{key:"6e5e81aa7920d66edc74295c06cbdf6ec6b6e888"})),(0,o.h)("slot",{key:"767075a78ed6f1b59cc0162773e70241f9fa409f"})))}}])}();s.style=':host{display:block;position:var(--sc-block-ui-position, absolute);top:-5px;left:-5px;right:-5px;bottom:-5px;overflow:hidden;display:flex;align-items:center;justify-content:center}:host>*{z-index:1}:host:after{content:"";position:var(--sc-block-ui-position, absolute);top:0;left:0;right:0;bottom:0;cursor:var(--sc-block-ui-cursor, wait);background:var(--sc-block-ui-background-color, var(--sc-color-white));opacity:var(--sc-block-ui-opacity, 0.15)}:host.transparent:after{background:transparent}.overlay__content{font-size:var(--sc-font-size-large);font-weight:var(--sc-font-weight-semibold);display:grid;gap:0.5em;text-align:center}';var a=function(){return(0,i.A)((function e(r){(0,n.A)(this,e),(0,o.r)(this,r)}),[{key:"render",value:function(){return(0,o.h)("span",{key:"a292b4c6644fd1295560b9dc61303d885ee72ad3",part:"base",class:"spinner","aria-busy":"true","aria-live":"polite"})}}])}();a.style=":host{--track-color:#0d131e20;--indicator-color:var(--sc-color-primary-500);--stroke-width:2px;--spinner-size:1em;display:inline-block}.spinner{display:inline-block;width:var(--spinner-size);height:var(--spinner-size);border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}"}}]);