/* /css/pages/landings/promocode.css (1.55 KB) */
html[data-submod="promocode"] #body { --content-padding-top: 32px; --content-padding-bottom: 32px; --promocodeForm-width: 348px; 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 { display: flex; flex-direction: column; gap: var(--top-gap-3); } #promocodeForm:has(.promocodeInfo) { min-height: 712px; } .promocodeInfo { box-shadow: var(--top-shadow-s); box-sizing: border-box; border-radius: var(--top-radius-6); background-color: #0D0D0D; max-width: var(--promocodeForm-width); padding: var(--top-padding-4); color: var(--color-text-white); display: flex; flex-direction: column; gap: var(--top-gap-2); } .promocodeInfo_title { font-size: 20px; font-weight: bold; } .promocodeInfo_description { font-size: 16px; } .promocodeForm { 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; }