/* Utility classes added in redesign release 2 for catalog advertising slots. */
.-bottom-8{bottom:calc(var(--spacing)*-8)}
.-right-10{right:calc(var(--spacing)*-10)}
.bg-brand-100{background-color:var(--color-brand-100)}
.bg-white\/20{background-color:#fff3}
.bottom-\[14\%\]{bottom:14%}
.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
.from-brand-50{--tw-gradient-from:var(--color-brand-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}
.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}
.opacity-15{opacity:.15}
.right-\[14\%\]{right:14%}
.rotate-\[-4deg\]{rotate:-4deg}
.rotate-\[3deg\]{rotate:3deg}
.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
.size-48{width:calc(var(--spacing)*48);height:calc(var(--spacing)*48)}
.text-brand-200{color:var(--color-brand-200)}
.to-brand-100\/60{--tw-gradient-to:#ffe6cf99}
.w-\[58\%\]{width:58%}
.w-1\/2{width:50%}
.w-3\/4{width:75%}