.media-library{border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));&:is(.dark *){background-color:rgba(var(--gray-900),1)}.media-library__footer,.media-library__header{height:3.5rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(15,23,42,.1);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.media-library__footer,.media-library__header{background-color:rgba(var(--gray-50),.5);&:is(.dark *){--tw-ring-color:rgba(0,0,0,.1)}&:is(.dark *){background-color:rgba(var(--gray-700),.5)}}.media-library__header{align-items:center;display:flex;justify-content:space-between;position:sticky;top:4rem;z-index:10}.media-library__content{display:flex;height:70svh;position:relative}.media-library__content .folder-ctn{flex:1 1 auto;max-width:300px;position:absolute;width:16rem}@media (min-width:1024px){.media-library__content .folder-ctn{position:static}}.media-library__content .browser-ctn{flex:1 1 0%;flex-grow:1;min-width:300px;padding:1rem}.media-library__content .detail-info-ctn{border-left-width:1px;flex:1 1 auto;max-width:400px;min-width:24rem;padding:1rem}.media-library__content .detail-info-ctn{&:is(.dark *){border-color:rgba(var(--gray-700),1)}}.actions,.media-library__header__actions{-moz-column-gap:.5rem;column-gap:.5rem;display:flex}.breadcrumb button:hover{text-decoration:underline}.media-library__content .browser-ctn .browser-item{transition:transform .2s ease,opacity .2s ease;&.dragging{opacity:.5;transform:rotate(5deg) scale(.95)}&.drag-over{transform:scale(1.05)}}.drag-overlay{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:rgba(var(--primary-200),.4);border-color:rgba(var(--primary-400),1);border-radius:.5rem;border-style:dashed;border-width:2px;inset:0;position:absolute;z-index:10}.media-library__content .browser-ctn{display:flex;flex-direction:column;gap:1rem}.media-library__content .browser-ctn .browser__header{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end}.media-library__content .browser-ctn .browser__header .upload-ctn{width:100%}.media-library__content .browser-ctn .browser__header .filter-ctn{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}@media (min-width:768px){.media-library__content .browser-ctn .browser__header .filter-ctn{align-items:center;flex-direction:row}}.media-library__content .browser-ctn .browser__header .filter-ctn form#filterForm{flex:1 1 0%}.media-library__content .browser-ctn .browser-items-groups .browser-items-group h4{font-size:1.125rem;font-weight:700;line-height:1.75rem}.media-library__content .browser-ctn .browser-item .item-content{min-height:120px;padding:.75rem;position:relative}.folder-item,.media-library__content .browser-ctn .browser-item:not(:has(:disabled)) .item-content{cursor:pointer}.media-library__content .browser-ctn .browser-item{border-radius:.5rem;gap:.75rem;padding:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.media-library__content .browser-ctn .browser-item,.media-library__content .browser-ctn .browser-item:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.media-library__content .browser-ctn .browser-item:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.media-library__content .browser-ctn .browser-item{&:has(:checked){background-color:rgba(var(--primary-200),1)}&:has(:checked):is(.dark *){background-color:rgba(var(--primary-600),.4)}&:not(:has(:disabled)) .main{cursor:pointer}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;border-style:none;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);transition-duration:.15s;transition-duration:75ms;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)}input[type=checkbox]{--tw-ring-color:rgb(var(--gray-400));&:checked,&:focus-visible,&:indeterminate{background-color:rgba(var(--primary-600),1);border-color:rgba(var(--primary-600),1)}&:checked,&:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}&:focus,&:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}&:focus,&:focus-visible{--tw-ring-offset-width:0px}&:disabled{pointer-events:none}&:disabled{background-color:rgb(var(--gray-50));color:rgb(var(--gray-50));&:checked,&:indeterminate{background-color:rgb(var(--gray-400));color:rgb(var(--gray-400))}}&:is(.dark *){background-color:hsla(0,0%,100%,.05)}&:is(.dark *){&:disabled{background-color:transparent}&:disabled{&:checked,&:indeterminate{background-color:rgb(var(--gray-600))}}}}}.media-library__content .browser-ctn .browser-items-groups .browser-items-group .browser-items{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.media-library__content .browser-ctn .browser-items-groups .browser-items-group .browser-items{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.media-library__content .browser-ctn .browser-items-groups .browser-items-group .browser-items{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1280px){.media-library__content .browser-ctn .browser-items-groups .browser-items-group .browser-items{grid-template-columns:repeat(8,minmax(0,1fr))}}&.media-library--detail-expanded .media-library__content .browser-ctn .browser-items-groups .browser-items-group .browser-items{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){&.media-library--detail-expanded .media-library__content .browser-ctn .browser-items-groups .browser-items-group .browser-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){&.media-library--detail-expanded .media-library__content .browser-ctn .browser-items-groups .browser-items-group .browser-items{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){&.media-library--detail-expanded .media-library__content .browser-ctn .browser-items-groups .browser-items-group .browser-items{grid-template-columns:repeat(4,minmax(0,1fr))}}.thumbnail-ctn img,.thumbnail-ctn svg{height:3rem;transition:all .2s ease-in-out;width:3rem}.thumbnail-ctn .img-placeholder{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.5rem;height:3rem;width:3rem}.thumbnail-ctn .img-placeholder{background-color:rgba(var(--gray-200),1);&:is(.dark *){background-color:rgba(var(--gray-600),1)}}.thumbnail-ctn svg{color:rgba(var(--gray-500),1)}.media-library__folders .folder-item svg,.thumbnail-ctn svg.folder-icon{color:rgba(var(--c-500),1)}.thumbnail-ctn svg.folder-icon.active{color:rgba(var(--c-600),1)}.media-library__content .folder-ctn{&:not(.expanded) .folder-ctn__main{display:none}@media (min-width:1024px){&:not(.expanded) .folder-ctn__main{display:block}}&.expanded{bottom:0;top:0;width:20rem;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(15,23,42,.1);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.folder-ctn__main{height:100%;padding:.5rem}.folder-ctn__main{background-color:rgba(var(--gray-50),.8);&:is(.dark *){--tw-ring-color:rgba(0,0,0,.1)}&:is(.dark *){background-color:rgba(var(--gray-700),.8)}}.folder-ctn__main .media-library__folders>.main{padding-left:.5rem;padding-right:.5rem;padding-top:3.5rem}@media (min-width:1024px){.folder-ctn__main .media-library__folders>.main{padding-top:.5rem}}.trigger{padding:.75rem;position:fixed;z-index:10}@media (min-width:1024px){.trigger{display:none}}&.expanded .trigger{right:0}.trigger button{border-radius:9999px;padding:1rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.trigger button{--tw-ring-color:rgb(var(--gray-300));&:is(.dark *){background-color:rgba(var(--gray-600),1);--tw-ring-color:rgba(var(--gray-400),0.2)}&:hover{&:is(.dark *){background-color:rgba(var(--gray-600),.8)}}}}.media-library__folders .folder-item{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;padding:.5rem}.media-library__folders .folder-item{&:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(var(--gray-300))}&:is(.dark *):hover{--tw-ring-color:hsla(0,0%,100%,.2)}&.selected{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}&.selected .title{color:rgba(var(--primary-600),1)}&.selected:is(.dark *){background-color:hsla(0,0%,100%,.05)}.main{display:inline-flex;flex:1 1 0%;flex-direction:column}.main .description{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}svg.icon{height:1.5rem;width:1.5rem}}.media-library__content .detail-info-ctn{border-color:rgba(var(--gray-300),1);&:is(.dark *){border-color:rgba(var(--gray-700),1)}}.media-library__details .header{align-items:center;display:flex;justify-content:space-between}.media-library__details .header .heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.media-library__details .thumbnail-ctn{align-items:center;display:flex;justify-content:center;padding-bottom:1rem;padding-top:1rem}.media-library__details .thumbnail-ctn svg{height:12rem;width:12rem}.media-library__details .thumbnail-ctn img{height:6rem;width:6rem}.media-library__details .information-ctn{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding-bottom:.5rem}.media-library__details .information-ctn .title-ctn span{font-weight:700}.media-library__details .information-ctn .title-ctn{padding-bottom:1rem}.media-library__details .information-content-ctn{.information-content__row{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:.5rem}.information-content__row{.information-content__row__label{font-size:.875rem;grid-column:span 1/span 1;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.information-content__row__value{font-weight:600;grid-column:span 2/span 2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}.folder-ctn.expanded{z-index:10}.media-library__loading-sections{gap:1rem}.media-library__loading-sections .media-library__loading-section{border-radius:.5rem;padding:1rem;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(209,213,219,.5)}.media-library__loading-sections .media-library__loading-section{&:is(.dark *){--tw-ring-color:hsla(0,0%,100%,.1)}.bar-ctn{display:grid}@keyframes pulse{50%{opacity:.5}}.bar-ctn{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}.bar-ctn .bar{border-radius:.25rem;height:.5rem;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bar-ctn .bar{&:is(.dark *){background-color:hsla(0,0%,100%,.1)}}}}.media-library__content{overflow-x:auto;width:100%}.media-library__content>.ctn,.media-library__details,.media-library__folders{overflow-y:auto}.media-library__details,.media-library__folders{height:100%}.media-library__content,.media-library__content>.ctn,.media-library__details,.media-library__folders{&::-webkit-scrollbar{height:.75rem;width:.75rem}&::-webkit-scrollbar-thumb,&::-webkit-scrollbar-track{background:transparent;border-radius:9999px}&:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--primary-100),1);&:hover{background-color:rgba(var(--primary-300),1)}}&:is(.dark *):hover::-webkit-scrollbar-thumb{background-color:rgba(var(--gray-800),1);&:hover{background-color:rgba(var(--gray-700),1)}}}.media-library-browser-modal-content .media-library__content{height:calc(100vh - 16rem)}.media-library-browser-modal-content .fi-modal-content:has(.media-library){padding:0!important}.fi-fo-media-picker{.title-ctn{-webkit-user-select:none;-moz-user-select:none;user-select:none}}.media-library .fi-fo-select .choices__inner:has(.choices__list .choices__item--selectable)>.choices__input{display:none}