.page-stand-constructor { width: calc(100% - 40px); display: flex; flex-direction: column; align-items: stretch; margin: 20px 20px 0 20px; } .page-stand-constructor>form { border-radius: 10px; width: calc(100% - 40px); display: flex; flex-direction: column; align-items: stretch; margin-bottom: 20px; background: var(--ColorThemes1); color: var(--ColorThemes3); border: 1px solid var(--ColorThemes2); box-shadow: var(--shadow-l1); padding: 0 20px; position: relative; } .page-stand-constructor>form>h1 { width: calc(100% - 40px); color: var(--ColorThemes3); border-radius: var(--border-radius); font-size: var(--FontSize5); font-weight: 300; padding: 20px 0; position: relative; } .page-stand-constructor>form>div { width: 100%; display: flex; margin: 20px 0; align-items: flex-start; flex-direction: column; } .page-stand-constructor>form>div>label { display: flex; justify-content: center; flex-direction: column; font-size: var(--FontSize1); font-weight: 500; margin-bottom: 5px; } .page-stand-constructor>form>div>select { width: 100%; min-width: 140px; padding: 0 5px; border-radius: calc(var(--border-radius) - 5px - 4px); height: 30px; background-color: var(--ColorThemes0); color: var(--ColorThemes3); } .page-stand-constructor>form>div>input, .page-stand-constructor>form>div>div>input { width: calc(100% - 10px); min-width: 140px; padding: 0 5px; border-radius: 6px; height: 30px; background: var(--ColorThemes0); color: var(--ColorThemes3); font-size: var(--FontSize2); } .page-stand-constructor>form>div>.geo-inputs { width: 100%; display: flex; justify-content: space-between; } .page-stand-constructor>form>div>.geo-inputs>input { width: calc(50% - 15px); } .page-stand-constructor>form>div>.week-days { background: var(--ColorThemes0); border-radius: calc(var(--border-radius) - 5px - 4px); width: calc(100% - 15px); padding: 0 5px 0 10px; } .page-stand-constructor>form>div>.week-days>div { margin: 10px 0; width: 100%; font-size: var(--FontSize3); } .page-stand-constructor>form>div>.week-days>div>.custom-checkbox+label { font-size: var(--FontSize4); font-weight: 400; width: 100%; display: flex; align-items: center; user-select: none; flex-direction: row-reverse; justify-content: space-between; cursor: pointer; margin: 5px 0; } .page-stand-constructor>form>button { border-radius: 6px; background: var(--PrimaryColor); color: var(--PrimaryColorText); width: 100%; height: 40px; font-size: var(--FontSize3); font-weight: 400; margin: 20px 0; text-transform: uppercase; }