.BrandModal{--borderColor:#e3e8ee;width:228px;height:292px}.BrandModal__track{display:flex;width:calc(var(--brandCount, 1)*100%);transition:var(--brandTransition);transform:translate(calc(var(--brandIndex, 0)*-100%/var(--brandCount, 1)))}.BrandModal__panel{padding:24px 28px}.BrandModal__section+.BrandModal__section{margin-top:14px;padding-top:14px;border-top:1px solid var(--borderColor)}.BrandModal__setting{display:flex;justify-content:space-between;align-items:center}.BrandModal__setting+.BrandModal__setting{margin-top:14px}.BrandModal__title{font:var(--fontWeightSemibold) 10px/1.2 var(--fontFamily);letter-spacing:.2px;color:var(--titleColor)}.BrandModal__body{margin-top:6px;font:var(--fontWeightNormal) 10px/1.2 var(--fontFamily);letter-spacing:.2px;color:var(--textColor)}.BrandModal__label{font:var(--fontWeightSemibold) 10px/1.2 var(--fontFamily);letter-spacing:.2px;color:var(--titleColor)}.BrandModal__icon{width:32px;height:32px;border-radius:50%;overflow:hidden}.BrandModal__logo{height:32px}.BrandModal__color,.BrandModal__logo{width:76px;border-radius:3px;border:1px solid var(--borderColor)}.BrandModal__color{display:flex;height:20px}.BrandModal__colorSwatch{flex:0;min-width:20px;height:100%;border-radius:2px 0 0 2px;border-right:1px solid var(--borderColor)}.BrandModal__colorHex{flex:1;display:flex;justify-content:center;align-items:center;height:100%;font:normal 10px/18px monospace;color:var(--textColor)}.BrandModal__colorHex:before{color:#8792a2;line-height:0;content:"#"}