.suc-grid-switcher{display:inline-block;position:relative;width:var(--suc-grid-box-width,71px);height:var(--suc-grid-box-height,38px);min-width:0;min-height:0;padding:0;border:var(--suc-grid-box-border-width,1px) solid var(--suc-grid-box-border,#E8D9FF);border-radius:var(--suc-grid-box-radius,16px);background:var(--suc-grid-box-bg,#fff);box-sizing:border-box;white-space:nowrap;box-shadow:0 var(--suc-grid-box-shadow-y,4px) var(--suc-grid-box-shadow-blur,12px) rgba(91,69,130,.05);overflow:hidden}
.suc-grid-switcher-options{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0}
.suc-grid-switcher-button{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;transform:translate(-50%,-50%)}
.suc-grid-switcher-button[data-suc-grid-button-index="1"]{width:var(--suc-grid-btn1-width,30px);height:var(--suc-grid-btn1-height,30px);left:clamp(var(--suc-grid-btn1-half-width,15px),calc(50% + var(--suc-grid-btn1-x,17px)),calc(100% - var(--suc-grid-btn1-half-width,15px)));top:clamp(var(--suc-grid-btn1-half-height,15px),calc(50% + var(--suc-grid-btn1-y,0px)),calc(100% - var(--suc-grid-btn1-half-height,15px)));border:var(--suc-grid-btn1-border-width,1px) solid var(--suc-grid-btn1-border,#fff);border-radius:var(--suc-grid-btn1-radius,10px);background:var(--suc-grid-btn1-bg,#fff);box-shadow:0 var(--suc-grid-btn1-shadow-y,0px) var(--suc-grid-btn1-shadow-blur,0px) rgba(91,69,130,.08)}
.suc-grid-switcher-button[data-suc-grid-button-index="1"]:hover{background:var(--suc-grid-btn1-hover-bg,#FFF6FC);border-color:var(--suc-grid-btn1-hover-border,#F6D7EA);box-shadow:0 var(--suc-grid-btn1-hover-shadow-y,1px) var(--suc-grid-btn1-hover-shadow-blur,3px) rgba(91,69,130,.08)}
.suc-grid-switcher-button[data-suc-grid-button-index="1"].is-active{background:var(--suc-grid-btn1-active-bg,#FFF0FA);border-color:var(--suc-grid-btn1-active-border,#F7C5E4);box-shadow:0 var(--suc-grid-btn1-active-shadow-y,3px) var(--suc-grid-btn1-active-shadow-blur,9px) rgba(232,62,158,.10)}
.suc-grid-switcher-button[data-suc-grid-button-index="2"]{width:var(--suc-grid-btn2-width,30px);height:var(--suc-grid-btn2-height,30px);left:clamp(var(--suc-grid-btn2-half-width,15px),calc(50% + var(--suc-grid-btn2-x,-17px)),calc(100% - var(--suc-grid-btn2-half-width,15px)));top:clamp(var(--suc-grid-btn2-half-height,15px),calc(50% + var(--suc-grid-btn2-y,0px)),calc(100% - var(--suc-grid-btn2-half-height,15px)));border:var(--suc-grid-btn2-border-width,1px) solid var(--suc-grid-btn2-border,#EEF0F6);border-radius:var(--suc-grid-btn2-radius,10px);background:var(--suc-grid-btn2-bg,#F7F8FC);box-shadow:0 var(--suc-grid-btn2-shadow-y,0px) var(--suc-grid-btn2-shadow-blur,0px) rgba(91,69,130,.08)}
.suc-grid-switcher-button[data-suc-grid-button-index="2"]:hover{background:var(--suc-grid-btn2-hover-bg,#FFF6FC);border-color:var(--suc-grid-btn2-hover-border,#F6D7EA);box-shadow:0 var(--suc-grid-btn2-hover-shadow-y,1px) var(--suc-grid-btn2-hover-shadow-blur,3px) rgba(91,69,130,.08)}
.suc-grid-switcher-button[data-suc-grid-button-index="2"].is-active{background:var(--suc-grid-btn2-active-bg,#FFF0FA);border-color:var(--suc-grid-btn2-active-border,#F7C5E4);box-shadow:0 var(--suc-grid-btn2-active-shadow-y,3px) var(--suc-grid-btn2-active-shadow-blur,9px) rgba(232,62,158,.10)}
.suc-grid-switcher-button:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,#E83E9E 18%,transparent)}
.suc-grid-slot-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--suc-slot-size,19px);height:var(--suc-slot-size,19px);color:var(--suc-slot-color,#5E5870);transform:translate(var(--suc-slot-x,0px),var(--suc-slot-y,0px));transition:color .16s ease;flex:0 0 auto}.suc-grid-slot-icon svg{width:100%;height:100%;fill:currentColor}.suc-grid-slot-icon.has-media svg{display:none}.suc-grid-slot-icon.has-media:before{content:"";display:block;width:100%;height:100%;background:currentColor;-webkit-mask-image:var(--suc-slot-media);mask-image:var(--suc-slot-media);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.suc-grid-switcher-button:hover .suc-grid-slot-icon{color:var(--suc-slot-hover,#E83E9E)}.suc-grid-switcher-button.is-active .suc-grid-slot-icon{color:var(--suc-slot-active,#E83E9E)}