.svb-block{position:relative;display:flex;align-items:center;width:100%;aspect-ratio:1 / 1;margin:var(--svb-margin, 0)}.svb-block--left{justify-content:flex-start}.svb-block--center{justify-content:center}.svb-block--right{justify-content:flex-end}.svb-container{position:relative;display:flex;align-items:center;justify-content:center;width:80%;aspect-ratio:1 / 1;padding:var(--svb-padding, 24px);background-color:var(--svb-bg, transparent);background-image:var(--svb-bg-image, none);background-size:cover;background-position:center;border-radius:var(--svb-radius, 0);box-shadow:var(--svb-shadow, none);-webkit-clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.svb-media-wrap{position:relative;width:var(--svb-svg-w, 50%);max-width:var(--svb-svg-max-w, 400px);display:flex;align-items:center;justify-content:center}.svb-svg{width:100%;max-height:var(--svb-svg-max-h, 500px);display:flex;align-items:center;justify-content:center;color:currentColor}.svb-svg svg{width:100%;height:var(--svb-svg-h, auto);max-height:var(--svb-svg-max-h, 500px);display:block}.svb-image{width:100%;height:var(--svb-svg-h, auto);max-height:var(--svb-svg-max-h, 500px);object-fit:contain;display:block}.svb-image--placeholder{width:100%;aspect-ratio:1 / 1;opacity:.3}.svb-badge{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 20px;background-color:var(--svb-badge-bg, #ffffff);color:var(--svb-badge-color, #0e0e10);border-radius:var(--svb-badge-radius, 0);width:var(--svb-badge-w, auto);min-height:var(--svb-badge-h, auto);box-shadow:0 10px 32px #0e0e101f;-webkit-clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);white-space:nowrap;z-index:2}.svb-badge--top-left{top:8%;left:0;transform:translate(var(--svb-h-offset, 0px),var(--svb-v-offset, 0px))}.svb-badge--top-center{top:0;left:50%;transform:translate(calc(-50% + var(--svb-h-offset, 0px)),var(--svb-v-offset, 0px))}.svb-badge--top-right{top:8%;right:0;transform:translate(calc(var(--svb-h-offset, 0px) * -1),var(--svb-v-offset, 0px))}.svb-badge--center-left{top:50%;left:0;transform:translate(var(--svb-h-offset, 0px),calc(-50% + var(--svb-v-offset, 0px)))}.svb-badge--center{top:50%;left:50%;transform:translate(calc(-50% + var(--svb-h-offset, 0px)),calc(-50% + var(--svb-v-offset, 0px)))}.svb-badge--center-right{top:50%;right:0;transform:translate(calc(var(--svb-h-offset, 0px) * -1),calc(-50% + var(--svb-v-offset, 0px)))}.svb-badge--bottom-left{bottom:8%;left:0;transform:translate(var(--svb-h-offset, 0px),calc(var(--svb-v-offset, 0px) * -1))}.svb-badge--bottom-center{bottom:0;left:50%;transform:translate(calc(-50% + var(--svb-h-offset, 0px)),calc(var(--svb-v-offset, 0px) * -1))}.svb-badge--bottom-right{bottom:8%;right:0;transform:translate(calc(var(--svb-h-offset, 0px) * -1),calc(var(--svb-v-offset, 0px) * -1))}.svb-badge__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#5865f2;color:#fff;-webkit-clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);flex-shrink:0}.svb-badge__content{display:flex;flex-direction:column}.svb-badge__num{font-size:20px;font-family:var(--font-h1--family, inherit);font-weight:700;color:var(--svb-badge-color, #0e0e10);letter-spacing:-.5px;line-height:1.1}.svb-badge__label{font-size:11px;color:var(--svb-badge-color, #0e0e10);opacity:.6;letter-spacing:.5px;text-transform:uppercase;font-weight:500}@media screen and (max-width:989px){.svb-block{max-width:360px;margin-inline:auto}.svb-badge__num{font-size:18px}}@media screen and (max-width:480px){.svb-badge{padding:10px 14px;gap:8px}.svb-badge__icon{width:36px;height:36px}.svb-badge__num{font-size:16px}.svb-badge--bottom-right,.svb-badge--top-right,.svb-badge--center-right{right:8px}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/custom-svg-with-badge.css.map */