.modal-image-picker__gallery{--gallery-bleed:16px;display:grid;gap:8px;grid-auto-columns:80px;grid-auto-flow:column;grid-template-rows:repeat(2,80px);margin-right:calc(var(--gallery-bleed)*-1);overflow-x:auto;overflow-y:hidden;padding-bottom:8px;padding-right:var(--gallery-bleed);scrollbar-color:#d3d3d3 transparent;scrollbar-width:thin}.modal-image-picker__gallery::-webkit-scrollbar{height:6px}.modal-image-picker__gallery::-webkit-scrollbar-track{background:transparent}.modal-image-picker__gallery::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:3px}@media (min-width:744px){.modal-image-picker__gallery{--gallery-bleed:24px;grid-auto-columns:160px;grid-template-rows:repeat(2,160px)}}@media (min-width:1280px){.modal-image-picker__gallery{grid-auto-flow:row;grid-auto-rows:160px;grid-template-columns:repeat(5,160px);grid-template-rows:none;justify-content:center;margin-right:0;overflow:visible;padding:0}}.modal-image-picker__default{cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.modal-image-picker__default--hover,.modal-image-picker__default--selected{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:50}.modal-image-picker__default--hover:after,.modal-image-picker__default--selected:after{content:var(--tw-content);height:100%;left:0;position:absolute;top:0;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.modal-image-picker__default--hover svg,.modal-image-picker__default--selected svg{height:2rem;position:relative;width:2rem;z-index:50}.modal-image-picker__default--selected--visible{opacity:1}.modal-image-picker__default--selected--visible:after{border-width:2px;left:.25rem;position:absolute;top:.25rem;z-index:20;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));height:calc(100% - 8px);outline-color:#fffbeb;outline-style:solid;width:calc(100% - 8px)}.modal-image-picker__default--selected--visible:before{z-index:10;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));opacity:.2}.modal-image-picker__default--hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.modal-image-picker__default--hover:after{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));content:var(--tw-content);opacity:.2}.modal-image-picker__default .lazy-image__wrapper{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-image-picker__default--not-selected:hover .lazy-image__wrapper{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal-image-picker__default--not-selected:hover .modal-image-picker__default--hover{opacity:1}.base-image-picker[data-v-6ec7e4b8]{display:block;margin-bottom:1.5rem;margin-top:2.5rem;position:relative;width:100%}.base-image-picker__button[data-v-6ec7e4b8]{align-items:center;border-color:rgba(#000,.2);border-radius:.5rem;border-width:2px;display:flex;justify-content:center;padding:1rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.base-image-picker__button[data-v-6ec7e4b8]:hover{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.base-image-picker__button svg[data-v-6ec7e4b8]{height:24px!important;margin-bottom:0!important;margin-right:1rem;width:24px!important}.base-image-picker__image[data-v-6ec7e4b8]{position:relative}.base-image-picker__image[data-v-6ec7e4b8]:before{content:"";display:block;padding-top:64.0268456376%}.base-image-picker__delete[data-v-6ec7e4b8]{align-items:center;background-color:rgba(#000,.2);display:flex;height:52px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:52px;z-index:50}.base-image-picker__delete[data-v-6ec7e4b8]:after{border-radius:1rem;height:100%;left:0;position:absolute;top:0;width:100%;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));content:var(--tw-content);opacity:.1}.base-image-picker__delete svg[data-v-6ec7e4b8]{height:2rem;margin-bottom:0;width:2rem;z-index:50;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.base-image-picker__error[data-v-6ec7e4b8]{margin-top:.5rem;--tw-text-opacity:1;color:rgb(202 47 40/var(--tw-text-opacity,1))}.base-image-picker--error .base-image-picker__button[data-v-6ec7e4b8]{--tw-border-opacity:1;border-color:rgb(202 47 40/var(--tw-border-opacity,1))}