*{box-sizing:border-box;list-style-type:none;padding-inline-start:0;margin-block-start:0;padding:0;margin:0}*:before,*:after{box-sizing:border-box}button,input,textarea,fieldset{outline:none;border:none;background:transparent}html,body{font-family:Nunito,serif;background:var(--slate-950);font-size:16px;color:var(--white);height:100%;max-height:100%;font-weight:400;font-style:normal;padding:0;margin:0}.app{display:grid;height:100%;min-height:100%}.flex-center-right{display:flex;align-items:center;justify-content:end}.flex-center-center{display:flex;align-items:center;justify-content:center}.Col{flex:0 0 auto;max-width:100%}.Col.Col-20{width:20%}.Col.Col-30{width:30%}.Col.Col-40{width:40%}.Col.Col-50{width:50%}.Col.Col-60{width:60%}.Col.Col-70{width:70%}.Col.Col-80{width:80%}.TextEllipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-theme-color: #fff;--swiper-pagination-bullet-inactive-opacity: .3}.swiper-pagination-bullet{background:#cdcdcd}.Button{color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;font-family:var(--font-family);font-size:14px}.Button.variant-classic{border:1px solid var(--blue-700)}.Button.variant-outline{border:1px solid var(--blue-700);color:#111}.Button.size-medium{height:32px;font-weight:500;padding:5px 12px;min-width:120px}.Button.size-smal{height:24px}.Button.size-large{height:48px;padding:8px 30px;min-width:190px}.Button.color-default{background:var(--blue-700);color:#fff}.Button.color-default:hover:not(:disabled){background:var(--blue-600);border-color:var(--blue-600)}.Button:disabled{background-color:transparent;color:#999;border-color:#999}.Button:not(:disabled){cursor:pointer}.Dashboard{display:flex;flex-direction:row;align-items:center;justify-content:center}.Dashboard__actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.DialogOverlay{background-color:#0000004d;position:fixed;inset:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.DialogContent{background-color:#fcfcfc;border-radius:6px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:85vh;padding:25px;animation:contentShow .15s cubic-bezier(.16,1,.3,1);color:#111;z-index:3}.DialogContent:focus{outline:none}.DialogActions{display:flex;margin-top:25px;justify-content:flex-end;column-gap:20px}.DialogTitle{color:#111;margin:0 0 15px;font-weight:700;font-size:22px}.DialogDescription{margin:10px 0 20px;font-size:15px;line-height:1.5}.DialogClose{position:absolute;top:10px;right:10px;width:16px;height:16px;cursor:pointer}.fields-container{margin:25px 0}@media (max-width: 578px){.DialogActions{justify-content:space-between}.DialogActions>*{flex:1 0 0%;width:100%;min-width:0!important}}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.Fieldset{display:flex;gap:10px;margin-bottom:15px;flex-direction:column}.Label{font-size:15px;color:#6550b9;width:90px;text-align:right}.Input-wrapper{width:100%;flex:1;display:inline-flex;justify-content:center;height:35px;position:relative}.Input-wrapper input{font-family:var(--font-family);display:block;width:100%;font-size:15px;padding:0 30px 0 10px;line-height:1;box-shadow:0 0 0 1px #c2b5f5;border-radius:4px;height:38px}.Input-wrapper input:focus{box-shadow:0 0 0 2px #aa99ec}.Input-wrapper .Input-error{color:#ed3434;position:absolute;right:5px;top:50%;transform:translateY(-50%);display:flex;opacity:.7}.Input-wrapper .Input-error>*{display:flex}.TooltipContent{border-radius:4px;padding:10px 15px;font-size:15px;line-height:1;color:#111;background-color:#fff;box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px;-webkit-user-select:none;user-select:none;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity;z-index:100}.TooltipContent[data-state=delayed-open][data-side=top]{animation-name:slideDownAndFade}.TooltipContent[data-state=delayed-open][data-side=right]{animation-name:slideLeftAndFade}.TooltipContent[data-state=delayed-open][data-side=bottom]{animation-name:slideUpAndFade}.TooltipContent[data-state=delayed-open][data-side=left]{animation-name:slideRightAndFade}.TooltipArrow{color:#fff;fill:currentColor}.MediaSettings{background-color:var(--gray-200);padding:15px 10px;border-radius:8px;position:relative}.MediaSettingsRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.MediaSettingsLoader{position:absolute;width:100%;height:100%;background:var(--gray-400);left:0;top:0;z-index:11;border-radius:inherit;opacity:1}.end-item{display:flex;align-items:center;justify-content:end;gap:7px}.SelectWrapper{display:block;max-width:100%;padding:0;margin:0;display:flex;position:relative;height:35px;z-index:10}.SelectTrigger{padding:8px 12px;border:1px solid #ccc;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:space-between;width:100%;min-width:0;position:relative;font-weight:500;color:#2c2c2c}.SelectTrigger>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.SelectContent{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000001f;color:#2c2c2c;font-weight:400;z-index:10}.SelectViewport{max-height:240px;overflow:auto;padding:4px}.SelectItem{padding:6px 8px;border-radius:6px;cursor:pointer}.SelectItem[data-highlighted]{background:#f2f2f2}.SelectItem[data-state=checked]{font-weight:600}.SelectContent[role=listbox]{margin:0;padding:0;left:0;max-height:none;overflow:visible}.SelectItem[role=option]{margin:0}.SelectTrigger:hover{background-color:var(--mauve-3)}.SelectTrigger[data-placeholder]{color:var(--violet-9)}.SelectIcon{color:Var(--violet-11)}.Loader{width:100%;height:100%;position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.ActionsPanel{flex:0 0 auto;height:80px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 10px;min-width:0}.ActionsPanel>*{display:flex;align-items:center;justify-content:center;gap:15px}.IconButton{background-color:var(--blue-800);color:#fff;width:48px;height:48px;border-radius:12px;cursor:pointer}.IconButton:hover{background-color:var(--blue-700)}.IconButton.color-red{color:#ed3434}.IconButton:disabled{background-color:#414040;cursor:auto}.IconButton.size-auto{min-width:48px;width:auto;padding:0 5px}.CamOnAndReverse{position:relative}.CamReverse{position:absolute;width:100%;height:100%;left:0;bottom:calc(100% + 5px)}@media (max-width: 585px){.mobile-hidden{display:none}.ActionsPanel{gap:5px}.ActionsPanel>*{gap:5px}}.PeersCount{position:relative}.PeersCount>span{position:absolute;width:16px;height:16px;background:#fff;border-radius:100px;top:-10px;right:5px;color:#000;display:flex;align-items:center;justify-content:center;line-height:1;font-size:12px;font-weight:700}.PopoverContent{color:var(--gray-300);overflow:hidden;display:flex;z-index:100;border-radius:4px;padding:10px 5px 10px 10px;width:270px;background-color:var(--slate-800);box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.PopoverContent:focus{box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px,0 0 0 2px #111}.PopoverContent[data-state=open][data-side=top]{animation-name:slideDownAndFade}.PopoverContent[data-state=open][data-side=right]{animation-name:slideLeftAndFade}.PopoverContent[data-state=open][data-side=bottom]{animation-name:slideUpAndFade}.PopoverContent[data-state=open][data-side=left]{animation-name:slideRightAndFade}.PopoverContent li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.PopoverContentInner{width:100%}.PopoverClose{cursor:pointer;font-family:inherit;border-radius:100%;height:20px;width:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--violet-11);position:absolute;top:0;right:5px}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}.ScrollAreaRoot{position:relative;overflow:hidden;height:100%;width:100%;--scrollbar-size: 5px}.ScrollAreaViewport{width:100%;height:100%}.ScrollAreaScrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none}.ScrollAreaScrollbar[data-orientation=vertical]{width:var(--scrollbar-size)}.ScrollAreaScrollbar[data-orientation=horizontal]{height:var(--scrollbar-size)}.ScrollAreaThumb{background:#ffffff59;border-radius:var(--scrollbar-size);position:relative;flex:1}.PeersListContainer{display:flex;width:100%;height:100%;flex-direction:column;max-height:300px}.ListItem{display:flex;align-items:center;gap:5px;margin-bottom:5px;padding-right:5px}.BoxIcon{display:flex;align-items:center;margin-left:auto}.BoxIcon.color-green{color:#34be09}.BoxIcon.color-grey{color:var(--gray-400)}.PeerName{min-width:0;flex:1 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ScreenSharePresentation{position:absolute;width:100%;height:100%;left:0;top:0;align-items:center;justify-content:center;background:#0e1621;transition:all .2s;z-index:1}.ScreenSharePresentation.collapsed{width:200px;height:200px;top:100%;transform:translateY(-100%);border-radius:6px}.ScreenSharePresentation video{object-fit:contain;width:100%;height:100%}.ScreenShareControl{position:absolute;width:18px;height:18px;top:10px;right:18px}.ScreenShareControl button{cursor:pointer;color:#cdcdcd}.ScreenShareControl button:hover{color:#fff}.Room{display:flex;flex-direction:column;min-height:100%}.MediaCanvas{flex:1 0 0%;width:100%;padding:20px 0;min-height:0;max-height:calc(100vh - 80px);display:grid;align-content:center;grid-auto-columns:1fr;grid-template-rows:1fr;position:relative}.MediaSlider.swiper{width:calc(100% - 20px);height:100%}.MediaSlide.swiper-slide{display:grid;gap:10px;margin-block:auto;align-content:center;grid-template-columns:repeat(auto-fit,minmax(calc(25% - 30px),.5fr))}@media (max-width: 1280px){.MediaSlide.swiper-slide{grid-template-columns:repeat(auto-fit,minmax(calc(33.3333333333% - 20px),.5fr))}}@media (max-width: 578px){.MediaSlide.swiper-slide{grid-template-columns:1fr;align-content:center;grid-auto-rows:1fr}.MediaSlider.swiper{padding-right:0}}:root{--font-family: Nunito, serif}:root{--white: #fff;--dark: #111;--slate-950: #0e1621;--slate-900: #17212b;--slate-800: #1b2734;--slate-700: #1f2936;--slate-600: #14202f;--blue-800: #20405e;--blue-700: #2b5278;--blue-600: #5288c1;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2933;--gray-900: #111827}.Participant{position:relative;background:var(--slate-800);border-radius:6px;min-height:0;max-height:100%;min-width:100%;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.Participant:not(.video-active) .MediaRenderer{display:none}.Participant.video-active .ParticipantLabel{display:none}.Participant.audio-active:before{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;border:5px solid green;z-index:10;border-radius:inherit}.Participant .ParticipantInfo{position:absolute;left:50%;transform:translate(-50%);bottom:15px;font-size:20px;background-color:green;padding:5px 25px;border-radius:20px;text-align:center;font-size:12px;display:flex;align-items:center;gap:8px;max-width:90%}.Participant .ParticipantInfo>.ParticipantInfoMic{flex:0 0 auto;display:flex}.Participant .ParticipantInfo>.ParticipantInfoName{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Participant .LowSignalBlock{position:absolute;display:flex;z-index:10;top:10px;left:10px;width:30px;height:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;align-items:center;justify-content:center}.Participant .LowSignalBlock .quality.good{color:green}.Participant .LowSignalBlock .quality.medium{color:orange}.Participant .LowSignalBlock .quality.bad,.Participant .LowSignalBlock .quality.very-bad{color:red}@media (max-width: 900px){.Participant .ParticipantInfo{bottom:10px;font-size:12px;padding:5px 15px}}@media (max-width: 578px){.Participant{aspect-ratio:auto}}.ParticipantLabel{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ParticipantLabel>*{width:20%;max-width:150px;height:auto}.MediaRenderer{object-fit:cover;width:100%;height:100%}