Comments (28)
can you please explain how you did it step by step, im not familiar with truncate or were do get it.
Replace deck_startup.webm with the video I want
while in that movies directory hitbshift f4. Type truncate -s 1840847 deck_startup.webm
Go to the css directory and check the file size of library.css
Note it down.
Edit the video{} line in library.css with the code mentioned above. save. Hitbshift f4 in the css directory. Type
truncate -s TheFileSizeYouWrote library.css
reboot
from steamdeck_startup_animations.
For those who being driven here and want a lazy solution in the meantime:
#!/bin/bash
LIBRARY_CSS="/home/deck/.steam/steam/steamui/css/library.css"
LIBRARY_SIZE=$(stat -c%s $LIBRARY_CSS)
sed -i -E 's/(video\{).+?(})/\1flex-grow:1;width:100%;height:100%;z-index:10\2/g' $LIBRARY_CSS
truncate --size=$LIBRARY_SIZE $LIBRARY_CSS
from steamdeck_startup_animations.
This is the same thing that I am experiencing. I read somewhere that a change could be made to library.css in the steam files to enable fullscreen .webm files on boot. I can't find the source now :/
from steamdeck_startup_animations.
I also am having this issue. Sort of ruins the effect.
from steamdeck_startup_animations.
You need to replace css/library.css with:
button.DialogButton{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:0;font:inherit;overflow:visible;padding:0;margin:2px 0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:block;line-height:32px;color:#dfe3e6;font-size:14px;text-align:center;border-radius:2px;cursor:pointer;width:100%;transition:all .2s ease-out;background:#3d4450;background-position:99% 1%;background-size:300% 300%;position:relative}input.DialogInput::-moz-focus-inner,button.DialogButton::-moz-focus-inner{border:0;padding:0}.DialogInputPlaceholder::placeholder,.DialogInputPlaceholder::-webkit-input-placeholder{color:#969696;font-style:italic}.DialogInputPlaceholder::-ms-input-placeholder,.DialogInputPlaceholder:-ms-input-placeholder{color:#969696;font-style:italic}.PopupFullWindow{height:100%}.FullModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500}.FullModalOverlay.NotReadyToRender{background:#000}.FullModalOverlay .ModalPosition_Content{height:initial;width:initial;max-width:88vw;max-height:90vh}@media screen and (max-height: 640px){.FullModalOverlay .ModalPosition_Content{max-height:95vh}}.ModalOverlayContent{position:fixed;top:0;right:0;bottom:0;left:0}.ModalOverlayContent.inactive{z-index:5}.ModalOverlayContent.active{z-index:10}.ModalOverlayBackground{background:rgba(0,0,0,.8);z-index:7}.ModalOverlayBackground.NotificationBrowserWarning{background:rgba(0,0,0,.9)}.DialogBody{display:flex;flex-direction:column;flex:1;overflow:auto}.DialogBody a{color:#6dcff6;text-decoration:none}.DialogBody a:hover{color:#b0e9ff}.ModalDialogPopup .DialogContentTransition .DialogBody{overflow-y:scroll}.DialogInnerBody{flex:1;overflow:auto;padding-right:2px;padding-bottom:16px}.ModalDialogPopup .ModalDialogBody{margin:0px}.ModalDialogPopup .ModalDialogBody .title-area{height:80px}.ModalDialogPopup .DialogInnerBody{overflow-y:scroll;overflow-x:hidden}.ModalPosition{display:flex;align-content:center;height:100%;flex-direction:column}.ModalPosition:focus{outline:none}.ModalPosition.Hidden .ModalPosition_Content{visibility:hidden}.ModalDialogPopup .ModalPosition_Dismiss{display:none}.ModalPosition_Dismiss{position:absolute;right:4px;top:4px;z-index:1}.DeckVerifiedModalDialogClient .ModalPosition_Content{width:640px;font-weight:400}.DeckVerifiedModalDialogClient .DialogContent,.DeckVerifiedModalDialog .DialogContent{padding:calc(1.4vw + 12px) 2.8vw;background:#0e141b !important;font-family:"Motiva Sans",Arial,Helvetica,sans-serif;border:2px solid #23262e}.DeckVerifiedModalDialogClient .DialogContent{max-height:70vh}.DeckVerifiedModalDialog .DialogContent{max-height:85vh}.DeckVerifiedModalDialogClient .ModalPosition_TopBar,.DeckVerifiedModalDialog .ModalPosition_TopBar{display:none}.DeckVerifiedModalDialogClient .ModalPosition_Dismiss .closeButton,.DeckVerifiedModalDialog .ModalPosition_Dismiss .closeButton{width:20px;height:20px}.ModalPosition_Dismiss .closeButton{width:14px;height:14px;padding:4px;background-size:cover;cursor:pointer;background-image:none;border-radius:4px}.ModalPosition_Dismiss .closeButton .SVGIcon_X_Line line{stroke:#788a92;stroke-width:24px}.ModalPosition_Dismiss .closeButton:hover .SVGIcon_X_Line line{stroke:#fff}.ModalPosition_Dismiss .closeButton:hover{opacity:1}.ModalPosition_Content{box-shadow:0px 8px 38px 5px rgba(0,0,0,.75);margin:auto;font-weight:300;color:#969696;font-size:16px;position:relative;display:flex;flex-direction:column}.ModalPosition_Content>div:not(.ModalPosition_TopBar):not(.ModalPosition_Dismiss){min-height:0;min-width:0;flex-shrink:1;flex-grow:1}.PopupFullWindow .ModalPosition_Content>div:not(.ModalPosition_TopBar):not(.ModalPosition_Dismiss){flex:1}.DialogContent,.DialogContentTransition{background:radial-gradient(circle at top left, rgba(74, 81, 92, 0.4) 0%, rgba(75, 81, 92, 0) 60%),#25282e;user-select:none}.DialogContentTransition{display:flex;width:664px;max-width:calc(100% - 64px);flex:3.3;position:relative}.ModalDialogPopup .DialogContentTransition{display:block}.ModalDialogPopup .DialogContentTransition>.DialogContent{position:absolute;bottom:0;top:0;left:0;right:0}.DialogContent{padding:24px;display:flex;overflow:visible;position:relative}.DialogToggle_Label{user-select:none;display:flex;flex-direction:row}.DialogToggle_Label span{display:flex}.contextMenuItem .DialogToggle_Label{white-space:nowrap}._DialogNote{font-size:12px;text-transform:uppercase}._DialogCenterVertically{display:flex;flex-direction:column;justify-content:space-around}.DialogContent_InnerWidth{max-width:600px;flex:1;display:flex;flex-direction:column;overflow:auto}.DialogContent.DialogContentFullSize{width:max-content}.DialogContentFullSize .DialogContent_InnerWidth{max-width:none}.ModalDialogPopup .DialogContent{overflow:visible}.ModalDialogPopup .DialogContent_InnerWidth{max-width:none}.DialogContent_InnerWidth>form{display:flex;flex-direction:column;min-height:0;flex:1}.ModalPosition_TopBar{min-height:1px;background:linear-gradient(to right, #00ccff, #3366ff)}.Destructive .ModalPosition_TopBar{background:linear-gradient(to right, #c44848, #c44848)}.ModalDialogPopup .PopupFullWindow>.ModalPosition,.ModalDialogPopup .PopupFullWindow>.ModalPosition>.ModalPosition_Content{max-width:none;max-height:none;width:100%;height:100%}.DialogHeader{font-weight:300;font-size:32px;line-height:36px;letter-spacing:2px;color:#fff;text-transform:uppercase;flex-shrink:0;user-select:none;margin-right:26px;margin-bottom:12px}.DialogSubHeader{font-weight:300;font-size:24px;line-height:36px;letter-spacing:2px;color:#fff;text-transform:uppercase;flex-shrink:0;user-select:none;margin-right:26px}.DialogContent_InnerWidth .DialogBody .DialogHeader{margin-right:0px}.DialogHeaderSubtitle{color:#6e7985;font-size:22px;letter-spacing:1px;text-transform:none}.DialogHighlight{color:#4297f8}.DialogFooter{margin-top:16px;flex-shrink:0}.DialogBodyText{color:#969696;font-size:16px;line-height:19px;font-weight:300;margin-bottom:32px;user-select:none}.DialogBodyText p{user-select:text}.DialogBodyText p a{color:#969696;text-decoration:underline}.DialogBodyText p a:hover{color:#fff}.DialogLabel{cursor:default}.DialogLabel,.DialogLabelStrong{font-weight:300;color:#969696;text-transform:uppercase;line-height:19px;font-size:13px;margin-bottom:4px;user-select:none;letter-spacing:initial}.DialogLabelStrong .DialogLabel,.DialogLabel.DialogLabelStrong{text-transform:none;color:#dedede}.disabled .DialogLabelStrong .DialogLabel,.disabled .DialogLabel.DialogLabelStrong{color:#424853}.DialogHBar{flex:1;min-height:1px;max-height:1px;background:linear-gradient(to right, #393e47 0%, #40464f 20%, #393e47 100%);margin-bottom:16px}.OrSeparator .DialogHBar{margin:0}._DialogRow{display:flex;flex-direction:row;padding:4px;padding-left:12px;margin-bottom:6px;justify-content:space-between;flex-shrink:0}._DialogRow._DialogRowBackground{background:linear-gradient(to right, #383d45, #383d45)}._DialogRow ._DialogRowAction{flex:1}._DialogRow ._DialogRowSecondaryLabel,._DialogRow ._DialogRowLabel{flex:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;align-self:center;display:flex;flex-direction:row}._DialogRow ._DialogRowSecondaryLabel{display:block;flex:1;line-height:32px;text-align:center;margin:2px 0}._DialogRow ._DialogRowLabel .SVGIcon_Button{width:24px;height:24px}.disabledNotice{color:rgba(184,156,80,.75);margin-left:4px}.DialogLabelExplainer{text-transform:none;text-align:center;font-weight:300;color:#7e7e7e;font-size:13px;margin-top:4px}.DialogInput{border:1px solid #fff;display:block;line-height:22px;padding:10px}.DialogLabelExplainer.Left{text-align:left}.DialogInputRequirementLabel{color:#b80505;margin-left:15px}.DialogRequirementLabel{color:#b80505}.DialogInputLabelGroup{margin-bottom:22px}._DialogSection{margin-bottom:26px}.DialogTextInputBase,._DialogInputContainer{background:rgba(59,63,72,.5);color:#dfe3e6;font-size:14px;font-family:"Motiva Sans",Arial,Helvetica,sans-serif;font-weight:300;margin:0;border:none;border-radius:3px;box-shadow:inset 0px 0px 0px #0000;transition:all .2s ease-in-out}.DialogTextInputBase:focus,.DialogTextInputBase:focus-within{background:rgba(67,73,83,.6);box-shadow:inset 1px 1px 8px #000a;padding-left:11px}.DialogTextInputBase:not(:disabled):hover{background:rgba(67,73,83,.6)}.DialogTextInputBase:disabled:hover{background:rgba(67,73,83,.3)}._DialogInputContainer{padding:12px;line-height:18px;margin-bottom:22px}._DialogInputContainer:focus{outline:none}.DialogToggleField._DialogInputContainer{display:flex;justify-content:space-between;padding:6px;padding-left:12px}.DialogToggleField.Disabled .DialogToggle_Label{color:#555}.DialogDropDown._DialogInputContainer.Active{outline:none}.DialogTextInputBase.inviteURLLink{padding:0 12px;background:#30353b;margin-right:4px;flex-grow:4;box-shadow:inset 0px 0px 4px #0006;border:.5px solid rgba(139,153,170,.4);border-style:inset}.DialogTextInputBase:disabled,.DialogTextInputBase:read-only{color:rgba(136,136,136,.7)}.InviteLinksTable .DialogInput{padding:5px;margin:5px;margin-right:30px}.DialogInput_Wrapper{display:flex;flex-direction:row;position:relative;align-items:center}.DialogInput_Wrapper>input.DialogInput{flex:1}.DialogInput_Wrapper>input.DialogInput:focus{outline:none}button.DialogButton:focus{outline:none}button.DialogButton.DialogInput_CopyAction{width:auto;padding-left:16px;padding-right:16px}.DialogInput_ClearAction{position:absolute;right:12px;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.DialogInput_ClearAction svg{width:18px;height:18px}.DialogInput_ClearAction .SVGIcon_X_Line line{stroke-width:22px;stroke:#aaa}.DialogInput_ClearAction:hover .SVGIcon_X_Line line{stroke:#fff}button.DialogButton::before{pointer-events:none;user-select:none;content:" ";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 8px 16px 0 rgba(0,0,0,.3);opacity:0;transition:opacity 200ms ease-in-out}button.DialogButton:disabled:hover::before,button.DialogButton:disabled::before,button.DialogButton.Disabled:hover::before,button.DialogButton.Disabled::before{opacity:0}button.DialogButton:hover::before{opacity:1}button.DialogButton:active::before{opacity:0}button.DialogButton.DialogButtonTall{height:44px}.VoiceSettings .advancedSettingsButton{margin-bottom:0px;margin-top:16px}.VoiceSettings .advancedSettings{margin-bottom:16px}.DialogBody.VoiceSettings ._FixedHeight{padding-bottom:16px}button.DialogButton.Primary{background:transparent;background:linear-gradient(to right, #47bfff 0%, #1a44c2 60%);background-position:25%;background-size:330% 100%}button.DialogButton.GreenPlay{background:linear-gradient(to right, #8ac329 0%, #4a7a16 60%);background-position:25%;background-size:330% 100%}button.DialogButton.GreenPlay:hover,button.DialogButton.GreenPlay.gpfocus{background:linear-gradient(to right, #8ac329 0%, #4a7a16 60%);background-position:0%;background-size:330% 100%;color:#fff}button.DialogButton.GreenPlay:active,button.DialogButton.GreenPlay:active:hover,button.DialogButton.GreenPlay:active.gpfocus{background:linear-gradient(to right, #8ac329 0%, #4a7a16 60%);background-position:40%;transition-duration:.04s}button.DialogButton.Secondary.Off{box-shadow:inset 1px 1px 4px #0003}button.DialogButton:enabled:active,button.DialogButton:enabled:active:hover,button.DialogButton:enabled:active.gpfocus{background:#393f49;box-shadow:0 1px 4px 0 rgba(0,0,0,.6);transition-duration:.04s}button.DialogButton.Primary:hover,button.DialogButton.Primary.gpfocus{background:linear-gradient(to right, #47bfff 0%, #1a44c2 60%);background-position:0%;background-size:330% 100%;color:#fff}button.DialogButton.Primary:enabled:active,button.DialogButton.Primary:enabled:hover:active,button.DialogButton.Primary:enabled:active.gpfocus{background:linear-gradient(to right, #47bfff 0%, #1a44c2 60%);background-position:40%;transition-duration:.04s}button.DialogButton:hover,button.DialogButton.gpfocus{background:#464d58;color:#fff}button.DialogButton:disabled,button.DialogButton:disabled:hover,button.DialogButton.Disabled,button.DialogButton.Disabled:hover{background:rgba(61,67,77,.35);color:#464d58;box-shadow:none;cursor:default;pointer-events:none}button.DialogButton.Small{line-height:22px}button.TextButton{background-color:transparent;border:0px hidden transparent;font-family:"Motiva Sans",Arial,Helvetica,sans-serif;padding:0;color:#fff;cursor:pointer;font-weight:100;border-bottom:1px dotted #0000}button.TextButton .SVGIcon_Button{transition:all .2s ease-in-out;margin-right:2px}button.TextButton:hover,button.TextButton.gpfocus{color:#fff}button.TextButton:focus,button.TextButton.gpfocus{outline:none}.DialogButton .SVGIcon_Button{width:24px;height:24px;vertical-align:middle;margin-right:2px}.DialogButton:disabled .SVGIcon_Button,.DialogButton.Disabled .SVGIcon_Button{opacity:.1}.DialogToggleField_NewUIContainer{height:30px;display:flex;flex-direction:column;justify-content:center}.DialogToggleField_Control{float:right;position:relative;line-height:30px;overflow:hidden;border-radius:3px;background:#3a3f48;color:rgba(223,227,230,.5);font-size:14px;display:flex;flex-direction:row;cursor:pointer;user-select:none;align-self:flex-start;flex-shrink:0;margin-left:6px}.DialogToggleField_OptionPanel{display:flex}.DialogToggleField_Option{text-transform:uppercase;width:66px;text-align:center;cursor:pointer;transition-property:color,background;transition-duration:250ms}.DialogToggleField_Option:hover:not(.Active){background:#464d58}.Disabled .DialogToggleField_Option:hover:not(.Active),.Disabled .DialogToggleField_Option.Active,.Disabled .DialogToggleField_Option{background-color:transparent;color:#555;cursor:default}.Disabled .DialogToggleField_Option.Active{color:#666;background-color:#434953}.DialogToggle_Description{color:#999c9f;line-height:19px;font-size:13px;font-family:"Motiva Sans",Arial,Helvetica,sans-serif;padding-top:8px}.DialogToggleField_Option.Active{color:#dfe3e6;background:#2d73ff}.DialogToggleField_Option.Off.Active{color:#dfe3e6;background:#5f6875}.DialogToggleField_Option:hover{color:#fff}.DialogMenuPosition{position:absolute;z-index:1600;overflow:auto}.DialogMenuPosition:not(.visible){opacity:0;pointer-events:none}.DialogDropDown{cursor:pointer;position:relative}.DialogDropDown.Disabled{cursor:initial;opacity:.5}.DialogDropDown:hover{box-shadow:0 6px 8px 0 rgba(0,0,0,.16)}.DialogDropDown.Disabled:hover{box-shadow:unset}.DialogDropDown_CurrentDisplay:empty::before{content:" "}.DialogDropDown._DialogInputContainer{margin-bottom:0;user-select:none}.DialogDropDown_Arrow{position:absolute;width:18px;top:14px;right:10px}.DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu{fill:#189cff}._DialogColLayout{display:flex;flex-flow:row wrap;justify-content:space-between}._DialogColLayout>._DialogLayout{flex:1;box-sizing:border-box}.DialogTwoColLayout>._DialogLayout{max-width:calc(50% - 14px);min-width:200px}.DialogThreeColLayout>._DialogLayout,.DialogTwoThirdColLayout>._DialogLayout:nth-child(2n+1){max-width:calc(33.33% - 9px);min-width:133px}.DialogTwoThirdColLayout>._DialogLayout{max-width:calc(66.66% - 18px);min-width:266px}.DialogLayout_NoMinWidth>._DialogLayout,.DialogTwoThirdColLayout.DialogLayout_NoMinWidth>._DialogLayout{min-width:0}.DialogDraggable{cursor:-webkit-grab;cursor:grab;user-select:none}.DialogDraggable.DraggedOut{display:none}.DialogDraggable_DropGhost{cursor:-webkit-grabbing;cursor:grabbing;opacity:.75}.DialogDraggable_DragGhost{cursor:-webkit-grabbing;cursor:grabbing;position:fixed;opacity:.75;z-index:5000}.DialogSlider_Container:focus{outline:none}.DialogSlider_Slider{border:4px solid #2a2d33;border-radius:10px;position:relative;height:10px;background:#202226;cursor:pointer;box-shadow:inset 0px 11px 8px -10px #131313;user-select:none}.DialogSlider_Value{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);border-top-left-radius:5px;border-bottom-left-radius:5px}.DialogSlider_Grabber{position:absolute;top:-1px;bottom:-3px;margin-left:-6px;width:12px;height:12px;background:linear-gradient(to bottom, #89e7ff 0%, #80aaff 80%);border-radius:50%;box-shadow:0px 0px 2px 2px rgba(0,0,0,.2)}.DialogProgressBar_ProgressBarContainer{border:4px solid #2a2d33;border-radius:10px;position:relative;height:10px;background:#202226;cursor:pointer;box-shadow:inset 0px 11px 8px -10px #131313;user-select:none;overflow:hidden}.DialogProgressBar_Value{height:100%;background:linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);border-top-left-radius:5px;border-bottom-left-radius:5px;width:0px;transition:all .2s linear}.DialogListBuilderInput_List{display:flex;flex-wrap:wrap;align-items:start;line-height:26px}.DialogListBuilderInput_Input{border:none;background:transparent;color:#fff;outline:none}.DialogListBuilderInput_Input:focus{outline:none}.DialogSpanningTable{width:100%;border-spacing:0px 6px;table-layout:fixed}.DialogSpanningTable th{font-weight:normal;text-align:left;font-size:12px;height:20px;text-transform:uppercase}.DialogSpanningTable.BannedUsersTable tr.hoverRow,.DialogSpanningTable.InvitedUsersTable tr.hoverRow,.DialogSpanningTable.InviteLinksTable tbody tr{background:linear-gradient(to right, #383d45, #383d45)}.DialogSpanningTable tr.hoverRow:hover{background-color:#393d46}.DialogSpanningTable td.friendCell{padding-left:4px;padding-top:4px;padding-bottom:4px}.DialogSpanningTable td.dateCell{text-align:left;font-size:14px}.DialogSpanningTable td.buttonCell{padding-left:5px;padding-right:10px}.BannedUsersTable th.friendColumn,.InvitedUsersTable th.friendColumn{width:auto}.BannedUsersTable th.dateColumn,.InvitedUsersTable th.dateColumn{width:175px}.BannedUsersTable th.buttonColumn,.InvitedUsersTable th.buttonColumn{width:130px}.InviteLinksTable .inviteCodeColumn{width:auto}.InviteLinksTable .dateColumn{width:175px}.InviteLinksTable .buttonColumn{width:130px}.DialogSpanningTable th.tableAlignRight,.DialogSpanningTable td.tableAlignRight{text-align:right}.DialogCheckbox_Container{cursor:pointer;padding:4px;margin-bottom:8px}.DialogCheckbox_Container .DialogCheckbox{float:left;margin-right:8px}.DialogCheckbox{width:22px;height:22px;background-color:#0004;padding:0;box-shadow:inset 1px .5px 3px rgba(1,1,1,.4);cursor:pointer;border-radius:2px}.DialogCheckbox .SVGIcon_DialogCheck{opacity:0;transition:all .1s ease-in-out;width:18px;height:18px;margin-top:9%;margin-left:12%}.DialogCheckbox .SVGIcon_DialogCheck path{stroke-width:40px;stroke-dashoffset:-270;transition:all .18s ease-out;transition-timing-function:cubic-bezier(1, 0, 1, 0.65);transition-delay:.3s}.DialogCheckbox.Active .SVGIcon_DialogCheck path{stroke-dashoffset:90;transition-timing-function:cubic-bezier(1, 0, 1, 0.65);transition-delay:0s}.DialogCheckbox.Active .SVGIcon_DialogCheck{opacity:1}.DialogCheckbox.Active .SVGIcon_DialogCheck #stop0{opacity:1}.DialogCheckbox.Disabled{cursor:default;opacity:.5;filter:saturate(0.35);box-shadow:none}.DialogCheckbox_Container:hover .DialogCheckbox:not(.Disabled),.DialogCheckbox:hover:not(.Disabled),.DialogCheckbox_Container:focus .DialogCheckbox:not(.Disabled),.DialogCheckbox:focus:not(.Disabled){background-color:#1e1f23}.DialogCheckbox_Container:focus,.DialogCheckbox:focus{outline:none}.DialogCheckbox .DialogCheck{width:100%;height:100%;margin:0;padding:0}.DialogRoundCheckboxField{width:24px;height:24px;border-radius:50%}.DialogRoundCheckboxField_Control{width:100%;height:100%;border-radius:50%;margin:0;padding:0;background-color:#24262b}.DialogRoundCheckboxField_OuterCircle{width:100%;height:100%;border-radius:50%;margin:0;padding:0;box-shadow:inset .5px 1px 3px rgba(1,1,1,.4);display:flex;justify-content:center;transition:background-color .08s ease-in-out}.DialogRoundCheckboxField_Container{cursor:pointer}.DialogRoundCheckboxField_Container:focus{outline:none}.DialogRoundCheckboxField_Container:hover .DialogRoundCheckboxField_OuterCircle{background-color:#1e1f23}.DialogRoundCheckboxField_Container.WithLabel .DialogRoundCheckboxField{float:left;margin-right:6px}.DialogRoundCheckboxField_Container .DialogToggle_Label{overflow:hidden}.DialogRoundCheckboxField_Control .DialogRoundCheckboxField_InnerCircle{width:50%;height:50%;border-radius:50%;align-self:center;box-shadow:0px 0px 8px rgba(31,141,254,.5);background:linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);transform:scale(0);opacity:0;transition:all .1s ease-in-out}.DialogRoundCheckboxField_Control.Active .DialogRoundCheckboxField_InnerCircle{box-shadow:1px 1px 1px 1px rgba(0,0,0,.2);transform:scale(1);opacity:1}.copiedAnimation{position:absolute;left:0;right:0;opacity:0;font-size:14px;text-transform:uppercase;letter-spacing:1px;text-align:center;color:#1b98ff;transition:all 0s ease-out;z-index:0;pointer-events:none;user-select:none}.copiedAnimation.animationComplete{opacity:0;transition-duration:1s;transition-delay:.5s}.copiedAnimation.animationPlaying{opacity:1;transition-property:transform,opacity;transition-duration:0s,.6s}._FixedHeight{flex-shrink:0}._FillAvailableHeightAndScroll{flex:1;min-height:0;overflow-y:scroll}ul{list-style-type:disc;list-style-position:inside}.title-area{position:absolute;top:0;bottom:0;left:0;right:0;min-height:18px;-webkit-app-region:drag;z-index:2}body.in_global_drag .title-area{-webkit-app-region:no-drag}.titleBarContainer{position:relative}.titleBarContainer .no-drag{-webkit-app-region:no-drag;z-index:3}.title-area .title-bar-actions{display:flex;flex-direction:row-reverse;position:absolute;top:0px;right:2px;bottom:0;max-height:24px;-webkit-app-region:no-drag;pointer-events:auto}.singleWindowFocusBar{width:100%;height:24px;background:linear-gradient(to right, #007896, #1f3d96);-webkit-mask:linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);mask:linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;opacity:0;transition:opacity .18s ease-in-out;pointer-events:none;user-select:none}.focused .singleWindowFocusBar{opacity:1;z-index:15}.title-area-highlight{height:24px;background:linear-gradient(to right, #007896, #1f3d96);-webkit-mask:linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);mask:linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);opacity:0;transition:opacity .18s ease-in-out;pointer-events:none;user-select:none}.focused:not(.singlewindow) .title-area-highlight{opacity:1}.title-area-icon{width:24px;height:18px;margin:auto 0px auto 0px;background-repeat:no-repeat;background-position:center;-webkit-app-region:no-drag}.title-area-children{float:right;margin-right:84px;-webkit-app-region:no-drag;pointer-events:auto;position:absolute;top:4px;right:0px;text-align:right}.title-area-icon .SVGIcon_Minimize{width:14px;height:14px;margin-top:-2px;margin-left:4px}.title-area-icon .SVGIcon_Maximize{width:14px;height:14px;margin-top:-2px;margin-left:4px}.title-area-icon .SVGIcon_X_Line{width:14px;height:14px;margin-top:-2px;margin-left:4px}.title-area-icon .SVGIcon_X_Line line{stroke:#788a92;stroke-width:24px}.title-area-icon:hover .SVGIcon_Button rect,.title-area-icon:hover .SVGIcon_Button line,.title-area-icon:hover .SVGIcon_Button polyline{stroke:#fff}.ModalDialogPopup .maximizeRestoreButton{display:none}.window_resize_grip{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAR0lEQVRIx2P8z0AZYKJQPwMLyTqQncxIBReMGsDAwDjg6WAYGIAvKaMlWuyiA++FYWDAaFKmWlImKtFiFx14LwwDAwY+KQMAmkcKPwxTSEoAAAAASUVORK5CYII=);background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;width:24px;height:24px;opacity:.3;position:fixed;right:0px;bottom:0px;z-index:1000}.DialogBodyNotificationBar{font-size:12px;letter-spacing:0px;color:#52b8e0;line-height:18px;height:18px;display:flex;margin-top:-2px}.DialogBodyNotificationBar svg{height:13px;width:13px;margin-left:0px;margin-right:2px;margin-top:2px}.DialogBodyNotificationBar .SVGIcon_Lock .topLock{fill:#52b8e0}.DialogBodyNotificationBar .SVGIcon_Lock .baseLock{stroke:#52b8e0}.GenericConfirmDialog .friend{margin-top:10px}.GenericConfirmDialog .DialogButton{min-width:120px}.displayColumn{display:flex;flex-direction:column}.displayRow{display:flex;flex-direction:row}.fullheight{height:100%;top:0px;bottom:0px}.fullWidth{width:100%}.alignItemsCenter{align-items:center}.alignSelfCenter{align-self:center}.tempText{font-size:10px;color:#f50;width:400px;align-self:center}.allCaps{text-transform:uppercase}.flexShrinkNone{flex-shrink:0}.throbber{width:60px;height:90px;display:inline-block}.throbber_small{width:36px;height:36px}.throbber_medium{width:60px;height:60px}.throbber_large{width:92px;height:92px}.throbber_xlarge{width:120px;height:120px}.throbber_fixed{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.throbber_absolute{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.throbber>div{float:left;width:25%;height:100%;background-color:#67c1f5;animation:loading_throbber_bar 1s ease-in-out infinite}.throbber>div:nth-child(1){transform:scaleX(1) scaleY(0.6)}.throbber>div:nth-child(2){margin-left:12%;transform:scaleX(1) scaleY(0.6);animation-delay:.16s}.throbber>div:nth-child(3){margin-left:12%;transform:scaleX(1) scaleY(0.6);animation-delay:.32s}.WaitingForInterFaceReadyContainer{width:100%;height:100%;background-color:#1f2126;display:flex}.WaitingForInterFaceReadyThrobber{margin:auto;align-self:center;width:fit-content}.Throbber_Blur{position:absolute;filter:blur(12px);transform:scale(1.25)}@keyframes loading_throbber_bar{0%{transform:scaleX(1) scaleY(0.6)}30%{transform:scaleX(1) scaleY(1)}55%{transform:scaleX(1) scaleY(0.6)}100%{transform:scaleX(1) scaleY(0.6)}}.innerwidth{border:3px dashed #f80;flex:1;color:#fff}.form{border:1px dotted aqua;height:100%;display:flex;flex-direction:column}.A{background-color:#F006;height:40px}.B{background-color:#0f06;display:flex;flex-direction:column}.ScrollList{border:2px solid pink;background-color:#000a;margin:16px 32px;overflow-y:auto;overflow-x:hidden;height:200px;min-height:40px}.FixedHeight{border:2px outset red;height:60px;margin:4px 32px;background-color:#000a;margin-bottom:16px}.VariableHeight{border:2px inset blue;height:60px;margin:4px 32px;background-color:#000a}.C{background-color:#00f6;height:40px}.largeThrobber{width:64px;height:64px;margin-bottom:18px}.mediumThrobber{width:32px;height:32px;margin-bottom:24px}.smallThrobber{width:16px;height:24px}.whiteText{color:#fff}.textLink{color:#fff;text-decoration:underline}
div:focus,a:focus,span:focus{outline:none}
.index_Container_2mu1w{width:100%;height:100%;display:flex;flex-direction:row}.index_Container_2mu1w.index_PreloadThrobber_2dqG9{justify-content:center;align-items:center;flex-direction:column;background:linear-gradient(to bottom, #1f2224 0%, #292d32 200px)}.index_Container_2mu1w.index_PreloadThrobber_2dqG9 :first-child{filter:saturate(0.8)}.index_Container_2mu1w .index_ThreeDots_1yjvY{display:flex;justify-content:center;padding-top:12px}.index_Container_2mu1w .index_ThreeDots_1yjvY .index_Dot_Wd5cq{width:10px;height:10px;background-color:#88bad6;margin:0 10px;animation-name:index_cycleAnim_Vo179;animation-timing-function:steps(1, end);animation-duration:1.5s;animation-iteration-count:infinite}.index_Container_2mu1w .index_ThreeDots_1yjvY .index_Dot_Wd5cq.index_Dot1_2FQ_i{animation-delay:0s}.index_Container_2mu1w .index_ThreeDots_1yjvY .index_Dot_Wd5cq.index_Dot2_3Pd3-{animation-delay:.25s}.index_Container_2mu1w .index_ThreeDots_1yjvY .index_Dot_Wd5cq.index_Dot3_3uYAQ{animation-delay:.5s}@keyframes index_cycleAnim_Vo179{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
.throbber_LoadingWrapper_3Z36h{display:flex;flex-direction:column;margin:0}.throbber_LoadingWrapper_3Z36h.throbber_Static_kwzRJ{animation-name:throbber_none_2iT5l}.throbber_LoadingWrapper_3Z36h.throbber_Static_kwzRJ *{animation-name:throbber_none_2iT5l !important;stroke-dasharray:initial !important;stroke-dashoffset:initial !important;stroke-width:5px !important;opacity:1 !important}.throbber_LoadingWrapper_3Z36h.throbber_Static_kwzRJ .throbber_bottomCircle_3-sjx path{stroke-width:0 !important}.throbber_LoadingWrapper_3Z36h.throbber_noString_M4pF_{flex-direction:row}.throbber_LoadingWrapper_3Z36h .throbber_Throbber_7MdwT,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber path{width:100%;height:100%;position:relative}.throbber_LoadingWrapper_3Z36h .throbber_Throbber_7MdwT{align-self:center;margin:0px;width:100%;height:100%}.throbber_LoadingWrapper_3Z36h.throbber_throbber_small_29-XT .throbber_Throbber_7MdwT{width:32px;height:32px}.throbber_LoadingWrapper_3Z36h.throbber_throbber_medium_1yqSo .throbber_Throbber_7MdwT{width:64px;height:64px}.throbber_LoadingWrapper_3Z36h.throbber_throbber_large_1u2tL .throbber_Throbber_7MdwT{width:92px;height:92px}.throbber_throbber_center_wrapper_Yi4EM{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.throbber_ThrobberText_1Zlvf,.throbber_LoadingWrapper_3Z36h .throbber_ThrobberText_1Zlvf{color:#3d85c8;font-size:12px;text-transform:uppercase;text-align:center;flex:1;user-select:none;margin-top:8px;font-weight:500}.throbber_LoadingWrapper_3Z36h.throbber_throbber_medium_1yqSo .throbber_ThrobberText_1Zlvf{margin-top:4px}.throbber_LoadingWrapper_3Z36h.throbber_throbber_small_29-XT .throbber_ThrobberText_1Zlvf{margin-top:2px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber.throbber_blur_3ebLc{filter:blur(3px);position:absolute;left:0;top:0px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber.throbber_blur_3ebLc path{stroke:#4375fd}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber path{stroke:#67c1f5;animation-name:throbber_ThrobberRoundLoop_3SEk8;animation-duration:.7s;stroke-linecap:butt;animation-iteration-count:infinite;animation-timing-function:linear;opacity:0}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundOuterOutline_3M8Ar,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundOuter_3H7At{stroke-dashoffset:0;stroke-dasharray:116;stroke-width:6px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundOuter_3H7At{opacity:1;stroke:#3b8bb9;stroke-width:6px;transform-origin:50% 50%;stroke-linecap:round}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundOuterOutline_3M8Ar{display:none}@keyframes throbber_ThrobberRoundLoop_3SEk8{to{stroke-dashoffset:-232}}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundFill_2FWWt{animation-name:throbber_ThrobberFillLoop_1-rlb;animation-duration:3s;animation-delay:-1.2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;opacity:1;stroke-width:0}@keyframes throbber_ThrobberFillLoop_1-rlb{0%{fill:rgba(103,193,245,0)}50%{fill:rgba(103,193,245,.05)}100%{fill:rgba(103,193,245,0)}}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_topCircle_3znUF .throbber_circlePulse_1oQUO,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_topCircle_3znUF circle{stroke:#67c1f5;animation-name:throbber_ThrobberTopCircleLoop_3oqZE;animation-duration:3s;animation-delay:-1.2s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:67% 36%}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_topCircle_3znUF circle{animation-name:throbber_ThrobberBottomCircleLoop_3veQr}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_bottomCircle_3-sjx path{fill:#67c1f5;stroke-width:0;animation-name:throbber_ThrobberBottomCircleLoop_3veQr;animation-duration:3s;animation-delay:-0.6s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes throbber_ThrobberTopCircleLoop_3oqZE{0%{opacity:0;transform:scale(0.75);stroke-width:4px}20%{opacity:.3}40%{opacity:0}50%{opacity:0;transform:scale(5);stroke-width:0px}100%{opacity:0;transform:scale(5);stroke-width:0px}}@keyframes throbber_ThrobberBottomCircleLoop_3veQr{0%{opacity:0}40%{opacity:1}80%{opacity:0}100%{opacity:0}}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber15_1gQte,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber14_3DXeR,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber13_5VEyI,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber12_wOdFm,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber11_3Jmyz,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber10_3QwXn,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber09_2Yhvq,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber08_3HcIU,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber07__2fn3,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber06_2gCCI,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber05_1SrtW,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber04_2P5xs,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber03_3zYDa,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber02_2_KYJ,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber01_3N41H{animation-name:throbber_ThrobberRoundLoopThickness_1wAwc;animation-duration:3s;stroke-dasharray:150 950}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber01_3N41H{animation-delay:0s;opacity:.06;stroke-width:.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber02_2_KYJ{animation-delay:-0.1s;opacity:.13;stroke-width:1px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber03_3zYDa{animation-delay:-0.2s;opacity:.2;stroke-width:1.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber04_2P5xs{animation-delay:-0.3s;opacity:.26;stroke-width:2px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber05_1SrtW{animation-delay:-0.4s;opacity:.33;stroke-width:2.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber06_2gCCI{animation-delay:-0.5s;opacity:.4;stroke-width:3px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber07__2fn3{animation-delay:-0.6s;opacity:.46;stroke-width:3.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber08_3HcIU{animation-delay:-0.7s;opacity:.53;stroke-width:4px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber09_2Yhvq{animation-delay:-0.8s;opacity:.6;stroke-width:4.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber10_3QwXn{animation-delay:-0.9s;opacity:.66;stroke-width:5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber11_3Jmyz{animation-delay:-1s;opacity:.73;stroke-width:5.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber12_wOdFm{animation-delay:-1.1s;opacity:.8;stroke-width:6px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber13_5VEyI{animation-delay:-1.2s;opacity:.86;stroke-width:6.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber14_3DXeR{animation-delay:-1.3s;opacity:.93;stroke-width:7px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber15_1gQte{animation-delay:-1.4s;opacity:1;stroke-width:7.5px}@keyframes throbber_ThrobberRoundLoopThickness_1wAwc{100%{stroke-dashoffset:-1100}}.throbber_throbber_small_29-XT{width:36px;height:36px}.throbber_throbber_medium_1yqSo{width:64px;height:64px}.throbber_throbber_large_1u2tL{width:92px;height:92px}.throbber_throbber_xlarge_2jzZM{width:120px;height:120px}.throbber_throbber_xxlarge_1DFOT{width:240px;height:240px}
.SVGIcon_Button{fill:#fff;overflow:visible;width:100%;height:100%;max-width:320px;max-height:320px}.shared_svg_library_EmoticonBow_S9_rt{position:absolute;top:-15px;right:0;bottom:0;left:0}.shared_svg_library_EmoticonBow_st0_1MS_8{opacity:.4;fill:#231f20}.shared_svg_library_EmoticonBow_st1_3nqUN{fill:#e41e25}.shared_svg_library_SteamDeckCompatInfo_2LcFI{display:flex;background-color:#0e141b;padding:2px;border-radius:20px}.shared_svg_library_SteamDeckCompatLogo_Tplfb{width:20px;height:20px}.shared_svg_library_SteamDeckCompatIcon_2hEWY{width:20px;height:20px}.shared_svg_library_SteamDeckCompatVerified_3mvZq{color:#59bf40}.shared_svg_library_SteamDeckCompatPlayable_S7BDm{color:#ffc82c}.shared_svg_library_SteamDeckCompatUnsupported_1SeOP,.shared_svg_library_SteamDeckCompatUnknown_15dEs{color:#dcdedf}
@keyframes steamdeckbootupthrobber_ItemFocusAnim-darkerGrey-nocolor_p-Xec{from{background:#3d4450}to{background:#23262e}}@keyframes steamdeckbootupthrobber_ItemFocusAnim-darkerGrey_2zGWv{from{background:#3d4450;color:#8b929a}to{background:#23262e;color:#fff}}@keyframes steamdeckbootupthrobber_ItemFocusAnim-darkGrey_2-3TO{from{background:#67707b;color:#8b929a}to{background:#3d4450;color:#fff}}@keyframes steamdeckbootupthrobber_ItemFocusAnim-grey_IFP1W{from{background:#8b929a;color:#fff}to{background:#67707b;color:#fff}}@keyframes steamdeckbootupthrobber_ItemFocusAnimBorder-darkGrey_1w_pm{from{border-color:#67707b}to{border-color:#3d4450}}@keyframes steamdeckbootupthrobber_ItemFocusAnim-green_2nv8F{from{background:#c9ffc9;color:#8b929a}to{background:#59bf40;color:#fff}}@keyframes steamdeckbootupthrobber_focusAnimation_3_tSH{0%{background-position:0% 0%;opacity:1}100%{background-position:-180% 0%;opacity:.8}}@keyframes steamdeckbootupthrobber_hoverAnimation_1NqZd{0%{background-position:0% 0%}100%{background-position:50% 0%}}.steamdeckbootupthrobber_Container_j78ib{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0e141b;z-index:10}.steamdeckbootupthrobber_Container_j78ib::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000;z-index:1}.steamdeckbootupthrobber_Container_j78ib.steamdeckbootupthrobber_MoviePlaying_3aJvw::after{animation:steamdeckbootupthrobber_fade_2V_oo;animation-duration:1500ms;animation-fill-mode:both;animation-timing-function:linear;animation-delay:50ms}.steamdeckbootupthrobber_Container_j78ib img{flex-grow:0;width:300px;height:300px;z-index:10}.steamdeckbootupthrobber_Container_j78ib video{flex-grow:1;width:100%; height:100%; z-index:10}@keyframes steamdeckbootupthrobber_fade_2V_oo{0%{opacity:1}100%{opacity:0}}
/*# sourceMappingURL=library.css.map*/
from steamdeck_startup_animations.
You need to replace css/library.css with:
button.DialogButton{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:0;font:inherit;overflow:visible;padding:0;margin:2px 0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:block;line-height:32px;color:#dfe3e6;font-size:14px;text-align:center;border-radius:2px;cursor:pointer;width:100%;transition:all .2s ease-out;background:#3d4450;background-position:99% 1%;background-size:300% 300%;position:relative}input.DialogInput::-moz-focus-inner,button.DialogButton::-moz-focus-inner{border:0;padding:0}.DialogInputPlaceholder::placeholder,.DialogInputPlaceholder::-webkit-input-placeholder{color:#969696;font-style:italic}.DialogInputPlaceholder::-ms-input-placeholder,.DialogInputPlaceholder:-ms-input-placeholder{color:#969696;font-style:italic}.PopupFullWindow{height:100%}.FullModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500}.FullModalOverlay.NotReadyToRender{background:#000}.FullModalOverlay .ModalPosition_Content{height:initial;width:initial;max-width:88vw;max-height:90vh}@media screen and (max-height: 640px){.FullModalOverlay .ModalPosition_Content{max-height:95vh}}.ModalOverlayContent{position:fixed;top:0;right:0;bottom:0;left:0}.ModalOverlayContent.inactive{z-index:5}.ModalOverlayContent.active{z-index:10}.ModalOverlayBackground{background:rgba(0,0,0,.8);z-index:7}.ModalOverlayBackground.NotificationBrowserWarning{background:rgba(0,0,0,.9)}.DialogBody{display:flex;flex-direction:column;flex:1;overflow:auto}.DialogBody a{color:#6dcff6;text-decoration:none}.DialogBody a:hover{color:#b0e9ff}.ModalDialogPopup .DialogContentTransition .DialogBody{overflow-y:scroll}.DialogInnerBody{flex:1;overflow:auto;padding-right:2px;padding-bottom:16px}.ModalDialogPopup .ModalDialogBody{margin:0px}.ModalDialogPopup .ModalDialogBody .title-area{height:80px}.ModalDialogPopup .DialogInnerBody{overflow-y:scroll;overflow-x:hidden}.ModalPosition{display:flex;align-content:center;height:100%;flex-direction:column}.ModalPosition:focus{outline:none}.ModalPosition.Hidden .ModalPosition_Content{visibility:hidden}.ModalDialogPopup .ModalPosition_Dismiss{display:none}.ModalPosition_Dismiss{position:absolute;right:4px;top:4px;z-index:1}.DeckVerifiedModalDialogClient .ModalPosition_Content{width:640px;font-weight:400}.DeckVerifiedModalDialogClient .DialogContent,.DeckVerifiedModalDialog .DialogContent{padding:calc(1.4vw + 12px) 2.8vw;background:#0e141b !important;font-family:"Motiva Sans",Arial,Helvetica,sans-serif;border:2px solid #23262e}.DeckVerifiedModalDialogClient .DialogContent{max-height:70vh}.DeckVerifiedModalDialog .DialogContent{max-height:85vh}.DeckVerifiedModalDialogClient .ModalPosition_TopBar,.DeckVerifiedModalDialog .ModalPosition_TopBar{display:none}.DeckVerifiedModalDialogClient .ModalPosition_Dismiss .closeButton,.DeckVerifiedModalDialog .ModalPosition_Dismiss .closeButton{width:20px;height:20px}.ModalPosition_Dismiss .closeButton{width:14px;height:14px;padding:4px;background-size:cover;cursor:pointer;background-image:none;border-radius:4px}.ModalPosition_Dismiss .closeButton .SVGIcon_X_Line line{stroke:#788a92;stroke-width:24px}.ModalPosition_Dismiss .closeButton:hover .SVGIcon_X_Line line{stroke:#fff}.ModalPosition_Dismiss .closeButton:hover{opacity:1}.ModalPosition_Content{box-shadow:0px 8px 38px 5px rgba(0,0,0,.75);margin:auto;font-weight:300;color:#969696;font-size:16px;position:relative;display:flex;flex-direction:column}.ModalPosition_Content>div:not(.ModalPosition_TopBar):not(.ModalPosition_Dismiss){min-height:0;min-width:0;flex-shrink:1;flex-grow:1}.PopupFullWindow .ModalPosition_Content>div:not(.ModalPosition_TopBar):not(.ModalPosition_Dismiss){flex:1}.DialogContent,.DialogContentTransition{background:radial-gradient(circle at top left, rgba(74, 81, 92, 0.4) 0%, rgba(75, 81, 92, 0) 60%),#25282e;user-select:none}.DialogContentTransition{display:flex;width:664px;max-width:calc(100% - 64px);flex:3.3;position:relative}.ModalDialogPopup .DialogContentTransition{display:block}.ModalDialogPopup .DialogContentTransition>.DialogContent{position:absolute;bottom:0;top:0;left:0;right:0}.DialogContent{padding:24px;display:flex;overflow:visible;position:relative}.DialogToggle_Label{user-select:none;display:flex;flex-direction:row}.DialogToggle_Label span{display:flex}.contextMenuItem .DialogToggle_Label{white-space:nowrap}._DialogNote{font-size:12px;text-transform:uppercase}._DialogCenterVertically{display:flex;flex-direction:column;justify-content:space-around}.DialogContent_InnerWidth{max-width:600px;flex:1;display:flex;flex-direction:column;overflow:auto}.DialogContent.DialogContentFullSize{width:max-content}.DialogContentFullSize .DialogContent_InnerWidth{max-width:none}.ModalDialogPopup .DialogContent{overflow:visible}.ModalDialogPopup .DialogContent_InnerWidth{max-width:none}.DialogContent_InnerWidth>form{display:flex;flex-direction:column;min-height:0;flex:1}.ModalPosition_TopBar{min-height:1px;background:linear-gradient(to right, #00ccff, #3366ff)}.Destructive .ModalPosition_TopBar{background:linear-gradient(to right, #c44848, #c44848)}.ModalDialogPopup .PopupFullWindow>.ModalPosition,.ModalDialogPopup .PopupFullWindow>.ModalPosition>.ModalPosition_Content{max-width:none;max-height:none;width:100%;height:100%}.DialogHeader{font-weight:300;font-size:32px;line-height:36px;letter-spacing:2px;color:#fff;text-transform:uppercase;flex-shrink:0;user-select:none;margin-right:26px;margin-bottom:12px}.DialogSubHeader{font-weight:300;font-size:24px;line-height:36px;letter-spacing:2px;color:#fff;text-transform:uppercase;flex-shrink:0;user-select:none;margin-right:26px}.DialogContent_InnerWidth .DialogBody .DialogHeader{margin-right:0px}.DialogHeaderSubtitle{color:#6e7985;font-size:22px;letter-spacing:1px;text-transform:none}.DialogHighlight{color:#4297f8}.DialogFooter{margin-top:16px;flex-shrink:0}.DialogBodyText{color:#969696;font-size:16px;line-height:19px;font-weight:300;margin-bottom:32px;user-select:none}.DialogBodyText p{user-select:text}.DialogBodyText p a{color:#969696;text-decoration:underline}.DialogBodyText p a:hover{color:#fff}.DialogLabel{cursor:default}.DialogLabel,.DialogLabelStrong{font-weight:300;color:#969696;text-transform:uppercase;line-height:19px;font-size:13px;margin-bottom:4px;user-select:none;letter-spacing:initial}.DialogLabelStrong .DialogLabel,.DialogLabel.DialogLabelStrong{text-transform:none;color:#dedede}.disabled .DialogLabelStrong .DialogLabel,.disabled .DialogLabel.DialogLabelStrong{color:#424853}.DialogHBar{flex:1;min-height:1px;max-height:1px;background:linear-gradient(to right, #393e47 0%, #40464f 20%, #393e47 100%);margin-bottom:16px}.OrSeparator .DialogHBar{margin:0}._DialogRow{display:flex;flex-direction:row;padding:4px;padding-left:12px;margin-bottom:6px;justify-content:space-between;flex-shrink:0}._DialogRow._DialogRowBackground{background:linear-gradient(to right, #383d45, #383d45)}._DialogRow ._DialogRowAction{flex:1}._DialogRow ._DialogRowSecondaryLabel,._DialogRow ._DialogRowLabel{flex:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;align-self:center;display:flex;flex-direction:row}._DialogRow ._DialogRowSecondaryLabel{display:block;flex:1;line-height:32px;text-align:center;margin:2px 0}._DialogRow ._DialogRowLabel .SVGIcon_Button{width:24px;height:24px}.disabledNotice{color:rgba(184,156,80,.75);margin-left:4px}.DialogLabelExplainer{text-transform:none;text-align:center;font-weight:300;color:#7e7e7e;font-size:13px;margin-top:4px}.DialogInput{border:1px solid #fff;display:block;line-height:22px;padding:10px}.DialogLabelExplainer.Left{text-align:left}.DialogInputRequirementLabel{color:#b80505;margin-left:15px}.DialogRequirementLabel{color:#b80505}.DialogInputLabelGroup{margin-bottom:22px}._DialogSection{margin-bottom:26px}.DialogTextInputBase,._DialogInputContainer{background:rgba(59,63,72,.5);color:#dfe3e6;font-size:14px;font-family:"Motiva Sans",Arial,Helvetica,sans-serif;font-weight:300;margin:0;border:none;border-radius:3px;box-shadow:inset 0px 0px 0px #0000;transition:all .2s ease-in-out}.DialogTextInputBase:focus,.DialogTextInputBase:focus-within{background:rgba(67,73,83,.6);box-shadow:inset 1px 1px 8px #000a;padding-left:11px}.DialogTextInputBase:not(:disabled):hover{background:rgba(67,73,83,.6)}.DialogTextInputBase:disabled:hover{background:rgba(67,73,83,.3)}._DialogInputContainer{padding:12px;line-height:18px;margin-bottom:22px}._DialogInputContainer:focus{outline:none}.DialogToggleField._DialogInputContainer{display:flex;justify-content:space-between;padding:6px;padding-left:12px}.DialogToggleField.Disabled .DialogToggle_Label{color:#555}.DialogDropDown._DialogInputContainer.Active{outline:none}.DialogTextInputBase.inviteURLLink{padding:0 12px;background:#30353b;margin-right:4px;flex-grow:4;box-shadow:inset 0px 0px 4px #0006;border:.5px solid rgba(139,153,170,.4);border-style:inset}.DialogTextInputBase:disabled,.DialogTextInputBase:read-only{color:rgba(136,136,136,.7)}.InviteLinksTable .DialogInput{padding:5px;margin:5px;margin-right:30px}.DialogInput_Wrapper{display:flex;flex-direction:row;position:relative;align-items:center}.DialogInput_Wrapper>input.DialogInput{flex:1}.DialogInput_Wrapper>input.DialogInput:focus{outline:none}button.DialogButton:focus{outline:none}button.DialogButton.DialogInput_CopyAction{width:auto;padding-left:16px;padding-right:16px}.DialogInput_ClearAction{position:absolute;right:12px;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.DialogInput_ClearAction svg{width:18px;height:18px}.DialogInput_ClearAction .SVGIcon_X_Line line{stroke-width:22px;stroke:#aaa}.DialogInput_ClearAction:hover .SVGIcon_X_Line line{stroke:#fff}button.DialogButton::before{pointer-events:none;user-select:none;content:" ";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 8px 16px 0 rgba(0,0,0,.3);opacity:0;transition:opacity 200ms ease-in-out}button.DialogButton:disabled:hover::before,button.DialogButton:disabled::before,button.DialogButton.Disabled:hover::before,button.DialogButton.Disabled::before{opacity:0}button.DialogButton:hover::before{opacity:1}button.DialogButton:active::before{opacity:0}button.DialogButton.DialogButtonTall{height:44px}.VoiceSettings .advancedSettingsButton{margin-bottom:0px;margin-top:16px}.VoiceSettings .advancedSettings{margin-bottom:16px}.DialogBody.VoiceSettings ._FixedHeight{padding-bottom:16px}button.DialogButton.Primary{background:transparent;background:linear-gradient(to right, #47bfff 0%, #1a44c2 60%);background-position:25%;background-size:330% 100%}button.DialogButton.GreenPlay{background:linear-gradient(to right, #8ac329 0%, #4a7a16 60%);background-position:25%;background-size:330% 100%}button.DialogButton.GreenPlay:hover,button.DialogButton.GreenPlay.gpfocus{background:linear-gradient(to right, #8ac329 0%, #4a7a16 60%);background-position:0%;background-size:330% 100%;color:#fff}button.DialogButton.GreenPlay:active,button.DialogButton.GreenPlay:active:hover,button.DialogButton.GreenPlay:active.gpfocus{background:linear-gradient(to right, #8ac329 0%, #4a7a16 60%);background-position:40%;transition-duration:.04s}button.DialogButton.Secondary.Off{box-shadow:inset 1px 1px 4px #0003}button.DialogButton:enabled:active,button.DialogButton:enabled:active:hover,button.DialogButton:enabled:active.gpfocus{background:#393f49;box-shadow:0 1px 4px 0 rgba(0,0,0,.6);transition-duration:.04s}button.DialogButton.Primary:hover,button.DialogButton.Primary.gpfocus{background:linear-gradient(to right, #47bfff 0%, #1a44c2 60%);background-position:0%;background-size:330% 100%;color:#fff}button.DialogButton.Primary:enabled:active,button.DialogButton.Primary:enabled:hover:active,button.DialogButton.Primary:enabled:active.gpfocus{background:linear-gradient(to right, #47bfff 0%, #1a44c2 60%);background-position:40%;transition-duration:.04s}button.DialogButton:hover,button.DialogButton.gpfocus{background:#464d58;color:#fff}button.DialogButton:disabled,button.DialogButton:disabled:hover,button.DialogButton.Disabled,button.DialogButton.Disabled:hover{background:rgba(61,67,77,.35);color:#464d58;box-shadow:none;cursor:default;pointer-events:none}button.DialogButton.Small{line-height:22px}button.TextButton{background-color:transparent;border:0px hidden transparent;font-family:"Motiva Sans",Arial,Helvetica,sans-serif;padding:0;color:#fff;cursor:pointer;font-weight:100;border-bottom:1px dotted #0000}button.TextButton .SVGIcon_Button{transition:all .2s ease-in-out;margin-right:2px}button.TextButton:hover,button.TextButton.gpfocus{color:#fff}button.TextButton:focus,button.TextButton.gpfocus{outline:none}.DialogButton .SVGIcon_Button{width:24px;height:24px;vertical-align:middle;margin-right:2px}.DialogButton:disabled .SVGIcon_Button,.DialogButton.Disabled .SVGIcon_Button{opacity:.1}.DialogToggleField_NewUIContainer{height:30px;display:flex;flex-direction:column;justify-content:center}.DialogToggleField_Control{float:right;position:relative;line-height:30px;overflow:hidden;border-radius:3px;background:#3a3f48;color:rgba(223,227,230,.5);font-size:14px;display:flex;flex-direction:row;cursor:pointer;user-select:none;align-self:flex-start;flex-shrink:0;margin-left:6px}.DialogToggleField_OptionPanel{display:flex}.DialogToggleField_Option{text-transform:uppercase;width:66px;text-align:center;cursor:pointer;transition-property:color,background;transition-duration:250ms}.DialogToggleField_Option:hover:not(.Active){background:#464d58}.Disabled .DialogToggleField_Option:hover:not(.Active),.Disabled .DialogToggleField_Option.Active,.Disabled .DialogToggleField_Option{background-color:transparent;color:#555;cursor:default}.Disabled .DialogToggleField_Option.Active{color:#666;background-color:#434953}.DialogToggle_Description{color:#999c9f;line-height:19px;font-size:13px;font-family:"Motiva Sans",Arial,Helvetica,sans-serif;padding-top:8px}.DialogToggleField_Option.Active{color:#dfe3e6;background:#2d73ff}.DialogToggleField_Option.Off.Active{color:#dfe3e6;background:#5f6875}.DialogToggleField_Option:hover{color:#fff}.DialogMenuPosition{position:absolute;z-index:1600;overflow:auto}.DialogMenuPosition:not(.visible){opacity:0;pointer-events:none}.DialogDropDown{cursor:pointer;position:relative}.DialogDropDown.Disabled{cursor:initial;opacity:.5}.DialogDropDown:hover{box-shadow:0 6px 8px 0 rgba(0,0,0,.16)}.DialogDropDown.Disabled:hover{box-shadow:unset}.DialogDropDown_CurrentDisplay:empty::before{content:" "}.DialogDropDown._DialogInputContainer{margin-bottom:0;user-select:none}.DialogDropDown_Arrow{position:absolute;width:18px;top:14px;right:10px}.DialogDropDown_Arrow .SVGIcon_DownArrowContextMenu{fill:#189cff}._DialogColLayout{display:flex;flex-flow:row wrap;justify-content:space-between}._DialogColLayout>._DialogLayout{flex:1;box-sizing:border-box}.DialogTwoColLayout>._DialogLayout{max-width:calc(50% - 14px);min-width:200px}.DialogThreeColLayout>._DialogLayout,.DialogTwoThirdColLayout>._DialogLayout:nth-child(2n+1){max-width:calc(33.33% - 9px);min-width:133px}.DialogTwoThirdColLayout>._DialogLayout{max-width:calc(66.66% - 18px);min-width:266px}.DialogLayout_NoMinWidth>._DialogLayout,.DialogTwoThirdColLayout.DialogLayout_NoMinWidth>._DialogLayout{min-width:0}.DialogDraggable{cursor:-webkit-grab;cursor:grab;user-select:none}.DialogDraggable.DraggedOut{display:none}.DialogDraggable_DropGhost{cursor:-webkit-grabbing;cursor:grabbing;opacity:.75}.DialogDraggable_DragGhost{cursor:-webkit-grabbing;cursor:grabbing;position:fixed;opacity:.75;z-index:5000}.DialogSlider_Container:focus{outline:none}.DialogSlider_Slider{border:4px solid #2a2d33;border-radius:10px;position:relative;height:10px;background:#202226;cursor:pointer;box-shadow:inset 0px 11px 8px -10px #131313;user-select:none}.DialogSlider_Value{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);border-top-left-radius:5px;border-bottom-left-radius:5px}.DialogSlider_Grabber{position:absolute;top:-1px;bottom:-3px;margin-left:-6px;width:12px;height:12px;background:linear-gradient(to bottom, #89e7ff 0%, #80aaff 80%);border-radius:50%;box-shadow:0px 0px 2px 2px rgba(0,0,0,.2)}.DialogProgressBar_ProgressBarContainer{border:4px solid #2a2d33;border-radius:10px;position:relative;height:10px;background:#202226;cursor:pointer;box-shadow:inset 0px 11px 8px -10px #131313;user-select:none;overflow:hidden}.DialogProgressBar_Value{height:100%;background:linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);border-top-left-radius:5px;border-bottom-left-radius:5px;width:0px;transition:all .2s linear}.DialogListBuilderInput_List{display:flex;flex-wrap:wrap;align-items:start;line-height:26px}.DialogListBuilderInput_Input{border:none;background:transparent;color:#fff;outline:none}.DialogListBuilderInput_Input:focus{outline:none}.DialogSpanningTable{width:100%;border-spacing:0px 6px;table-layout:fixed}.DialogSpanningTable th{font-weight:normal;text-align:left;font-size:12px;height:20px;text-transform:uppercase}.DialogSpanningTable.BannedUsersTable tr.hoverRow,.DialogSpanningTable.InvitedUsersTable tr.hoverRow,.DialogSpanningTable.InviteLinksTable tbody tr{background:linear-gradient(to right, #383d45, #383d45)}.DialogSpanningTable tr.hoverRow:hover{background-color:#393d46}.DialogSpanningTable td.friendCell{padding-left:4px;padding-top:4px;padding-bottom:4px}.DialogSpanningTable td.dateCell{text-align:left;font-size:14px}.DialogSpanningTable td.buttonCell{padding-left:5px;padding-right:10px}.BannedUsersTable th.friendColumn,.InvitedUsersTable th.friendColumn{width:auto}.BannedUsersTable th.dateColumn,.InvitedUsersTable th.dateColumn{width:175px}.BannedUsersTable th.buttonColumn,.InvitedUsersTable th.buttonColumn{width:130px}.InviteLinksTable .inviteCodeColumn{width:auto}.InviteLinksTable .dateColumn{width:175px}.InviteLinksTable .buttonColumn{width:130px}.DialogSpanningTable th.tableAlignRight,.DialogSpanningTable td.tableAlignRight{text-align:right}.DialogCheckbox_Container{cursor:pointer;padding:4px;margin-bottom:8px}.DialogCheckbox_Container .DialogCheckbox{float:left;margin-right:8px}.DialogCheckbox{width:22px;height:22px;background-color:#0004;padding:0;box-shadow:inset 1px .5px 3px rgba(1,1,1,.4);cursor:pointer;border-radius:2px}.DialogCheckbox .SVGIcon_DialogCheck{opacity:0;transition:all .1s ease-in-out;width:18px;height:18px;margin-top:9%;margin-left:12%}.DialogCheckbox .SVGIcon_DialogCheck path{stroke-width:40px;stroke-dashoffset:-270;transition:all .18s ease-out;transition-timing-function:cubic-bezier(1, 0, 1, 0.65);transition-delay:.3s}.DialogCheckbox.Active .SVGIcon_DialogCheck path{stroke-dashoffset:90;transition-timing-function:cubic-bezier(1, 0, 1, 0.65);transition-delay:0s}.DialogCheckbox.Active .SVGIcon_DialogCheck{opacity:1}.DialogCheckbox.Active .SVGIcon_DialogCheck #stop0{opacity:1}.DialogCheckbox.Disabled{cursor:default;opacity:.5;filter:saturate(0.35);box-shadow:none}.DialogCheckbox_Container:hover .DialogCheckbox:not(.Disabled),.DialogCheckbox:hover:not(.Disabled),.DialogCheckbox_Container:focus .DialogCheckbox:not(.Disabled),.DialogCheckbox:focus:not(.Disabled){background-color:#1e1f23}.DialogCheckbox_Container:focus,.DialogCheckbox:focus{outline:none}.DialogCheckbox .DialogCheck{width:100%;height:100%;margin:0;padding:0}.DialogRoundCheckboxField{width:24px;height:24px;border-radius:50%}.DialogRoundCheckboxField_Control{width:100%;height:100%;border-radius:50%;margin:0;padding:0;background-color:#24262b}.DialogRoundCheckboxField_OuterCircle{width:100%;height:100%;border-radius:50%;margin:0;padding:0;box-shadow:inset .5px 1px 3px rgba(1,1,1,.4);display:flex;justify-content:center;transition:background-color .08s ease-in-out}.DialogRoundCheckboxField_Container{cursor:pointer}.DialogRoundCheckboxField_Container:focus{outline:none}.DialogRoundCheckboxField_Container:hover .DialogRoundCheckboxField_OuterCircle{background-color:#1e1f23}.DialogRoundCheckboxField_Container.WithLabel .DialogRoundCheckboxField{float:left;margin-right:6px}.DialogRoundCheckboxField_Container .DialogToggle_Label{overflow:hidden}.DialogRoundCheckboxField_Control .DialogRoundCheckboxField_InnerCircle{width:50%;height:50%;border-radius:50%;align-self:center;box-shadow:0px 0px 8px rgba(31,141,254,.5);background:linear-gradient(to bottom, #00ccff 0%, #2d73ff 80%);transform:scale(0);opacity:0;transition:all .1s ease-in-out}.DialogRoundCheckboxField_Control.Active .DialogRoundCheckboxField_InnerCircle{box-shadow:1px 1px 1px 1px rgba(0,0,0,.2);transform:scale(1);opacity:1}.copiedAnimation{position:absolute;left:0;right:0;opacity:0;font-size:14px;text-transform:uppercase;letter-spacing:1px;text-align:center;color:#1b98ff;transition:all 0s ease-out;z-index:0;pointer-events:none;user-select:none}.copiedAnimation.animationComplete{opacity:0;transition-duration:1s;transition-delay:.5s}.copiedAnimation.animationPlaying{opacity:1;transition-property:transform,opacity;transition-duration:0s,.6s}._FixedHeight{flex-shrink:0}._FillAvailableHeightAndScroll{flex:1;min-height:0;overflow-y:scroll}ul{list-style-type:disc;list-style-position:inside}.title-area{position:absolute;top:0;bottom:0;left:0;right:0;min-height:18px;-webkit-app-region:drag;z-index:2}body.in_global_drag .title-area{-webkit-app-region:no-drag}.titleBarContainer{position:relative}.titleBarContainer .no-drag{-webkit-app-region:no-drag;z-index:3}.title-area .title-bar-actions{display:flex;flex-direction:row-reverse;position:absolute;top:0px;right:2px;bottom:0;max-height:24px;-webkit-app-region:no-drag;pointer-events:auto}.singleWindowFocusBar{width:100%;height:24px;background:linear-gradient(to right, #007896, #1f3d96);-webkit-mask:linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);mask:linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;opacity:0;transition:opacity .18s ease-in-out;pointer-events:none;user-select:none}.focused .singleWindowFocusBar{opacity:1;z-index:15}.title-area-highlight{height:24px;background:linear-gradient(to right, #007896, #1f3d96);-webkit-mask:linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);mask:linear-gradient(to bottom, black 0px, black 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.2) 8px, rgba(0, 0, 0, 0) 100%);opacity:0;transition:opacity .18s ease-in-out;pointer-events:none;user-select:none}.focused:not(.singlewindow) .title-area-highlight{opacity:1}.title-area-icon{width:24px;height:18px;margin:auto 0px auto 0px;background-repeat:no-repeat;background-position:center;-webkit-app-region:no-drag}.title-area-children{float:right;margin-right:84px;-webkit-app-region:no-drag;pointer-events:auto;position:absolute;top:4px;right:0px;text-align:right}.title-area-icon .SVGIcon_Minimize{width:14px;height:14px;margin-top:-2px;margin-left:4px}.title-area-icon .SVGIcon_Maximize{width:14px;height:14px;margin-top:-2px;margin-left:4px}.title-area-icon .SVGIcon_X_Line{width:14px;height:14px;margin-top:-2px;margin-left:4px}.title-area-icon .SVGIcon_X_Line line{stroke:#788a92;stroke-width:24px}.title-area-icon:hover .SVGIcon_Button rect,.title-area-icon:hover .SVGIcon_Button line,.title-area-icon:hover .SVGIcon_Button polyline{stroke:#fff}.ModalDialogPopup .maximizeRestoreButton{display:none}.window_resize_grip{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAR0lEQVRIx2P8z0AZYKJQPwMLyTqQncxIBReMGsDAwDjg6WAYGIAvKaMlWuyiA++FYWDAaFKmWlImKtFiFx14LwwDAwY+KQMAmkcKPwxTSEoAAAAASUVORK5CYII=);background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;width:24px;height:24px;opacity:.3;position:fixed;right:0px;bottom:0px;z-index:1000}.DialogBodyNotificationBar{font-size:12px;letter-spacing:0px;color:#52b8e0;line-height:18px;height:18px;display:flex;margin-top:-2px}.DialogBodyNotificationBar svg{height:13px;width:13px;margin-left:0px;margin-right:2px;margin-top:2px}.DialogBodyNotificationBar .SVGIcon_Lock .topLock{fill:#52b8e0}.DialogBodyNotificationBar .SVGIcon_Lock .baseLock{stroke:#52b8e0}.GenericConfirmDialog .friend{margin-top:10px}.GenericConfirmDialog .DialogButton{min-width:120px}.displayColumn{display:flex;flex-direction:column}.displayRow{display:flex;flex-direction:row}.fullheight{height:100%;top:0px;bottom:0px}.fullWidth{width:100%}.alignItemsCenter{align-items:center}.alignSelfCenter{align-self:center}.tempText{font-size:10px;color:#f50;width:400px;align-self:center}.allCaps{text-transform:uppercase}.flexShrinkNone{flex-shrink:0}.throbber{width:60px;height:90px;display:inline-block}.throbber_small{width:36px;height:36px}.throbber_medium{width:60px;height:60px}.throbber_large{width:92px;height:92px}.throbber_xlarge{width:120px;height:120px}.throbber_fixed{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.throbber_absolute{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.throbber>div{float:left;width:25%;height:100%;background-color:#67c1f5;animation:loading_throbber_bar 1s ease-in-out infinite}.throbber>div:nth-child(1){transform:scaleX(1) scaleY(0.6)}.throbber>div:nth-child(2){margin-left:12%;transform:scaleX(1) scaleY(0.6);animation-delay:.16s}.throbber>div:nth-child(3){margin-left:12%;transform:scaleX(1) scaleY(0.6);animation-delay:.32s}.WaitingForInterFaceReadyContainer{width:100%;height:100%;background-color:#1f2126;display:flex}.WaitingForInterFaceReadyThrobber{margin:auto;align-self:center;width:fit-content}.Throbber_Blur{position:absolute;filter:blur(12px);transform:scale(1.25)}@keyframes loading_throbber_bar{0%{transform:scaleX(1) scaleY(0.6)}30%{transform:scaleX(1) scaleY(1)}55%{transform:scaleX(1) scaleY(0.6)}100%{transform:scaleX(1) scaleY(0.6)}}.innerwidth{border:3px dashed #f80;flex:1;color:#fff}.form{border:1px dotted aqua;height:100%;display:flex;flex-direction:column}.A{background-color:#F006;height:40px}.B{background-color:#0f06;display:flex;flex-direction:column}.ScrollList{border:2px solid pink;background-color:#000a;margin:16px 32px;overflow-y:auto;overflow-x:hidden;height:200px;min-height:40px}.FixedHeight{border:2px outset red;height:60px;margin:4px 32px;background-color:#000a;margin-bottom:16px}.VariableHeight{border:2px inset blue;height:60px;margin:4px 32px;background-color:#000a}.C{background-color:#00f6;height:40px}.largeThrobber{width:64px;height:64px;margin-bottom:18px}.mediumThrobber{width:32px;height:32px;margin-bottom:24px}.smallThrobber{width:16px;height:24px}.whiteText{color:#fff}.textLink{color:#fff;text-decoration:underline} div:focus,a:focus,span:focus{outline:none} .index_Container_2mu1w{width:100%;height:100%;display:flex;flex-direction:row}.index_Container_2mu1w.index_PreloadThrobber_2dqG9{justify-content:center;align-items:center;flex-direction:column;background:linear-gradient(to bottom, #1f2224 0%, #292d32 200px)}.index_Container_2mu1w.index_PreloadThrobber_2dqG9 :first-child{filter:saturate(0.8)}.index_Container_2mu1w .index_ThreeDots_1yjvY{display:flex;justify-content:center;padding-top:12px}.index_Container_2mu1w .index_ThreeDots_1yjvY .index_Dot_Wd5cq{width:10px;height:10px;background-color:#88bad6;margin:0 10px;animation-name:index_cycleAnim_Vo179;animation-timing-function:steps(1, end);animation-duration:1.5s;animation-iteration-count:infinite}.index_Container_2mu1w .index_ThreeDots_1yjvY .index_Dot_Wd5cq.index_Dot1_2FQ_i{animation-delay:0s}.index_Container_2mu1w .index_ThreeDots_1yjvY .index_Dot_Wd5cq.index_Dot2_3Pd3-{animation-delay:.25s}.index_Container_2mu1w .index_ThreeDots_1yjvY .index_Dot_Wd5cq.index_Dot3_3uYAQ{animation-delay:.5s}@keyframes index_cycleAnim_Vo179{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}} .throbber_LoadingWrapper_3Z36h{display:flex;flex-direction:column;margin:0}.throbber_LoadingWrapper_3Z36h.throbber_Static_kwzRJ{animation-name:throbber_none_2iT5l}.throbber_LoadingWrapper_3Z36h.throbber_Static_kwzRJ *{animation-name:throbber_none_2iT5l !important;stroke-dasharray:initial !important;stroke-dashoffset:initial !important;stroke-width:5px !important;opacity:1 !important}.throbber_LoadingWrapper_3Z36h.throbber_Static_kwzRJ .throbber_bottomCircle_3-sjx path{stroke-width:0 !important}.throbber_LoadingWrapper_3Z36h.throbber_noString_M4pF_{flex-direction:row}.throbber_LoadingWrapper_3Z36h .throbber_Throbber_7MdwT,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber path{width:100%;height:100%;position:relative}.throbber_LoadingWrapper_3Z36h .throbber_Throbber_7MdwT{align-self:center;margin:0px;width:100%;height:100%}.throbber_LoadingWrapper_3Z36h.throbber_throbber_small_29-XT .throbber_Throbber_7MdwT{width:32px;height:32px}.throbber_LoadingWrapper_3Z36h.throbber_throbber_medium_1yqSo .throbber_Throbber_7MdwT{width:64px;height:64px}.throbber_LoadingWrapper_3Z36h.throbber_throbber_large_1u2tL .throbber_Throbber_7MdwT{width:92px;height:92px}.throbber_throbber_center_wrapper_Yi4EM{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.throbber_ThrobberText_1Zlvf,.throbber_LoadingWrapper_3Z36h .throbber_ThrobberText_1Zlvf{color:#3d85c8;font-size:12px;text-transform:uppercase;text-align:center;flex:1;user-select:none;margin-top:8px;font-weight:500}.throbber_LoadingWrapper_3Z36h.throbber_throbber_medium_1yqSo .throbber_ThrobberText_1Zlvf{margin-top:4px}.throbber_LoadingWrapper_3Z36h.throbber_throbber_small_29-XT .throbber_ThrobberText_1Zlvf{margin-top:2px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber.throbber_blur_3ebLc{filter:blur(3px);position:absolute;left:0;top:0px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber.throbber_blur_3ebLc path{stroke:#4375fd}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber path{stroke:#67c1f5;animation-name:throbber_ThrobberRoundLoop_3SEk8;animation-duration:.7s;stroke-linecap:butt;animation-iteration-count:infinite;animation-timing-function:linear;opacity:0}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundOuterOutline_3M8Ar,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundOuter_3H7At{stroke-dashoffset:0;stroke-dasharray:116;stroke-width:6px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundOuter_3H7At{opacity:1;stroke:#3b8bb9;stroke-width:6px;transform-origin:50% 50%;stroke-linecap:round}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundOuterOutline_3M8Ar{display:none}@keyframes throbber_ThrobberRoundLoop_3SEk8{to{stroke-dashoffset:-232}}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundFill_2FWWt{animation-name:throbber_ThrobberFillLoop_1-rlb;animation-duration:3s;animation-delay:-1.2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;opacity:1;stroke-width:0}@keyframes throbber_ThrobberFillLoop_1-rlb{0%{fill:rgba(103,193,245,0)}50%{fill:rgba(103,193,245,.05)}100%{fill:rgba(103,193,245,0)}}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_topCircle_3znUF .throbber_circlePulse_1oQUO,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_topCircle_3znUF circle{stroke:#67c1f5;animation-name:throbber_ThrobberTopCircleLoop_3oqZE;animation-duration:3s;animation-delay:-1.2s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:67% 36%}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_topCircle_3znUF circle{animation-name:throbber_ThrobberBottomCircleLoop_3veQr}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_bottomCircle_3-sjx path{fill:#67c1f5;stroke-width:0;animation-name:throbber_ThrobberBottomCircleLoop_3veQr;animation-duration:3s;animation-delay:-0.6s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes throbber_ThrobberTopCircleLoop_3oqZE{0%{opacity:0;transform:scale(0.75);stroke-width:4px}20%{opacity:.3}40%{opacity:0}50%{opacity:0;transform:scale(5);stroke-width:0px}100%{opacity:0;transform:scale(5);stroke-width:0px}}@keyframes throbber_ThrobberBottomCircleLoop_3veQr{0%{opacity:0}40%{opacity:1}80%{opacity:0}100%{opacity:0}}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber15_1gQte,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber14_3DXeR,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber13_5VEyI,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber12_wOdFm,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber11_3Jmyz,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber10_3QwXn,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber09_2Yhvq,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber08_3HcIU,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber07__2fn3,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber06_2gCCI,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber05_1SrtW,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber04_2P5xs,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber03_3zYDa,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber02_2_KYJ,.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber01_3N41H{animation-name:throbber_ThrobberRoundLoopThickness_1wAwc;animation-duration:3s;stroke-dasharray:150 950}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber01_3N41H{animation-delay:0s;opacity:.06;stroke-width:.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber02_2_KYJ{animation-delay:-0.1s;opacity:.13;stroke-width:1px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber03_3zYDa{animation-delay:-0.2s;opacity:.2;stroke-width:1.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber04_2P5xs{animation-delay:-0.3s;opacity:.26;stroke-width:2px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber05_1SrtW{animation-delay:-0.4s;opacity:.33;stroke-width:2.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber06_2gCCI{animation-delay:-0.5s;opacity:.4;stroke-width:3px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber07__2fn3{animation-delay:-0.6s;opacity:.46;stroke-width:3.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber08_3HcIU{animation-delay:-0.7s;opacity:.53;stroke-width:4px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber09_2Yhvq{animation-delay:-0.8s;opacity:.6;stroke-width:4.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber10_3QwXn{animation-delay:-0.9s;opacity:.66;stroke-width:5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber11_3Jmyz{animation-delay:-1s;opacity:.73;stroke-width:5.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber12_wOdFm{animation-delay:-1.1s;opacity:.8;stroke-width:6px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber13_5VEyI{animation-delay:-1.2s;opacity:.86;stroke-width:6.5px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber14_3DXeR{animation-delay:-1.3s;opacity:.93;stroke-width:7px}.throbber_LoadingWrapper_3Z36h .SVGIcon_Throbber .throbber_roundThrobber15_1gQte{animation-delay:-1.4s;opacity:1;stroke-width:7.5px}@keyframes throbber_ThrobberRoundLoopThickness_1wAwc{100%{stroke-dashoffset:-1100}}.throbber_throbber_small_29-XT{width:36px;height:36px}.throbber_throbber_medium_1yqSo{width:64px;height:64px}.throbber_throbber_large_1u2tL{width:92px;height:92px}.throbber_throbber_xlarge_2jzZM{width:120px;height:120px}.throbber_throbber_xxlarge_1DFOT{width:240px;height:240px} .SVGIcon_Button{fill:#fff;overflow:visible;width:100%;height:100%;max-width:320px;max-height:320px}.shared_svg_library_EmoticonBow_S9_rt{position:absolute;top:-15px;right:0;bottom:0;left:0}.shared_svg_library_EmoticonBow_st0_1MS_8{opacity:.4;fill:#231f20}.shared_svg_library_EmoticonBow_st1_3nqUN{fill:#e41e25}.shared_svg_library_SteamDeckCompatInfo_2LcFI{display:flex;background-color:#0e141b;padding:2px;border-radius:20px}.shared_svg_library_SteamDeckCompatLogo_Tplfb{width:20px;height:20px}.shared_svg_library_SteamDeckCompatIcon_2hEWY{width:20px;height:20px}.shared_svg_library_SteamDeckCompatVerified_3mvZq{color:#59bf40}.shared_svg_library_SteamDeckCompatPlayable_S7BDm{color:#ffc82c}.shared_svg_library_SteamDeckCompatUnsupported_1SeOP,.shared_svg_library_SteamDeckCompatUnknown_15dEs{color:#dcdedf} @keyframes steamdeckbootupthrobber_ItemFocusAnim-darkerGrey-nocolor_p-Xec{from{background:#3d4450}to{background:#23262e}}@keyframes steamdeckbootupthrobber_ItemFocusAnim-darkerGrey_2zGWv{from{background:#3d4450;color:#8b929a}to{background:#23262e;color:#fff}}@keyframes steamdeckbootupthrobber_ItemFocusAnim-darkGrey_2-3TO{from{background:#67707b;color:#8b929a}to{background:#3d4450;color:#fff}}@keyframes steamdeckbootupthrobber_ItemFocusAnim-grey_IFP1W{from{background:#8b929a;color:#fff}to{background:#67707b;color:#fff}}@keyframes steamdeckbootupthrobber_ItemFocusAnimBorder-darkGrey_1w_pm{from{border-color:#67707b}to{border-color:#3d4450}}@keyframes steamdeckbootupthrobber_ItemFocusAnim-green_2nv8F{from{background:#c9ffc9;color:#8b929a}to{background:#59bf40;color:#fff}}@keyframes steamdeckbootupthrobber_focusAnimation_3_tSH{0%{background-position:0% 0%;opacity:1}100%{background-position:-180% 0%;opacity:.8}}@keyframes steamdeckbootupthrobber_hoverAnimation_1NqZd{0%{background-position:0% 0%}100%{background-position:50% 0%}}.steamdeckbootupthrobber_Container_j78ib{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0e141b;z-index:10}.steamdeckbootupthrobber_Container_j78ib::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000;z-index:1}.steamdeckbootupthrobber_Container_j78ib.steamdeckbootupthrobber_MoviePlaying_3aJvw::after{animation:steamdeckbootupthrobber_fade_2V_oo;animation-duration:1500ms;animation-fill-mode:both;animation-timing-function:linear;animation-delay:50ms}.steamdeckbootupthrobber_Container_j78ib img{flex-grow:0;width:300px;height:300px;z-index:10}.steamdeckbootupthrobber_Container_j78ib video{flex-grow:1;width:100%; height:100%; z-index:10}@keyframes steamdeckbootupthrobber_fade_2V_oo{0%{opacity:1}100%{opacity:0}} /*# sourceMappingURL=library.css.map*/
Hi! Any chance you're missing something? I tried replacing the library css with this but upon restarting, it just ran the logo recovery sequence and put the default logo back. Do I have to do anything else to the library css file?
from steamdeck_startup_animations.
@KylePRowe There's a chance the formatting messed up slightly when I pasted it into github. The file has to be the exact size it's expecting otherwise it removes it.
Basically, the change you want to make to the default library.css is to find the part of the CSS that starts with video{
and replace the bit directly after that (everything before the next }
) with:
flex-grow:1;width:100%; height:100%; z-index:10
It has to be exactly like that, including the spaces where they are, in order to work. If you did it correctly the file size should be exactly the same.
from steamdeck_startup_animations.
@KylePRowe There's a chance the formatting messed up slightly when I pasted it into github. The file has to be the exact size it's expecting otherwise it removes it. Basically, the change you want to make to the default library.css is to find the part of the CSS that starts with
video{
and replace the bit directly after that (everything before the next}
) with:flex-grow:1;width:100%; height:100%; z-index:10It has to be exactly like that, including the spaces where they are, in order to work. If you did it correctly the file size should be exactly the same.
Ah! Got it. Your CSS was perfectly fine. While the file was reporting 38488, I still had to run truncate on it. So it seems that running truncate is a necessity
from steamdeck_startup_animations.
I'm having real issues getting this to work. I can get the video to play non full screen. I copied everything exactly for the library.css. I ran the command truncate -s 38488 library.css reboot and then I'm back to my default stuff. I even got someone to just send me their library.css file and replaced mine with it, and it does the same thing. Back to default. What the hell am I doing wrong here?!
from steamdeck_startup_animations.
I'm having real issues getting this to work. I can get the video to play non full screen. I copied everything exactly for the library.css. I ran the command truncate -s 38488 library.css reboot and then I'm back to my default stuff. I even got someone to just send me their library.css file and replaced mine with it, and it does the same thing. Back to default. What the hell am I doing wrong here?!
It seems to be very finnicky. I haven't tried again since i got it to work before but, my exact process was:
- Get video of choice
- Replace deck_startup.webm with video of choice
- Run truncate -s on the new deck_startup.webm file (I forget the exact truncate value but you can look at the original file for reference
- Replace the code in the library.css file
- Run truncate -s on the library.css file
Mine was fine after that. If the Deck detects ANY difference in the webm or css file sizes, it'll run the recovery sequence.
from steamdeck_startup_animations.
I've done that. I've done it so may times.
from steamdeck_startup_animations.
Here's exactly what I've been doing:
- Replace deck_startup.webm with the video I want
- truncate -s 1840847 deck_startup.webm
- Edit the video{} line in library.css
- truncate -s 38488 library.css
- save the file
- reboot
That's what I've been doing with 0 luck. Step 1 and 2 will work. If I reboot there I can see the video playing, not in full screen. Then when I do the rest of the steps, it resets back to default.
from steamdeck_startup_animations.
im having no success at all, i keep changing the library.css content, but it changes back to how it was before.
and you guys mention something about truncate, whats that ? cant seem to find in the discover me app center.
from steamdeck_startup_animations.
im having no success at all, i keep changing the library.css content, but it changes back to how it was before.
and you guys mention something about truncate, whats that ? cant seem to find in the discover me app center.
I'm glad I'm not alone in this. I've had 0 luck with this
from steamdeck_startup_animations.
ahahah yeah bud, your not alone, i hope we can get a solution for this.
from steamdeck_startup_animations.
ahahah yeah bud, your not alone, i hope we can get a solution for this.
I got someone to even send me there library.css file and replaced mine with it, and it still happens.
from steamdeck_startup_animations.
I figured out my damn issue. My default size for my library file was NOT the same as the one where I got the instructions from. So all I had to do was truncate to the right size. I'm an idiot
from steamdeck_startup_animations.
can you please explain how you did it step by step, im not familiar with truncate or were do get it.
from steamdeck_startup_animations.
can you please explain how you did it step by step, im not familiar with truncate or were do get it.
Replace deck_startup.webm with the video I want while in that movies directory hitbshift f4. Type truncate -s 1840847 deck_startup.webm Go to the css directory and check the file size of library.css Note it down. Edit the video{} line in library.css with the code mentioned above. save. Hitbshift f4 in the css directory. Type truncate -s TheFileSizeYouWrote library.css reboot
jesus, thank you so kindly, this really helped, im able to get fullscreen.
Did 3 restarts with 3 different intros in fullscreen which is great nd indicates that is working as designed. But what if i preffer only one intro out of the entire list or maybi 3, would that be possible by deleting the intro files that i dont like to have ?
from steamdeck_startup_animations.
I dunno what you mean about having multiple intros. I just have one intro that I made myself which I'm using. So I can't help you with that. Sorry.
from steamdeck_startup_animations.
i was referring to the actual guide to install this mod, inside my homebrew folder there is deck startup folder containing 17 intro videos. those intro videos will play randomly whenever you restart the deck, but 17 is allot, so i just wanted to have just 3 intro videos to start randamly instead of randomly playing between 17 intro s.
I tried it and it works, you can delete the intro videos that you dont like, which works pretty good.
But I would also like to have other custom intro videos, but no idea how hard that is to create nd implement for the steamdeck.
from steamdeck_startup_animations.
people found a way to make the video play more than 10s also, confirmed and tested on my Deck
-in your steamui folder, there is a file called library.js. note down its original size.
-open it in kwrite, and find a value called 1e4. you want the one that is next to object(f.y)
-edit 1e4 to say 2e4, this is our maximum video time.
-save the file, and then truncate it like you did with library.css, keeping the original size
-restart your deck.
ref: reddit comment
from steamdeck_startup_animations.
I can't seem to find that value anywhere.
I can find a few 1e4 when I search, but none next to object(f.y)
from steamdeck_startup_animations.
people found a way to make the video play more than 10s also, confirmed and tested on my Deck
-in your steamui folder, there is a file called library.js. note down its original size.
-open it in kwrite, and find a value called 1e4. you want the one that is next to object(f.y)
-edit 1e4 to say 2e4, this is our maximum video time.
-save the file, and then truncate it like you did with library.css, keeping the original size
-restart your deck.ref: reddit comment
https://i.imgur.com/g8UzhNr.jpg
those are the only instances of 1e4 I have in my file. I dunno what's going on here.
from steamdeck_startup_animations.
Here's exactly what I've been doing:
- Replace deck_startup.webm with the video I want
- truncate -s 1840847 deck_startup.webm
- Edit the video{} line in library.css
- truncate -s 38488 library.css
- save the file
- reboot
That's what I've been doing with 0 luck. Step 1 and 2 will work. If I reboot there I can see the video playing, not in full screen. Then when I do the rest of the steps, it resets back to default.
where is the video line in library.css i cant find it im struggling so hard trying to get full screen
from steamdeck_startup_animations.
how did you find the file size this is where im stuck
from steamdeck_startup_animations.
I submitted a PR which fixes this issue, see #7 - you can pull it/check it out if you don't want to wait for kageurufu to merge it in!
It replaces it every boot, so this should last across updates. In addition, it doesn't add or remove any characters (only changes them) so the truncate command is not necessary.
This repo is awesome, keep up the great work @kageurufu !
from steamdeck_startup_animations.
I've merged #7, I'm slowly working on a V2 of this whole project but life keeps getting in the way :/
from steamdeck_startup_animations.
Related Issues (9)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from steamdeck_startup_animations.