.s3d-input-container{display:flex;flex-direction:row;gap:4px;box-sizing:border-box;align-items:center;width:100%;justify-content:center}input.s3d-input[type=number]::-webkit-inner-spin-button,input.s3d-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.s3d-input[type=number]{-moz-appearance:textfield;appearance:textfield}.s3d-input-field{display:contents}.s3d-input-field.s3d-input-field-steppers{position:relative;display:flex;flex-grow:1}.s3d-input-field-steppers>input.s3d-input{width:100%}input.s3d-input.s3d-input-with-steppers{padding-right:2.4em}.s3d-input-steppers{position:absolute;top:2px;bottom:2px;right:10px;width:22px;display:flex;flex-direction:column;justify-content:space-between}.s3d-input-steppers>button.s3d-input-stepper{display:flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;margin:0;width:20px;height:16px;font-size:16px;line-height:1;cursor:pointer;color:var(--color-darkest);border-radius:3px;overflow:hidden;box-sizing:border-box}.s3d-input-steppers>button.s3d-input-stepper:hover{background-color:var(--color-lighter)}.s3d-input-steppers>button.s3d-input-stepper:disabled{opacity:.4;cursor:not-allowed}input.s3d-input{padding:.5em 2em;border:1px solid var(--color-lighter);border-radius:24px;transition:all .1s ease-in-out;min-height:33px;box-sizing:border-box;flex-grow:1;color:var(--color-darkest)}input.s3d-input.s3d-disabled,input.s3d-input:disabled,input.s3d-input.s3d-input-readonly{filter:brightness(.9);pointer-events:none;cursor:not-allowed;background-color:var(--color-lighter);color:var(--color-darkest)}input.s3d-input:focus{border:1px solid var(--color-primary);outline:2px solid var(--color-secondary);outline-offset:0px}input[type=color]{-webkit-appearance:none;width:33px;height:33px;border-radius:50%;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}.s3d-input-container>span.s3d-numeric-units{font-size:.9em;font-weight:600}.s3d-input-container>span.s3d-required{color:var(--color-danger)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 40rem #ffff inset}label.s3d-label{display:grid;grid-template-columns:.5fr 1fr .1fr;gap:5px;text-wrap:nowrap;box-sizing:border-box;justify-content:space-between;justify-items:stretch;align-items:center}label.s3d-label.s3d-compact{display:flex;flex-direction:column;align-items:stretch;width:100%}label.s3d-label.s3d-hidden,label.s3d-label.s3d-compact.s3d-hidden{>.s3d-label-text{display:none}}label.s3d-label.s3d-compact>span.s3d-label-text{text-align:left}label.s3d-label.s3d-compact>.s3d-input-container>input,label.s3d-label.s3d-compact>.s3d-input-container>select,label.s3d-label.s3d-compact>.s3d-input-container>textarea{width:100%;box-sizing:border-box}label.s3d-label>span.s3d-label-text{text-align:right;padding-right:5px;text-transform:uppercase;font-size:1.3ch;font-weight:600;color:var(--color-dark);letter-spacing:.05ch}@media (max-width: 500px){label.s3d-label{display:flex;flex-direction:column;align-items:stretch}label.s3d-label>span.s3d-label-text{text-align:left}}dialog{width:80%;max-width:fit-content;& ul{text-align:left;width:80%;margin:0 auto}}div.s3d-button-group{margin-top:1em;padding-top:1em;padding-bottom:5px;width:100%;border-top:1px solid var(--color-light);display:flex;gap:3px;justify-content:flex-end;box-sizing:border-box}div.s3d-button-group>button{order:2}div.s3d-button-group>button.s3d-btn-warning{order:1}div.s3d-button-group>button.s3d-btn-danger{order:0;margin-right:auto}.s3d-button-group:has(.s3d-size-small){margin-top:7px;padding-top:7px;padding-bottom:7px}.s3d-button-group:has(.s3d-size-large){margin-top:18px;padding-top:18px;padding-bottom:18px}.s3d-loader-container{position:relative;display:block;min-width:100px;min-height:100px;background:transparent;& article.s3d-article-detail-data{& span.s3d-cell-type-text article{padding:2ch 0ch}}}.s3d-loader-container .s3d-loader{position:absolute;z-index:1000;inset:0;display:flex;justify-content:center;align-items:center}.s3d-loader-spinner{display:block;width:50px;height:50px;border:5px solid var(--color-primary);border-bottom-color:transparent;border-radius:100%;animation:s3d-loader-spin 1s linear infinite}@keyframes s3d-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}