/* /css/pages/landings/promocode.css (0.99 KB) */
html[data-submod="promocode"] #body { --content-padding-top: 32px; --content-padding-bottom: 32px; background: url("/controller/file/?src=/cloud/common/tpl/landings/promo/bg.png") repeat; background-size: 100px; padding: 0; } html[data-submod="promocode"] #content { display: flex; align-items: center; } .promocodeForm { --promocodeForm-width: 348px; box-shadow: var(--top-shadow-s); box-sizing: border-box; border-radius: var(--top-radius-6); background: var(--color-layout-front-1); max-width: var(--promocodeForm-width); padding: var(--top-padding-4); display: flex; flex-direction: column; gap: var(--top-padding-4); } .promocodeForm_image { border-radius: var(--top-radius-2); } .promocodeForm_title { font-size: 24px; font-weight: 700; } .promocodeForm_content { display: flex; flex-direction: column; gap: var(--top-padding-4); } .promocodeForm_inputs { display: flex; flex-direction: column; gap: var(--top-padding-2); } .promocodeForm_inputs .top-input { width: auto; }