.yii2-filepond-cropper{--yii2-filepond-cropper-accent: #4f6ef7;--yii2-filepond-cropper-background: #ffffff;--yii2-filepond-cropper-border: #e2e5ec;--yii2-filepond-cropper-canvas: #1f2229;--yii2-filepond-cropper-control: #f2f3f6;--yii2-filepond-cropper-control-active: #dde3fd;--yii2-filepond-cropper-foreground: #1f2229;--yii2-filepond-cropper-radius: .75rem;background:var(--yii2-filepond-cropper-background);border:1px solid var(--yii2-filepond-cropper-border);border-radius:var(--yii2-filepond-cropper-radius);box-shadow:0 1.5rem 3rem #0000004d;color:var(--yii2-filepond-cropper-foreground);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem);padding:0;width:48rem}@media(prefers-color-scheme:dark){.yii2-filepond-cropper{--yii2-filepond-cropper-background: #1d2026;--yii2-filepond-cropper-border: #343842;--yii2-filepond-cropper-canvas: #0f1114;--yii2-filepond-cropper-control: #2a2e37;--yii2-filepond-cropper-control-active: #35416f;--yii2-filepond-cropper-foreground: #e9ebf0}}.yii2-filepond-cropper::backdrop{background:#0009}.yii2-filepond-cropper__header,.yii2-filepond-cropper__footer{padding:.875rem 1.25rem}.yii2-filepond-cropper__header{border-bottom:1px solid var(--yii2-filepond-cropper-border)}.yii2-filepond-cropper__title{font-size:1.0625rem;font-weight:600;line-height:1.4;margin:0}.yii2-filepond-cropper__body{background:var(--yii2-filepond-cropper-canvas);flex:1 1 auto;min-height:16rem;overflow:hidden}.yii2-filepond-cropper__body cropper-canvas{display:block;height:min(60vh,32rem);width:100%}.yii2-filepond-cropper__image{display:block;max-width:100%}.yii2-filepond-cropper__footer{align-items:center;border-top:1px solid var(--yii2-filepond-cropper-border);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.yii2-filepond-cropper__toolbar,.yii2-filepond-cropper__ratios,.yii2-filepond-cropper__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.yii2-filepond-cropper__tool,.yii2-filepond-cropper__ratio,.yii2-filepond-cropper__button{background:var(--yii2-filepond-cropper-control);border:1px solid transparent;border-radius:.5rem;color:inherit;cursor:pointer;font:inherit;font-size:.875rem;line-height:1;padding:.5rem .75rem;transition:background-color .15s ease,border-color .15s ease}.yii2-filepond-cropper__tool{align-items:center;display:inline-flex;height:2.25rem;justify-content:center;padding:0;width:2.25rem}.yii2-filepond-cropper__tool svg{fill:none;height:1.125rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1.125rem}.yii2-filepond-cropper__tool:hover,.yii2-filepond-cropper__ratio:hover,.yii2-filepond-cropper__button:hover{border-color:var(--yii2-filepond-cropper-accent)}.yii2-filepond-cropper__tool:focus-visible,.yii2-filepond-cropper__ratio:focus-visible,.yii2-filepond-cropper__button:focus-visible{outline:2px solid var(--yii2-filepond-cropper-accent);outline-offset:2px}.yii2-filepond-cropper__ratio.is-active{background:var(--yii2-filepond-cropper-control-active);border-color:var(--yii2-filepond-cropper-accent)}.yii2-filepond-cropper__button--primary{background:var(--yii2-filepond-cropper-accent);color:#fff}.yii2-filepond-cropper__button--primary:hover{filter:brightness(1.08)}