.medialibrary-browse{padding-left:4%;padding-right:4%;background-color:#f7f8fa}
.medialibrary-browse>div{max-width:1200px;margin:0 auto}
@media screen and (max-width:640px){.medialibrary-browse>div{margin-top:38px}
}
.medialibrary-browse h2{font-size:1.714rem;font-weight:500;line-height:1.55;color:#525a63;padding-bottom:10px}
@media screen and (max-width:1024px){.medialibrary-browse h2{font-size:1.143rem}
}
.medialibrary-browse__imagegrid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:181px;gap:20px}
@media screen and (max-width:1024px) and (min-width:641px){.medialibrary-browse__imagegrid{grid-template-columns:repeat(3,1fr)}
.medialibrary-browse__imagegrid div{grid-column:span 1}
.medialibrary-browse__imagegrid div:nth-of-type(1),.medialibrary-browse__imagegrid div:nth-of-type(8),.medialibrary-browse__imagegrid div:nth-of-type(13),.medialibrary-browse__imagegrid div:nth-of-type(20),.medialibrary-browse__imagegrid div:nth-of-type(25),.medialibrary-browse__imagegrid div:nth-of-type(31){grid-column:span 2;grid-row:span 2}
}
@media screen and (max-width:640px){.medialibrary-browse__imagegrid{grid-template-columns:1fr;grid-auto-rows:214px}
}
@media screen and (min-width:1025px){.medialibrary-browse__imagegrid div:nth-of-type(1),.medialibrary-browse__imagegrid div:nth-of-type(12),.medialibrary-browse__imagegrid div:nth-of-type(19),.medialibrary-browse__imagegrid div:nth-of-type(30){grid-column:span 2;grid-row:span 2}
}
.medialibrary-browse__button{border:solid 1px #a6adb5;padding:0 18px;border-radius:6px;background-color:#eeeff1;color:#525a63;font-size:.810rem;font-weight:bold;text-align:center;line-height:1.2;border:1px solid #767c84;height:48px}
.medialibrary-browse__pagination{display:flex;justify-content:center;align-items:center;gap:11px;padding-top:60px}
.medialibrary-browse__pagination .medialibrary-browse__button{color:#767c84;border-color:#dbdee2;background-color:#fff;padding:8px;height:40px}
.medialibrary-browse__pagination .medialibrary-browse__button:hover,.medialibrasry-browse__pagination .medialibrary-browse__button:disabled{color:#767c84;border-color:#dbdee2;background-color:#eeeff1}
.medialibrary-browse__select:hover{border-color:#dbdee2;background-color:#eeeff1}
.medialibrary-browse__select{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:65px;gap:16px;padding:8px;border-radius:4px;border:solid 1px #dbdee2;background-color:#fff;color:#6a7077}
.medialibrary-browse__select{flex-grow:0;font-family:Arial;font-size:.714rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.6;letter-spacing:normal;text-align:left}
.medialibrary-browse__select--container{display:inline-block;position:relative;cursor:pointer;flex-grow:0;font-family:Arial;font-size:.714rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.6;letter-spacing:normal;text-align:left;color:#767c84}
.medialibrary-browse__options{display:none;position:absolute;z-index:1;background-color:#fff;border:1px solid #ccc;max-height:100px;overflow-y:auto;width:65px;top:100%;left:0;margin-top:7px;border-radius:4px}
.medialibrary-browse__options::-webkit-scrollbar{width:3px}
.medialibrary-browse__options::-webkit-scrollbar-track{background:#fff}
.medialibrary-browse__options::-webkit-scrollbar-thumb{background:#a6adb5;border-radius:3px}
.medialibrary-browse__options::-webkit-scrollbar-button{display:none}
.medialibrary-browse__option{background-color:#fff;padding-left:8px}
.medialibrary-browse__option:hover{border-left:unset;border-color:#dbdee2;background-color:#f7f8fa;color:#03234b}
.browse--selected{font-weight:bold !important;border-left:2px solid #3cb4e6;padding-left:6px !important;background-color:#f7f8fa;color:#03234b}
.browse--selected:hover{padding-left:8px !important}
.medialibrary-browse__span{font-family:Arial;font-size:.714rem;font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:right}
.medialibrary-browse__total{flex-grow:0;font-family:Arial;font-size:.714rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.6;color:#6a7077;letter-spacing:normal;text-align:left}
.medialibrary-browse__imagegrid__empty{display:flex;justify-content:center;align-items:center;grid-column:1 / -1 !important;font-size:1rem;font-style:italic;color:#525a63}
.medialibrary-browse__categories .medialibrary-browse__button{min-width:94px}
.medialibrary-browse__pagination .medialibrary-browse__button.active{padding:12px 32px}
button.medialibrary-browse__button:focus,button.medialibrary-browse__button:hover,button.medialibrary-browse__button:active{background-color:#f7f8fa;color:#525a63;border-color:#767c84}
.medialibrary-browse__button:disabled,.medialibrary-browse__button:disabled:hover{background-color:#eeeff1;color:#b3b5b8;cursor:not-allowed;border:solid 1px #a6adb5;opacity:1}
button.medialibrary-browse__button.active{background:#03234b;color:white}
.medialibrary-browse__button-container{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.medialibrary-browse__overlay-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:2000;display:none;padding:40px 60px}
@media screen and (max-width:1024px){.medialibrary-browse__overlay-bg{padding:16px}
}
.medialibrary-browse__overlay-bg.active{display:flex;justify-content:center;align-items:center}
.medialibrary-browse__overlay-bg img{max-width:100%;max-height:100%}
.medialibrary-browse-snackbar{visibility:hidden;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:8px 16px;position:fixed;z-index:1;left:50%;bottom:30px;transform:translate(-50%,0);border-radius:4px;z-index:3000}
.medialibrary-browse-snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}
@-webkit-keyframes fadein{from{bottom:0;opacity:0}
to{bottom:30px;opacity:1}
}
@keyframes fadein{from{bottom:0;opacity:0}
to{bottom:30px;opacity:1}
}
@-webkit-keyframes fadeout{from{bottom:30px;opacity:1}
to{bottom:0;opacity:0}
}
@keyframes fadeout{from{bottom:30px;opacity:1}
to{bottom:0;opacity:0}
}
.medialibrary-preview{overflow:hidden;position:relative}
@media screen and (max-width:1024px){.medialibrary-preview{cursor:pointer}
.media-button-image{border:0;background:0;height:100%;width:100%}
.medialibrary-preview .media-button-image:focus-visible,.medialibrary-preview .media-button-image:active,.medialibrary-preview .media-button-image:hover{background:0}
.medialibrary-preview .media-button-image:focus-visible{border:2px solid black}
}
.medialibrary-preview__image{object-fit:cover;width:100%;height:100%}
.medialibrary-preview__overlay{position:absolute;top:-40px;left:0;width:100%;height:40px;background:rgba(0,0,0,0.5);display:flex;justify-content:space-between;align-items:center;transition:top .2s ease-in-out;padding:12px;z-index:50}
.medialibrary-preview:hover .medialibrary-preview__overlay{top:0}
.medialibrary-preview__overlay:focus-within{top:0}
.medialibrary-preview__overlay__content__title{display:block !important;font-size:.762rem;font-weight:bold;color:white;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 80px);overflow:hidden;margin:0;padding:0}
.medialibrary-preview__overlay__actions__button{display:flex;gap:8px}
.medialibrary-preview__overlay__actions__button button{display:grid;place-content:center;cursor:pointer;background:0;border:0}
.medialibrary-preview__overlay__actions__button button:hover,.medialibrary-preview__overlay__actions__button button:focus-visible{background:0}
.medialibrary-browse__overlay-container{position:relative;height:min(760px,100%);width:min(1400px,100%);background:#0f182f;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px 0 rgba(0,0,0,0.4)}
.medialibrary-browse__mobile-filters{position:fixed;display:flex;flex-direction:column;height:100vh;left:0;right:0;bottom:0;transform:translateY(100%);background:white;z-index:4000;transition:transform .3s ease-in;box-shadow:0 -3px 5px 1px rgba(112,112,112,0.2)}
.medialibrary-browse__mobile-filters h2{padding:56px 24px 16px}
.medialibrary-browse__mobile-filters-container{padding:0 24px 16px;overflow-y:auto;flex:1}
.medialibrary-browse__mobile-filters.active{transform:translateY(0)}
.medialibrary-browse__close-icon{cursor:pointer;position:absolute;top:16px;right:16px;border:0;background:0}
.medialibrary-browse__mobile-filters .medialibrary-browse__close-icon:hover,.medialibrary-browse__mobile-filters .medialibrary-browse__close-icon:focus-visible,.medialibrary-browse__mobile-filters .medialibrary-browse__close-icon:active{border:0;background:0}
h2.medialibrary-browse__mobile-filters-title{font-size:1rem;font-weight:500;line-height:1.5;color:#525a63}
.medialibrary-browse__mobile-filters .medialibrary-browse__button-container{gap:12px}
.medialibrary-browse__mobile-filters h3{font-family:Arial;font-size:.810rem;line-height:1.55;letter-spacing:2.04px;color:#525a63;padding-top:24px;padding-bottom:12px;font-weight:normal}
.medialibrary-browse__mobile-filters-bottom-container{display:flex;align-items:center;justify-content:space-around;height:80px;border-top:solid 1px #dbdee2}
.medialibrary-browse__mobile-filters-bottom-container .medialibrary-browse__button{border-radius:10px 0 10px 0;min-width:140px}
.medialibrary-browse__mobile-filters-bottom-container button{font-size:.714rem}
.medialibrary-browse__clear-button,.medialibrary-browse__clear-button:not([disabled]):hover{background:transparent;color:#03234b;padding:12px 42px;border:0;font-weight:bold}
.medialibrary-browse .medialibrary-tooltip{visibility:hidden;position:absolute;z-index:2;text-align:center;font-size:.571 rem;background-color:#fff;color:#525a63;border-radius:5px;padding:5px 10px;top:28px;right:-3px;white-space:nowrap}
.medialibrary-browse .medialibrary-tooltip::before{content:"";position:absolute;transform:rotate(45deg);background-color:#fff;padding:6px;z-index:1;top:-3px;right:7px}
.medialibrary-browse .medialibrary-tooltip-container{position:relative}
@media screen and (min-width:1025px){.medialibrary-browse .medialibrary-tooltip-container:hover .medialibrary-tooltip,.medialibrary-browse .medialibrary-tooltip-container:focus-visible .medialibrary-tooltip{visibility:visible}
}
.medialibrary-browse__button-container.medialibrary-browse__keywords{margin-bottom:48px}
#s7video_div.s7videoviewer{width:100%;height:100%}
.medialibrary-browse__video-container>div{left:0;top:0;position:absolute}
.medialibrary-browse__video-container video{object-fit:cover}
.medialibrary-preview:has(div[mode="fullscreen"]){overflow:unset}