.mt-colorpicker{position:relative;transition:all .3s ease}.mt-colorpicker__previewWrapper{position:relative;width:var(--scale-size-22);height:var(--scale-size-22);border-radius:var(--border-radius-xs);border:1px solid var(--color-border-primary-default);overflow:hidden;cursor:pointer}.mt-colorpicker__previewColor{position:absolute;width:100%;height:100%;background:transparent}.mt-colorpicker__previewBackground{width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath fill='%23cdd5db' d='M0 0h30v30H0zM30 30h30v30H30zM60 0h30v30H60zM60 60h30v30H60zM0 60h30v30H0z'/%3E%3C/svg%3E")}.mt-colorpicker__previewBackground.is--invalid:after{position:absolute;content:"";width:100%;height:100%;background-size:contain;background-position:0;left:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath d='M0 90 90 0' style='stroke:%23de294c;stroke-width:10'/%3E%3C/svg%3E")}.mt-colorpicker__colorpicker-position{position:absolute;top:calc(100% + 2px);left:0;width:240px}.mt-colorpicker__row{display:flex;margin-top:var(--scale-size-10)}.mt-colorpicker__row-column{display:flex;flex-direction:column;width:35px;margin-right:5px}.mt-colorpicker__row-column-label{margin-top:var(--scale-size-8);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.mt-colorpicker__row-column:first-of-type{flex:1}.mt-colorpicker__row-column:last-of-type{margin-right:0}.mt-colorpicker__input-row{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.mt-colorpicker__sliders{flex:1}.mt-colorpicker__colorpicker{width:260px;padding:var(--scale-size-10);border:1px solid var(--color-border-secondary-default);background-color:var(--color-background-primary-default);border-radius:var(--border-radius-xs);box-shadow:0 3px 6px 0 var(--color-elevation-shadow-default)}.mt-colorpicker__colorpicker:before{content:"";position:absolute;width:var(--scale-size-12);height:var(--scale-size-12);top:-6px;left:var(--scale-size-20);border:1px solid var(--color-border-secondary-default);border-bottom:none;border-right:none;background:var(--color-background-primary-default);transform:rotate(45deg)}.mt-colorpicker__colorpicker--compact{position:absolute;top:var(--scale-size-30);left:-20px;z-index:10}.mt-colorpicker__colorpicker--compact:before{top:-7px}.mt-colorpicker__colorpicker-selection{display:block;width:238px;height:150px;border:1px solid var(--color-border-secondary-default);border-radius:var(--border-radius-xs);background-image:linear-gradient(180deg,#fff,#fff0 50%),linear-gradient(0deg,#000,transparent 50%),linear-gradient(90deg,gray,#80808000)}.mt-colorpicker__colorpicker-selector{transform:translateZ(0);position:relative;width:var(--scale-size-18);height:var(--scale-size-18);border:3px solid var(--color-static-white);border-radius:50%;filter:drop-shadow(0 0 8px rgba(0,0,0,.25));cursor:grab}.mt-colorpicker__colorpicker-selector:active{cursor:grabbing}.mt-colorpicker__colorpicker-selector:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:2px}.mt-colorpicker__colorpicker-slider-range{width:100%;height:var(--scale-size-20);border-radius:var(--border-radius-xs);background-image:linear-gradient(90deg,red,#ff0 16.66%,#0f0,#0ff,#00f,#f0f 83.33%,red);outline:none;-webkit-appearance:none}.mt-colorpicker__colorpicker-slider-range::-webkit-slider-thumb{height:var(--scale-size-26);width:var(--scale-size-8);border-radius:var(--border-radius-xs);border:1px solid var(--color-border-primary-default);background:var(--color-static-white);-webkit-appearance:none;cursor:pointer}.mt-colorpicker__colorpicker-slider-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-border-brand-default);outline-offset:1px;border-radius:var(--border-radius-checkbox)}.mt-colorpicker__colorpicker-slider-range::-moz-range-thumb{height:var(--scale-size-26);width:var(--scale-size-8);border:1px solid var(--color-border-primary-default);background:var(--color-static-white);border-radius:var(--border-radius-xs);cursor:pointer}.mt-colorpicker__colorpicker-slider-range:focus-visible::-moz-range-thumb{outline:2px solid var(--color-border-brand-default);outline-offset:1px;border-radius:var(--border-radius-checkbox)}.mt-colorpicker__colorpicker-wrapper{display:flex;height:58px;width:58px;margin-left:var(--scale-size-10);justify-content:space-between}.mt-colorpicker__colorpicker-wrapper.is--small{width:var(--scale-size-22);height:var(--scale-size-22)}.mt-colorpicker__colorpicker-wrapper.is--small .mt-colorpicker__colorpicker-previewColor{width:var(--scale-size-22);height:var(--scale-size-22);border:none}.mt-colorpicker__colorpicker-wrapper.is--small .mt-colorpicker__colorpicker-previewBackground{width:var(--scale-size-22);height:var(--scale-size-22)}.mt-colorpicker__colorpicker-previewColor{position:absolute;display:inline-block;width:58px;height:58px;border:1px solid var(--color-border-secondary-default);border-radius:var(--border-radius-xs);z-index:1}.mt-colorpicker__colorpicker-previewBackground{position:relative;display:inline-block;width:58px;height:58px;border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath fill='%23cdd5db' d='M0 0h30v30H0zM30 30h30v30H30zM60 0h30v30H60zM60 60h30v30H60zM0 60h30v30H0z'/%3E%3C/svg%3E")}.mt-colorpicker__colorpicker-previewBackground.is--invalid:after{position:absolute;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath d='M0 90 90 0' style='stroke:%23de294c;stroke-width:10'/%3E%3C/svg%3E");background-size:contain;background-position:0}.mt-colorpicker__colorpicker-input{background:var(--color-background-primary-default);width:100%;min-width:0;height:var(--scale-size-32);padding:0 5px;border:1px solid var(--color-border-primary-default);border-radius:var(--border-radius-xs);font-size:var(--font-size-2xs);line-height:var(--font-line-height-2xs);font-family:var(--font-family-body);color:var(--color-text-primary-default);outline:none}.mt-colorpicker__colorpicker-input[type=number]{-moz-appearance:textfield}.mt-colorpicker__colorpicker-input[type=number]::-webkit-inner-spin-button,.mt-colorpicker__colorpicker-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.mt-colorpicker__colorpicker-input:last-of-type{margin-right:0}.mt-colorpicker__colorpicker-input.is--hex{flex:1}.mt-colorpicker__colorpicker-input:focus-visible{outline:2px solid var(--color-border-brand-default);outline-offset:1px}.mt-colorpicker__alpha-slider{width:100%;height:var(--scale-size-20);margin-top:var(--scale-size-10);border:1px solid var(--color-border-secondary-default);border-radius:var(--border-radius-xs);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23cdd5db' d='M0 0h10v10H0zM10 10h10v10H10z'/%3E%3C/svg%3E");outline:none;-webkit-appearance:none}.mt-colorpicker__alpha-slider::-webkit-slider-thumb{height:var(--scale-size-26);width:var(--scale-size-8);border-radius:var(--border-radius-xs);border:1px solid var(--color-border-primary-default);background:var(--color-static-white);-webkit-appearance:none;cursor:pointer}.mt-colorpicker__alpha-slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-border-brand-default);outline-offset:1px;border-radius:var(--border-radius-checkbox)}.mt-colorpicker__alpha-slider::-moz-range-thumb{height:var(--scale-size-26);width:var(--scale-size-8);border:1px solid var(--color-border-brand-default);border-radius:var(--border-radius-xs);cursor:pointer}.mt-colorpicker__alpha-slider:focus-visible::-moz-range-thumb{outline:2px solid var(--color-border-brand-default);outline-offset:2px;border-radius:var(--border-radius-checkbox)}.is--disabled .mt-colorpicker__previewWrapper{cursor:default}.mt-colorpicker--compact{display:inline-block;width:auto;margin-bottom:0}.mt-colorpicker--compact .mt-colorpicker__input,.mt-colorpicker--compact .mt-field__hint-wrapper,.mt-colorpicker--compact .mt-field__label{display:none}.mt-colorpicker--compact .mt-block-field__block{width:-moz-fit-content;width:fit-content;border:none}.mt-colorpicker--compact .mt-field__addition.is--prefix{border-right:none;padding:0;min-width:auto}.mt-colorpicker--compact .mt-colorpicker__previewWrapper{border:none}.mt-colorpicker--compact .mt-colorpicker__colorpicker-position{position:absolute;left:-15px;top:calc(100% + 2px)}.mt-colorpicker--compact.is--disabled{opacity:.5}.is--disabled .mt-colorpicker__previewWrapper{cursor:not-allowed}.mt-field__addition{position:relative;padding:0}.mt-field__addition .mt-colorpicker__trigger,.mt-field__addition.is--prefix{display:flex;justify-content:center;align-items:center}.mt-field__addition .mt-colorpicker__trigger{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.mt-field__addition .mt-colorpicker__trigger .mt-icon{line-height:16px}.mt-popover-deprecated__wrapper.--placement-bottom-outside .mt-colorpicker__colorpicker:before{top:calc(100% - 7px);transform:rotate(225deg)}