/*! * Copyright 2025 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - Form.scss */ /*! * Copyright 2023 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - _colors.scss */ /*! * Copyright 2025 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - Form.scss */ /*! * Copyright 2023 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - _cards.scss */ /*! * Copyright 2025 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - _utils.scss */ /*! * Copyright 2025 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - Form.scss */ /*! * Copyright 2020 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * neo-access - _texts.scss */ /*! * Copyright 2022 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - _animations.scss */ .form{width:100%;margin-bottom:10px}fieldset{width:100%;box-shadow:0 0 0 1px var(--dark-blue), 0 2px 5px 0 rgba(var(--dark-blue-rgb), .25);background-color:#fff;border:none;margin:10px 0;padding:0}fieldset>.field-row{border-left:none;border-right:none;margin:0}fieldset>.field-row:first-child{border-top:none}fieldset>.field-row:last-child{border-bottom:none}fieldset.horizontal{flex-direction:row;justify-content:flex-start;display:flex}fieldset.horizontal:not(:first-child){border-top:1px solid #0000}fieldset.horizontal:not(:last-child){border-bottom:1px solid #0000}fieldset.horizontal>.title{white-space:nowrap;align-self:center;padding:0 10px;font-size:.79rem;font-weight:600}fieldset.horizontal>.field-row{border-top:none;border-bottom:none;margin:0}fieldset.horizontal>.field-row>label{width:unset;padding:0 10px}fieldset.horizontal>.field-row:hover{background-color:var(--ultralight-grey);border-color:#0000}fieldset.horizontal:hover{border-color:var(--light-grey)}fieldset>fieldset{box-shadow:none;border:none;margin:0}fieldset>fieldset.horizontal{box-shadow:none;border:none}fieldset+fieldset{margin-top:20px}fieldset>fieldset.horizontal+fieldset.horizontal{margin-top:0}fieldset.wide-labels .field-row__label{width:35%}fieldset+.inline-help{margin-top:-5px}.inline-help+fieldset{margin-top:15px}.row>.form>fieldset{margin-top:0}fieldset+.help,.row+.help{letter-spacing:.15ch;color:#595959;margin:5px 5px 5px 20px;font-size:.625em;font-weight:400;display:block}.tags-list-field__primary-tags{border-bottom:1px solid var(--ultralight-grey);flex-flow:wrap;align-items:center;gap:5px;min-height:35px;padding:5px;display:flex}.field-row{border:1px solid #0000;flex-flow:row;align-items:start;width:100%;min-height:30px;margin:5px 0;transition:all .1s ease-out;display:flex;position:relative}.field-row.warning{background-color:rgba(var(--warning-rgb), .15)}.field-row.warning>label{color:var(--warning)}.field-row.success{background-color:rgba(var(--success-rgb), .15)}.field-row.success>label{color:var(--success)}.field-row>label{color:#595959;text-align:right;flex-grow:0;flex-shrink:0;justify-content:flex-end;align-items:center;width:22.5%;min-height:30px;padding:0 10px 0 0;font-size:.79rem;display:inline-flex}.recessed .field-row>label{font-size:.79rem}.field-row .form-input__readonly-placeholder{width:100%;color:var(--dark-blue);letter-spacing:.075ch;align-self:center;align-items:center;padding:0 10px;font-size:.79rem;font-weight:600;display:flex}.field-row .form-input__suffix{color:var(--idle-grey);align-self:center;margin:0 0 0 5px;font-size:.79rem}.field-row .form-input__field-control{align-self:stretch}.field-row .form-input__select-input{width:100%}.field-row .field-value{color:#2b2c43;align-self:stretch;width:100%;margin:0 20px;padding:5px 0;font-family:Poppins,sans-serif;font-size:.79em;font-weight:600}.field-row .field-value a,.field-row .field-value .clickable{font-weight:inherit;font-size:inherit;letter-spacing:inherit;color:inherit;cursor:default}.field-row .field-value a:hover,.field-row .field-value .clickable:hover{color:var(--highlight-color)}.field-row .field-calendar-value{cursor:default;white-space:nowrap}.field-row .field-calendar-value:hover{color:var(--highlight-color)}.field-row__warning{background-color:var(--warning);align-self:center;width:1.6rem;height:1.2rem;margin:0 10px;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='30px'%20height='30px'%20viewBox='0%200%2030%2030'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3ewarning-filled%3c/title%3e%3cg%20id='warning-filled'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M16.8359884,1.78849041%20L16.9261528,1.93576857%20L29.7177214,24.7576438%20C29.9025694,25.0874376%2029.9996425,25.4591697%2029.9996425,25.8372342%20C29.9996425,27.0012788%2029.0988909,27.9549416%2027.9563769,28.0392331%20L27.7915872,28.0452895%20L2.20845,28.0452895%20C1.83038552,28.0452895%201.45865338,27.9482165%201.1288596,27.7633684%20C0.115741003,27.1955195%20-0.276276488,25.9478816%200.203741497,24.9114182%20L0.282315828,24.7576438%20L13.0738844,1.93576857%20C13.2727232,1.58101355%2013.5656732,1.28806355%2013.9204282,1.0892248%20C14.9335468,0.521375929%2016.202388,0.838109255%2016.8359884,1.78849041%20Z%20M15,21%20C14.1715729,21%2013.5,21.6715729%2013.5,22.5%20C13.5,23.3284271%2014.1715729,24%2015,24%20C15.8284271,24%2016.5,23.3284271%2016.5,22.5%20C16.5,21.6715729%2015.8284271,21%2015,21%20Z%20M15.0000144,8.34664655%20C14.4477303,8.34664655%2014.0000106,8.7943457%2014,9.3466273%20L14,9.3466273%20L13.9998213,18.6332926%20L14.0072294,18.7518441%20L14.029207,18.8669363%20C14.1412278,19.3166433%2014.5365898,19.6333118%2014.9998068,19.6333118%20C15.5520941,19.6333118%2015.9998213,19.1856085%2015.9998213,18.6333263%20L15.9998213,18.6333263%20L16,9.3466658%20L15.9925918,9.22811428%20L15.9706143,9.11302214%20C15.8585934,8.66331506%2015.4632314,8.34664655%2015.0000144,8.34664655%20Z'%20id='Combined-Shape'%20fill='%23000000'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='30px'%20height='30px'%20viewBox='0%200%2030%2030'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3ewarning-filled%3c/title%3e%3cg%20id='warning-filled'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M16.8359884,1.78849041%20L16.9261528,1.93576857%20L29.7177214,24.7576438%20C29.9025694,25.0874376%2029.9996425,25.4591697%2029.9996425,25.8372342%20C29.9996425,27.0012788%2029.0988909,27.9549416%2027.9563769,28.0392331%20L27.7915872,28.0452895%20L2.20845,28.0452895%20C1.83038552,28.0452895%201.45865338,27.9482165%201.1288596,27.7633684%20C0.115741003,27.1955195%20-0.276276488,25.9478816%200.203741497,24.9114182%20L0.282315828,24.7576438%20L13.0738844,1.93576857%20C13.2727232,1.58101355%2013.5656732,1.28806355%2013.9204282,1.0892248%20C14.9335468,0.521375929%2016.202388,0.838109255%2016.8359884,1.78849041%20Z%20M15,21%20C14.1715729,21%2013.5,21.6715729%2013.5,22.5%20C13.5,23.3284271%2014.1715729,24%2015,24%20C15.8284271,24%2016.5,23.3284271%2016.5,22.5%20C16.5,21.6715729%2015.8284271,21%2015,21%20Z%20M15.0000144,8.34664655%20C14.4477303,8.34664655%2014.0000106,8.7943457%2014,9.3466273%20L14,9.3466273%20L13.9998213,18.6332926%20L14.0072294,18.7518441%20L14.029207,18.8669363%20C14.1412278,19.3166433%2014.5365898,19.6333118%2014.9998068,19.6333118%20C15.5520941,19.6333118%2015.9998213,19.1856085%2015.9998213,18.6333263%20L15.9998213,18.6333263%20L16,9.3466658%20L15.9925918,9.22811428%20L15.9706143,9.11302214%20C15.8585934,8.66331506%2015.4632314,8.34664655%2015.0000144,8.34664655%20Z'%20id='Combined-Shape'%20fill='%23000000'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.field-row__success{width:1.8rem;height:1.8rem;color:var(--success);align-self:center;margin:0 5px}.field-row>.flat-button.plain{--flat-btn-back-color:transparent}.field-row.editable,.field-row:hover{border-color:var(--light-grey);background-color:#fff}.field-row.editable>.flat-button.plain,.field-row:hover>.flat-button.plain{--flat-btn-back-color:rgba(var(--flat-btn-color), .1)}.field-row textarea{letter-spacing:.05em;appearance:none;resize:none;color:#2b2c43;background-color:#0000;border:none;outline:none;width:100%;height:30px;padding:.5rem 10px;font-family:Poppins,sans-serif;font-size:.79em;font-weight:600}.field-row textarea:hover{background-color:var(--ultralight-grey)}.field-row textarea[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--dark-blue);border-radius:1rem;width:.9rem;height:.9rem;margin-top:-.275rem}.field-row textarea[type=range]::-webkit-slider-runnable-track{background:#eee;border-radius:1rem;height:.35rem;transition:background-color .1s}.field-row textarea[type=range]:hover::-webkit-slider-thumb{box-shadow:0 2px 5px #20203540}.field-row textarea[type=range]:hover::-webkit-slider-runnable-track{background:#bbb}.field-row textarea[type=range]+.suffix,.field-row textarea[type=number]+.suffix{font-family:Roboto Mono,monospace;font-weight:400}.field-row textarea[readonly]{-webkit-user-select:all;user-select:all}.field-row input[type=file i]::-webkit-file-upload-button{letter-spacing:.05em;border:1px solid var(--idle-grey);width:150px;height:20px;color:var(--idle-grey);appearance:none;background-color:#fff;border-radius:5px;outline:none;margin:5px 20px 5px 3px;padding:0;transition:all .1s ease-out}.field-row input[type=file i]::-webkit-file-upload-button:hover{border-color:var(--dark-blue);color:var(--dark-blue);box-shadow:0 0 0 1px #202035}.field-row input[type=file i]::-webkit-file-upload-button:active{box-shadow:0 0 0 1px #202035,inset 0 0 .2rem #888}.field-row input::placeholder{color:#bbb;font-weight:400}.field-row.checkbox form{align-items:center}.field-row.checkbox form label{color:#595959;font-size:.79rem}.field-row.checkbox input[type=checkbox]{appearance:revert;width:1rem;height:1rem}.field-row .datetimepicker-wrapper{z-index:150;background-color:#fff;border:1px solid #202035;border-radius:0;padding:0;transition:all .1s ease-out;position:absolute;top:80%;left:25%;overflow:hidden;box-shadow:0 2px 5px #20203540}.field-row .datetimepicker-wrapper:hover{box-shadow:0 2px 15px #2020354d,0 0 0 1px #202035}.field-row .datetimepicker-wrapper .DayPicker{background-color:#0000}.field-row .time-input{margin-left:20px}.field-row .toggle-edit-btn{color:var(--dark-grey);text-transform:uppercase;cursor:default;flex-shrink:0;align-self:center;margin-right:7.5px;font-size:.79rem;font-weight:500}.field-row .toggle-edit-btn:hover{color:var(--highlight-color)}.field-row .toggle-edit-btn.disabled{color:var(--light-grey)}.field-row .icon{font-size:1.2rem}.field-row.confirm{z-index:0}.field-row.failed{background-color:#f8002b40}.field-row.failed label{color:#f8002b}.field-row.failed:not(:last-child):after{display:none}.field-row.disabled{background-color:#f4f4f5}.field-row.disabled .field-value,.field-row.disabled .combobox__input{color:#595959;letter-spacing:.025ch;font-style:italic}.field-row.row-enter{margin-top:-40px}.field-row.row-enter.row-enter-active,.field-row.row-enter.row-enter-done{margin-top:0;transition:all .15s ease-out}.field-row.row-exit{margin-top:0}.field-row.row-exit.row-exit-active{margin-top:-40px;transition:all .15s ease-out}.field-row .suffix{color:#888;white-space:nowrap;align-self:center;padding-right:15px;font-size:.79rem}.field-row.tags-list-field .tags-list{width:100%;padding:.5ch 0}.field-row.tags-list-field div.empty-label{color:#888;text-align:left;width:100%;margin:0 15px;font-size:.79rem;font-style:italic}.combobox{align-self:stretch;width:100%;position:relative}.combobox__input__wrapper{width:100%;height:100%}.combobox__input.form-input__text-input{height:100%;min-height:1.75rem}.combobox__list{pointer-events:initial;z-index:1100;width:var(--input-width);max-height:400px;box-shadow:0 2px 6px 3px rgba(var(--dark-blue-rgb), .25);border:1px solid var(--idle-grey);background-color:#fff;border-radius:3px;margin:0;padding:0;overflow:auto}.combobox__list__item{border-bottom:1px solid var(--ultralight-grey);color:#000;cursor:default;width:100%;padding:5px 10px;font-size:.79rem;font-weight:500;line-height:1rem;display:flex;position:absolute;top:0;left:0}.combobox__list__item__sublabel{color:var(--dark-grey);text-align:right;font-weight:400}.combobox__list__item.selected{color:var(--highlight-color);background-color:rgba(var(--highlight-color-rgb), .15)}.combobox__list__item:hover,.combobox__list__item.active{background-color:var(--highlight-color);color:#fff}.combobox__list__item:hover .combobox__list__item__sublabel,.combobox__list__item.active .combobox__list__item__sublabel{color:#fff}.combobox__list__item[data-headlessui-state=disabled],.combobox__list__item[data-headlessui-state="active focus disabled"]{color:var(--idle-grey)}.combobox__list__item[data-headlessui-state=disabled]:hover,.combobox__list__item[data-headlessui-state=disabled].active,.combobox__list__item[data-headlessui-state="active focus disabled"]:hover,.combobox__list__item[data-headlessui-state="active focus disabled"].active{background-color:var(--light-grey);color:#fff}.combobox__list__item:last-child{border-bottom:none}.combobox__list__item__sublabel{margin-left:auto;font-size:.702rem}