.brand-ph{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:var(--brand-ph-ratio, 1);overflow:hidden;padding-bottom:var(--brand-ph-lift, 16%);--brand-ph-bg-1: #1a232c;--brand-ph-bg-2: #0f141a;--brand-ph-bg-3: #080b0e;--brand-ph-mark: #ffffff;--brand-ph-mark-opacity: .92;--brand-ph-glow: rgba(104, 190, 69, .3);--brand-ph-line: rgba(255, 255, 255, .05);--brand-ph-ring: rgba(255, 255, 255, .07);background:linear-gradient(152deg,var(--brand-ph-bg-1) 0%,var(--brand-ph-bg-2) 52%,var(--brand-ph-bg-3) 100%)}.brand-ph--light{--brand-ph-bg-1: #f6f8f5;--brand-ph-bg-2: #eef2ec;--brand-ph-bg-3: #e4eae1;--brand-ph-mark: #0f141a;--brand-ph-mark-opacity: .9;--brand-ph-glow: rgba(104, 190, 69, .26);--brand-ph-line: rgba(15, 20, 26, .045);--brand-ph-ring: rgba(15, 20, 26, .06)}.media>.brand-ph:not(.zoom){display:flex}.brand-ph--media,.brand-ph--hero{--brand-ph-lift: 0}.brand-ph:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:repeating-linear-gradient(-45deg,var(--brand-ph-line) 0,var(--brand-ph-line) 1px,transparent 1px,transparent 14px)}.brand-ph__mark{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--brand-ph-mark-width, 34%);max-width:var(--brand-ph-mark-max, 128px);color:var(--brand-ph-mark);opacity:var(--brand-ph-mark-opacity);transition:transform .5s ease}.brand-ph--media{--brand-ph-mark-width: 36%;--brand-ph-mark-max: 190px}.brand-ph--hero{--brand-ph-mark-width: 20%;--brand-ph-mark-max: 260px}.brand-ph__mark:before,.brand-ph__mark:after{content:"";position:absolute;top:50%;left:50%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%}.brand-ph__mark:before{width:205%;border:1px solid var(--brand-ph-ring)}.brand-ph__mark:after{z-index:-1;width:420%;background:radial-gradient(circle at 50% 50%,var(--brand-ph-glow) 0%,transparent 58%)}.brand-ph__mark svg{position:relative;display:block;width:100%;height:auto}a:hover>.brand-ph .brand-ph__mark,a:hover .brand-ph .brand-ph__mark{transform:scale(1.05)}@media screen and (max-width:749px){.brand-ph{--brand-ph-mark-width: 38%;--brand-ph-mark-max: 84px}.brand-ph--media{--brand-ph-mark-width: 40%;--brand-ph-mark-max: 130px}.brand-ph--hero{--brand-ph-mark-width: 30%;--brand-ph-mark-max: 150px}}@media(prefers-reduced-motion:reduce){.brand-ph__mark{transition:none}a:hover>.brand-ph .brand-ph__mark,a:hover .brand-ph .brand-ph__mark{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-brand-placeholder.css.map */