@adplenty-tech/adplenty-components-library 1.9.53 → 1.9.54

package/build/dialogs/modal-layout.css

@@ -1 +1 @@
-.modal-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:1rem;max-height:90%;max-width:90%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:400px;overflow:hidden}.modal-layout .modal-top-bar{background-color:#fff;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;border-bottom:1px solid var(--color-neutral-5)}.modal-layout .modal-top-bar .modal-top-bar-headers{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.2rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.modal-layout .modal-top-bar .modal-top-bar-subtitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:.5rem}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:var(--color-neutral-30);gap:.2rem;-webkit-transform:color 250ms ease-in-out;transform:color 250ms ease-in-out;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-width:unset}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item::after{content:"·"}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item:last-of-type::after{content:""}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item>span:first-of-type{font-size:.75rem;max-width:100%}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item:hover{color:var(--color-neutral-70)}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item .material-symbols-outlined{font-size:1rem;padding-right:.1rem}.modal-layout .modal-top-bar h2{text-transform:uppercase;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:var(--font-size-xs) !important;font-weight:600;letter-spacing:1px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.modal-layout md-dialog-actions{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 1rem;border-top:none}.modal-layout .modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%;width:100%;background-color:var(--color-neutral-1);padding:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.modal-layout .modal-content>h2{font-weight:500;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:0;padding:2rem 0;font-size:var(--font-size-xxl) !important}.modal-layout .modal-content>div{max-height:100%;overflow-y:auto;scrollbar-gutter:stable both-edges;scrollbar-width:thin;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px}.modal-layout .modal-content>div #preview-container>#external-preview>*{overflow-y:hidden !important}.modal-layout .modal-bottom-bar{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;background-color:#fff;padding:.75rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:1rem;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;border-top:1px solid var(--color-neutral-5)}.modal-layout .modal-bottom-bar .checkbox-action{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.modal-layout .modal-bottom-bar .modal-cancel-button{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.modal-layout .modal-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:var(--color-neutral-30);gap:.2rem;-webkit-transform:color 250ms ease-in-out;transform:color 250ms ease-in-out}.modal-layout .modal-icon>span:first-of-type{font-size:.75rem;max-width:100%}.modal-layout .modal-icon:hover{color:var(--color-neutral-70)}.modal-layout .modal-post-details{padding:.5rem 1rem;min-height:64px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;gap:.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--color-neutral-5)}.modal-layout .modal-post-details-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.25rem}.modal-layout .modal-post-details-wrapper>.modal-icon{max-width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.modal-layout .modal-copy{padding:0 1rem;-webkit-transition:background 250ms ease-in-out;transition:background 250ms ease-in-out;border-radius:.5rem}.modal-layout .modal-copy:hover{background-color:var(--color-neutral-1)}.modal-layout .modal-copy:active{background-color:var(--color-neutral-10)}
+.modal-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:1rem;max-height:90%;max-width:90%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:400px;overflow:hidden}.modal-layout .modal-top-bar{background-color:#fff;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;border-bottom:1px solid var(--color-neutral-5)}.modal-layout .modal-top-bar .modal-top-bar-headers{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.2rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.modal-layout .modal-top-bar .modal-top-bar-subtitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:.5rem}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:var(--color-neutral-30);gap:.2rem;-webkit-transform:color 250ms ease-in-out;transform:color 250ms ease-in-out;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-width:unset}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item::after{content:"·"}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item:last-of-type::after{content:""}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item>span:first-of-type{font-size:.75rem;max-width:100%}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item:hover{color:var(--color-neutral-70)}.modal-layout .modal-top-bar .modal-top-bar-subtitle .modal-top-bar-subtitle-item .material-symbols-outlined{font-size:1rem;padding-right:.1rem}.modal-layout .modal-top-bar h2{text-transform:uppercase;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:var(--font-size-xs) !important;font-weight:600;letter-spacing:1px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.modal-layout md-dialog-actions{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 1rem;border-top:none}.modal-layout .modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%;width:100%;background-color:var(--color-neutral-1);padding:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.modal-layout .modal-content>h2{font-weight:500;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:0;padding:2rem 0;font-size:var(--font-size-xxl) !important}.modal-layout .modal-content>div{max-height:100%;overflow-y:auto;scrollbar-gutter:stable both-edges;scrollbar-width:thin;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px}.modal-layout .modal-content>div #preview-container>#external-preview>*{overflow-y:hidden !important}.modal-layout .modal-bottom-bar{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;background-color:#fff;padding:.75rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:1rem;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;border-top:1px solid var(--color-neutral-5)}.modal-layout .modal-bottom-bar .checkbox-action{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.modal-layout .modal-bottom-bar .modal-approval-box{border:1px solid #2e5bff;background-color:#f8f9fc;border-radius:4px;padding:12px 16px;margin:16px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.modal-layout .modal-bottom-bar .modal-approval-box.is-disabled{border:1px solid #e0e0e0;background-color:#f9f9f9;cursor:not-allowed;opacity:.8}.modal-layout .modal-bottom-bar .modal-approval-box .approval-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:8px}.modal-layout .modal-bottom-bar .modal-approval-box .approval-header .lib-checkbox-directive{margin:0;-ms-flex-item-align:center;align-self:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0}.modal-layout .modal-bottom-bar .modal-approval-box .approval-header .lib-checkbox-directive .description{margin-top:0;margin-bottom:0}.modal-layout .modal-bottom-bar .modal-approval-box .approval-header .lib-checkbox-directive .checkbox{margin-top:0;margin-bottom:0}.modal-layout .modal-bottom-bar .modal-approval-box .approval-header .status-tag-directive{-ms-flex-negative:0;flex-shrink:0;font-size:10px !important;line-height:1 !important;height:auto !important;max-height:20px;min-height:unset !important;padding:2px 6px !important;letter-spacing:.02em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;text-transform:capitalize;font-weight:500;border-radius:4px}.modal-layout .modal-bottom-bar .modal-approval-box .approval-info-text{margin-left:30px;font-size:12px;color:#757575;margin-top:2px}.modal-layout .modal-bottom-bar .modal-cancel-button{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.modal-layout .modal-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:var(--color-neutral-30);gap:.2rem;-webkit-transform:color 250ms ease-in-out;transform:color 250ms ease-in-out}.modal-layout .modal-icon>span:first-of-type{font-size:.75rem;max-width:100%}.modal-layout .modal-icon:hover{color:var(--color-neutral-70)}.modal-layout .modal-post-details{padding:.5rem 1rem;min-height:64px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;gap:.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--color-neutral-5)}.modal-layout .modal-post-details-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.25rem}.modal-layout .modal-post-details-wrapper>.modal-icon{max-width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.modal-layout .modal-copy{padding:0 1rem;-webkit-transition:background 250ms ease-in-out;transition:background 250ms ease-in-out;border-radius:.5rem}.modal-layout .modal-copy:hover{background-color:var(--color-neutral-1)}.modal-layout .modal-copy:active{background-color:var(--color-neutral-10)}