body .YYDrawer__container .yy-drawer-body,body .YYDrawer__container .yy-drawer-header{padding:var(--yy-padding)}body .YYDropdown__divider{margin:0}body .YYDropdown__footer{padding:var(--yy-padding-xxs)}body .YYDropdown__overlay [hidden]{display:none!important}body .YYImageFile__container{align-items:center;background-color:var(--yy-color-fill-alter);border-radius:var(--yy-border-radius-lg);display:inline-flex;height:100%;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}body .YYImageFile__image{cursor:pointer;height:100%;width:100%}body .YYImageFile__image.yy-image img.yy-image-img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}body .YYImageFile__delete{align-items:center;background-color:rgba(0,0,0,.4);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:var(--yy-font-size);height:var(--yy-control-height-sm);justify-content:center;position:absolute;right:var(--yy-padding-xs);top:var(--yy-padding-xs);transition:all var(--yy-motion-duration-mid) var(--yy-motion-ease-in-out);width:var(--yy-control-height-sm)}body .YYImageFile__delete:hover{background-color:#fff;color:var(--yy-color-error);opacity:.9}body .YYImageFilesListHorizontal__container{display:flex;flex-wrap:wrap;gap:var(--yy-margin-xxs)}body .YYImageFilesListHorizontal__container .YYImageFilesListHorizontal__item{border:var(--yy-line-width) var(--yy-line-type) var(--yy-color-border);border-radius:var(--yy-border-radius-lg);height:calc(var(--yy-control-height-lg) * 2);padding:var(--yy-padding-xxs);width:calc(var(--yy-control-height-lg) * 2)}body .YYImageFilesListHorizontal__container .YYImageFilesListHorizontal__item .YYImageFilesListHorizontal__image{background-color:var(--yy-color-fill-alter);border-radius:calc(var(--yy-border-radius-lg) - (var(--yy-padding-xxs) / 2) - var(--yy-line-width));height:100%;overflow:hidden;width:100%}body .YYImageFilesListHorizontal__container .YYImageFilesListHorizontal__item .YYImageFilesListHorizontal__image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}body .YYImageFilesListHorizontal__container .YYImageFilesListHorizontal__item .yy-image-mask{background-color:rgba(0,0,0,.5)}body .YYImageFilesListHorizontal__actions{align-items:center;display:flex;justify-content:center}body .YYImageFilesListHorizontal__delete,body .YYImageFilesListHorizontal__download,body .YYImageFilesListHorizontal__view{border-radius:50%;color:#fff;font-size:var(--yy-font-size-sm);padding:var(--yy-padding-xxs);transition:all var(--yy-motion-duration-mid) var(--yy-motion-ease-in-out)}body .YYImageFilesListHorizontal__delete:hover,body .YYImageFilesListHorizontal__download:hover,body .YYImageFilesListHorizontal__view:hover{background-color:#fff;color:#000}body .YYImageFilesListHorizontal__delete:hover{color:var(--yy-color-error)}body .YYImageFilesListHorizontal__download:hover,body .YYImageFilesListHorizontal__view:hover{color:var(--yy-color-primary)}body .YYImageFilesListVertical__container{display:grid;gap:var(--yy-margin-xs);grid-template-columns:repeat(1,minmax(0,1fr))}body .YYImageFilesListVertical__item{align-items:center;border:var(--yy-line-width) var(--yy-line-type) var(--yy-color-border);border-radius:var(--yy-border-radius-lg);display:flex;gap:var(--yy-margin-xs);padding:var(--yy-padding-xs);position:relative}body .YYImageFilesListVertical__left{border-radius:var(--yy-border-radius-sm);flex-grow:0;flex-shrink:0;overflow:hidden;width:var(--yy-control-height-lg)}body .YYImageFilesListVertical__right{align-items:center;display:grid;flex:1;grid-template-columns:repeat(1,minmax(0,1fr))}body .YYImageFilesListVertical__progress{display:flex}body .YYImageFilesListVertical__fileName{cursor:pointer;font-weight:500;max-width:calc(100% - var(--yy-control-height-lg));text-decoration:underline}body .YYImageFilesListVertical__fileName:hover{color:var(--yy-color-primary)}body .YYImageFilesListVertical__delete{align-items:center;cursor:pointer;display:flex;font-size:var(--yy-font-size);justify-content:center;position:absolute;right:var(--yy-padding-xs);top:var(--yy-padding-xs);transition:all var(--yy-motion-duration-mid) var(--yy-motion-ease-in-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}body .YYImageFilesListVertical__delete:hover{color:var(--yy-color-error)}