.image-ui{position:relative}.image-ui.blurry_background{height:100%}.image-ui.blurry_background .background-img{filter:blur(10px)brightness(80%);opacity:.7;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.image-ui.blurry_background .img-container{padding-bottom:unset}.image-ui.blurry_background.adult .adult-badge,.image-ui.blurry_background.play-adult .adult-badge{top:50%;left:50%;bottom:unset}.image-ui.adult .adult-badge,.image-ui.play-adult .adult-badge,.image-ui.adult_badge_only .adult-badge{z-index:10;color:#fff;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#c51a1b;border-radius:10px;min-width:10px;padding:6px 8px;font-size:10px;font-weight:400;line-height:1;display:inline-block;position:absolute;bottom:5px;left:5px}.image-ui.adult .core-img,.image-ui.play-adult .core-img,.image-ui.blurry-only .core-img,.image-ui.adult .simple-picture,.image-ui.play-adult .simple-picture,.image-ui.blurry-only .simple-picture{-webkit-filter:blur(8px);-moz-filter:blur(8px);-ms-filter:blur(8px);-o-filter:blur(8px)}.image-ui.members-only{overflow:hidden}.image-ui.members-only .core-img,.image-ui.members-only .simple-picture{-webkit-filter:blur(8px);-moz-filter:blur(8px);-ms-filter:blur(8px);-o-filter:blur(8px)}.image-ui .members-only-cover{color:#f1f1f1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-ui .members-only-icon{fill:#fff;text-shadow:0 0 1vw #0e1214;width:40px;height:40px;margin-bottom:5.8px}.image-ui .members-only-text{text-align:center;text-shadow:1px 1px .25vw #0e1214;margin:5px;font-size:16px;line-height:16px}.image-ui.bigger .members-only-icon{width:70px;height:70px}.image-ui.bigger .members-only-text{font-size:20px;line-height:20px}.image-ui.biggest .members-only-icon{width:110px;height:110px}.image-ui.biggest .members-only-text{font-size:24px;line-height:24px}.image-ui.small .members-only-icon{width:20px;height:20px;margin-bottom:0}.image-ui.small .members-only-text{font-size:9px;line-height:9px}@keyframes slideInUpChild{0%{opacity:.3;background-position:100% 0}33%{opacity:1;background-position:0 100%}66%{opacity:.3;background-position:100% 0}to{opacity:1;background-position:0 100%}}.image-ui.upload_pending .core-img,.image-ui.upload_pending .picture-ui{opacity:0;animation-name:slideInUpChild;animation-duration:4s;animation-iteration-count:infinite;animation-direction:alternate}.image-ui.upload_pending .upload-pending-cover{color:#f1f1f1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-ui.upload_pending .upload-pending-cover .upload-pending-text{text-shadow:1px 1px .25vw #0e1214;text-align:center;padding:0 3px;font-size:13px;font-weight:700;display:inline-block}.image-ui.upload_pending.small .upload-pending-cover{display:none}.image-ui .gender-icon{opacity:.5;text-shadow:0 0 5px #0e1214;font-size:4vw;line-height:4vw;position:absolute;top:5px;right:5px}.image-ui .video_icon{opacity:.6;background:0 0;transition:opacity .3s;transform:none}.image-ui .video_icon:after{content:"";color:#fff;text-align:center;background:#0e1214;border-radius:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;font-family:Glyphicons Regular;font-size:28px;line-height:50px;position:absolute;top:50%;left:50%}.image-ui:hover .video_icon{opacity:0}.image-ui:not(.vue-variant).system-image .core-img{background-color:#0e1214}.image-ui:not(.vue-variant)[role=button]{cursor:pointer}.image-ui:not(.vue-variant) picture .core-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.image-ui:not(.vue-variant) .img-pane{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.image-ui.layout-adaptive{width:100%;height:100%;overflow:hidden}.image-ui.layout-adaptive .img-container,.image-ui.layout-adaptive picture .core-img{height:100%}.image-ui.layout-adaptive.blurry-only{overflow:visible}.image-ui.layout-adaptive.strategy-cover picture .core-img{object-fit:cover;object-position:50% 25%}.image-ui.layout-adaptive.strategy-contain picture .core-img{object-fit:contain}.image-ui.layout-adaptive.strategy-scale-down picture .core-img{object-fit:scale-down}.office_mode .img-pane,.office_mode .image-ui:not(.vue-variant) .img-pane{opacity:.97;background-color:#1a1e20}.office_mode .img-pane:hover,.office_mode .image-ui:not(.vue-variant) .img-pane:hover{background-color:initial;opacity:1}
