.overlay_page{opacity:0;visibility:hidden;position:fixed;top:100vh;left:0;width:100vw;height:100vh;background-color:inherit;z-index:100;overflow-y:scroll;transition:top 0.5s ease-in-out,opacity 0.5s ease-in-out,visibility 0.5s ease-in-out;}.overlay_page>div{position:relative;z-index:1;padding-bottom:20px;}.overlay_page.dragging{transition:none;overflow:hidden;}body[data-mobile=false] .overlay_page{margin-top:var(--header-height);height:calc(100vh - var(--header-height));}body[data-mobile=false] .overlay_page>div{min-height:calc(100vh - var(--header-height));}:root{--profile-page-img-size:100px;--profile-header-padding:20px;--profile-header-right-column-width:200px;}.profile_header{padding:var(--profile-header-padding);}.profile_header .middle-column{overflow-wrap:anywhere;}.profile_header .right-column{display:flex;gap:5px;align-items:end;position:relative;flex-direction:column;justify-content:flex-end;}.profile_header.grid-container{grid-template-columns:var(--profile-page-img-size) calc(100% - var(--profile-page-img-size) - var(--profile-header-right-column-width) - var(--profile-header-padding)) var(--profile-header-right-column-width);grid-gap:10px;}.profile_header .profile_thumbnail img,.profile_header .profile_thumbnail svg,.profile_header .profile_thumbnail{width:var(--profile-page-img-size);height:var(--profile-page-img-size);border-radius:10%;}@media (max-width:600px){.profile_header.grid-container{grid-template-columns:unset;justify-items:center;text-align:center;}.profile_header .right-column{flex-direction:unset;}}.overlay.starvatar_overlay{transform:translate(-50%,50%);max-height:95vh;}.starvatar_overlay .starvatar_container{padding-bottom:10px;}.starvatar_overlay .starvatar{max-height:30vh;border-radius:10%;}.starvatar_overlay .shelves_container{height:50vh;overflow-y:scroll;}.shelf.starvatar_shelf{padding-top:15px;}.starvatar_shelf>div svg{width:100px;border:solid 5px transparent;}.starvatar_shelf>div.selected svg{border:solid 5px var(--primary-color);}#profile_overlay:not(.authenticated) #add_channel_btn{display:none;}#profile_overlay:not(.authenticated) .right-column{display:none;}#profile_overlay.authenticated .shelf_container,#profile_overlay.authenticated #account_container{display:block;}.btn.notification{text-align:left;justify-content:left;}#notifications_overlay_content{display:grid;grid-gap:5px;}.shelves{flex-direction:column;align-items:normal;padding:0 20px;}.shelf_container{display:none;background-color:var(--divider-color-translucent);border-radius:20px;padding:10px 20px;}.shelf_container .shelf_title{margin-bottom:-20px;}.shelf{grid-gap:10px;display:flex;overflow-x:scroll;padding-top:30px;}.shelf .vid_tile{position:relative;}.shelf .remove_btn{position:absolute;z-index:100;right:-10px;top:-10px;padding:5px;background-color:#555555;transform:scale(0.7);}.shelf_container .vid_tile_contents{flex-direction:column;width:160px;}.shelf_container .vid_tile_title{font-size:13px;text-align:center;}.vid_tile.placeholder:not(:last-child){display:none;}@media (max-width:400px){.shelves{padding:0;}.shelf_container{border-radius:0;padding-right:0;}}body.offline #downloads_shelf_container{display:block;}body:not(.offline) #channels_shelf_container{display:block;}#channels_shelf_container .channel_tile_mini{animation:popIn 0.5s;}#channels_shelf_container .btn{border:solid 1px var(--secondary-divider-color);border-radius:10%;overflow:hidden;position:relative;padding:0;}#channels_shelf_container .btn:hover{border:solid 1px var(--secondary-divider-color);transform:scale(0.99);transition:transform 0.2s;}#channels_shelf_container img{width:var(--profile-page-img-size);height:var(--profile-page-img-size);filter:saturate(0.5);}#channels_shelf_container .img_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;transition:opacity 0.2s;font-size:15px;font-weight:600;margin:0;}#channels_shelf_container .btn:hover .img_overlay{background-color:rgba(70,70,70,0.5);}#channels_shelf_container #add_channel_btn{width:var(--profile-page-img-size);height:var(--profile-page-img-size);display:flex;align-items:center;justify-content:center;overflow:unset;}#channels_shelf_container #add_channel_btn>div{width:calc(var(--profile-page-img-size) /2);height:calc(var(--profile-page-img-size) /2);background-color:var(--secondary-divider-color);border-radius:50%;}#channels_shelf_container #add_channel_btn svg{height:100%;width:100%;}#account_container{display:none;}body.profile #profile_overlay{opacity:1;visibility:visible;top:0;}body.profile{overflow:hidden;}.channel_header .channel_info .channel_stats{color:var(--text-secondary-color);}#channel_overlay .vid_tile .vid_tile_channel{display:none;}body.channel #channel_overlay{opacity:1;visibility:visible;top:0;z-index:200;}body.channel{overflow:hidden;}:root{--full-width-vid-height:calc(100vw * 0.5625);}#engagement_row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}#vid_action_div{gap:5px;flex-grow:1;justify-content:right;}.below_video_section{background-color:var(--divider-color);border-radius:15px;padding:10px 15px;font-size:1em;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;cursor:pointer;margin-top:1em;}#description_div>#vid_description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;}.below_video_overlay{visibility:hidden;opacity:0;position:absolute;top:300px;min-height:0;max-height:0;left:0;width:100%;background-color:var(--background-color);z-index:1;padding:20px;border-radius:10px;border:3px solid var(--divider-color);transition:all 0.5s;overflow-y:auto;}body.watch:not(.pip) .below_video_overlay.active{visibility:visible;opacity:1;top:0;min-height:100%;max-height:9999%;}body[data-mobile=true] .below_video_overlay{position:fixed;height:calc(100vh - var(--full-width-vid-height) + 2px);min-height:unset;}body.watch:not(.pip)[data-mobile=true] .below_video_overlay.active{top:var(--full-width-vid-height);min-height:calc(100% - var(--full-width-vid-height));}#vid_views-date{display:flex;flex-direction:row;gap:1em;font-weight:600;}#comment_form{display:grid;grid-template-columns:1fr auto;gap:5px;}.comment{align-items:flex-start;margin:7px 0;position:relative;z-index:1;}.comment_left{display:grid;justify-items:center;gap:5px;}.comment_right{width:100%;}.comment_right_top{display:flex;justify-content:space-between;}.comment_btns{display:none;}.own_comment>.comment_right>.comment_right_top .comment_btns{display:flex;}#comments_div #preview_comment .comment_content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;}.below_video_section .reply_div{display:none;}#open_reply_btn{background-color:transparent;border:1px solid transparent;font-weight:bold;}#open_reply_btn:hover{background-color:var(--divider-color);border:1px solid var(--divider-color);}#reply_form{display:flex;flex-direction:column;gap:5px;}.reply_btns_div{display:flex;justify-content:flex-end;gap:5px;}.replies_div{margin-left:-20px;}.comment:not(.expand) .replies_div{display:none;}.expand_replies_btns_div{position:absolute;transform:translate(-50%,70%);}.expand_replies_btns_div .clickable_icon{background-color:var(--background-color);border:2px solid var(--disabled-color);opacity:1;}.branch_border{position:absolute;border:1px solid white;border-top:none;border-right:none;width:20px;height:calc(100% - 40px);top:30px;left:15px;border-radius:0 0 0 20px;cursor:pointer;opacity:0.8;}.comment:not(.expand) .branch_border{border-bottom:none;border-radius:0;}.comment[data-num-replies="0"] .branch_border,.below_video_section .branch_border,.comment.expand>.branch_border #expand_replies_btn,.comment:not(.expand) #collapse_replies_btn{display:none;}.branch_border:hover{opacity:1;}.channel_icon{width:40px;height:40px;border-radius:100%;cursor:pointer;}video{width:100%;}.vid_player_container{display:flex;width:100%;padding:10px 20px 0 20px;}body.watch #watch_overlay>.grid-container{grid-template-columns:100%;}body[data-mobile=true][data-landscape=true] .vid_player_container{aspect-ratio:unset;background-color:black;}.below_video_container{position:relative;}.below_video{padding:10px 20px 20px 20px;}body[data-mobile=true] .below_video_container{margin-top:var(--full-width-vid-height);}@media screen and (min-width:1000px){body.watch #watch_overlay>.grid-container{grid-template-columns:65% auto;}body #watch_overlay .right-column{padding:0;padding-top:20px;}}.share_overlay_content{display:flex;flex-direction:column;gap:0.5em;}.sleep_timer_overlay_content{display:flex;flex-direction:column;gap:0.5em;}#current_sleep_timer:not(.active){display:none;}#sleep_timer_value,#current_sleep_timer{padding:5px 10px;background-color:var(--disabled-color);border-radius:5px;}.sleep_timer_overlay_content input[type=range]{margin-bottom:10px;};body:not(.watch) #watch_overlay .overlay_background,body.pip #watch_overlay .overlay_background{display:none;}#watch_overlay{z-index:300;}body.watch #watch_overlay{opacity:1;visibility:visible;}body.watch:not(.pip) #watch_overlay{top:0;}body.watch:not(.pip){overflow:hidden;}body.pip #watch_overlay{top:100vh;overflow:visible;}#vid_channel_icon{display:none;}.timeline .preview-img{display:none!important;}#yt_sub{display:none;}html{--player-color:#f1f1f1;--controls-delay:0ms;--fade_duration:150ms;}/* body[data-mobile=true] .volume-container{display:none;}*/ body[data-mobile=true] .vid_player_container{padding:0;position:fixed;z-index:2;}body[data-mobile=true] .thumbnail-img,body[data-mobile=true] .video-wrapper,body[data-mobile=true] .video-controls-container::before{border-radius:0 !important;}@media screen and (max-width:600px){.vid_player_container{padding:0;}.thumbnail-img,.video-wrapper,.video-controls-container::before{border-radius:0 !important;}}@media screen and (max-width:400px){.volume-container{display:none !important;}}/* body[data-mobile=true][data-landscape=true] .video-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999999999999;width:100vw;height:100vh;}*/ body[data-mobile=true] .video-container{width:100vw;}.video-container{position:relative;width:100%;max-height:var(--innerHeight);aspect-ratio:16/9;flex:1;max-width:1000px;display:flex;justify-content:center;margin-inline:auto;}.video-container.theater,.video-container.full-screen{max-width:initial;width:100%;}.video-container.theater{max-height:90vh;}.video-container.full-screen{max-height:100vh;}.video-wrapper{width:100%;max-height:100vh;filter:brightness(1);transition:filter var(--fade_duration) ease-in-out;transition-delay:var(--controls-delay);overflow:hidden;border-radius:10px;user-select:none;}.video-brightness-wrapper{width:100%;height:100%;align-items:center;}video{width:100%;height:100%;background-position:center;background-size:cover;}.video-controls-container{position:absolute;bottom:0;left:0;right:0;color:white;z-index:100;opacity:0;visibility:hidden;transition:opacity var(--fade_duration) ease-in-out,visibility var(--fade_duration) ease-in-out;}body[data-tablet=true] .video-controls-container,body[data-mobile=true] .video-controls-container{display:flex;flex-direction:column-reverse;}body[data-tablet=true][data-landscape=false] .video-container:not(.full-screen) .video-controls-container,body[data-mobile=true][data-landscape=false] .video-container:not(.full-screen) .video-controls-container{bottom:-10px;}body[data-mobile=false][data-tablet=false] .video-controls-container::before{content:"";position:absolute;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);width:100%;aspect-ratio:6 / 1;z-index:-1;pointer-events:none;border-radius:10px;}body[data-mobile=false][data-tablet=false] .video-container.paused .video-controls-container,.video-container.controls-active .video-controls-container{opacity:1;visibility:visible;}body[data-tablet=true] .video-container.controls-active .thumbnail-img,body[data-tablet=true] .video-container.controls-active .video-wrapper,body[data-mobile=true] .video-container.controls-active .thumbnail-img,body[data-mobile=true] .video-container.controls-active .video-wrapper{filter:brightness(0.5);}.video-controls-container .controls{display:flex;gap:1rem;padding:0 1rem;align-items:center;height:40px;}.video-container button{background:none;border:none;color:inherit;padding:0;height:40px;width:40px;font-size:1.1rem;cursor:pointer;opacity:.85;transition:opacity 150ms ease-in-out;}.video-controls-container .controls button svg{max-width:30px;max-height:30px;}.video-container .minimize_btn{display:none;}.video-container.controls-active .minimize_btn{display:block;position:absolute;top:0;right:0;z-index:1;}body[data-tablet=true] .video-container .small-play-pause-btn,body[data-mobile=true] .video-container .small-play-pause-btn{display:none;}.video-container .big-play-pause-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100px;width:100px;z-index:1;opacity:0;visibility:hidden;transition:opacity var(--fade_duration) ease-in-out,visibility var(--fade_duration) ease-in-out;}body[data-tablet=true] .video-container.controls-active .big-play-pause-btn,body[data-mobile=true] .video-container.controls-active .big-play-pause-btn{opacity:0.85;visibility:visible;}body.blue-filter .icon-glasses,.icon-sunglasses{display:none;}.icon-glasses,body.blue-filter .icon-sunglasses{display:block;}body[data-mobile=false][data-tablet=false] .loop-btn,.loop-btn.active .icon-loop,.icon-loop-active{display:none;}.icon-loop,.loop-btn.active .icon-loop-active{display:block;}.video-controls-container .controls button:hover{opacity:1;}.video-container button:focus{outline:none;}.video-container.paused .pause-icon{display:none;}.video-container:not(.paused) .play-icon{display:none;}.video-container.theater .tall{display:none;}.video-container:not(.theater) .wide{display:none;}.video-container.fake-full-screen .open,.video-container.full-screen .open{display:none;}.video-container:not(.full-screen):not(.fake-full-screen) .close_{display:none;}.video-container .mute-btn,.video-container .brightness-btn{display:flex;align-items:center;justify-content:center;}.video-container .mute-btn svg,.video-container .brightness-btn svg{width:24px;}.volume-high-icon,.volume-low-icon,.volume-muted-icon{display:none;}.brightness-high-icon,.brightness-low-icon,.brightness-muted-icon{display:none;}.video-container[data-volume-level="high"] .volume-high-icon{display:block;}.video-container[data-brightness-level="high"] .brightness-high-icon{display:block;}.video-container[data-volume-level="low"] .volume-low-icon{display:block;}.video-container[data-brightness-level="low"] .brightness-low-icon{display:block;}.video-container[data-volume-level="muted"] .volume-muted-icon{display:block;}.video-container[data-brightness-level="muted"] .brightness-muted-icon{display:block;}.control-container{display:flex;align-items:center;height:100%;position:relative;}.video-container .slider{height:40px;width:13px;transform-origin:left;transform:scaleX(0);transition:width 200ms ease-in-out,transform 200ms ease-in-out;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;}body[data-tablet=true] .video-container .slider,body[data-mobile=true] .video-container .slider{transform:scaleX(1);writing-mode:vertical-rl;direction:rtl;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);height:35vw;max-height:60vh;width:50px;}body[data-mobile=false][data-tablet=false] .control-container:hover .slider,body[data-mobile=false][data-tablet=false] .video-container .slider:focus-within{width:100px;transform:scaleX(1);}.video-container .slider::-webkit-slider-runnable-track{background:var(--disabled-color);border-radius:5px;}body[data-mobile=false][data-tablet=false] .video-container .slider::-webkit-slider-runnable-track{height:0.2rem;}body[data-mobile=true] .video-container .slider::-webkit-slider-runnable-track,body[data-tablet=true] .video-container .slider::-webkit-slider-runnable-track{width:0.2rem;}.video-container .slider::-moz-range-track{background:var(--disabled-color);border-radius:5px;}body[data-mobile=false][data-tablet=false] .video-container .slider::-moz-range-track{height:0.2rem;}body[data-mobile=true] .video-container .slider::-moz-range-track,body[data-tablet=true] .video-container .slider::-moz-range-track{width:0.2rem;}.video-container .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:white;height:0.8rem;width:0.8rem;border-radius:5rem;}body[data-mobile=false][data-tablet=false] .video-container .slider::-webkit-slider-thumb{transform:translateY(-40%);}body[data-mobile=true] .video-container .slider::-webkit-slider-thumb,body[data-tablet=true] .video-container .slider::-webkit-slider-thumb{transform:translateX(37.5%);}.video-container .slider::-moz-range-thumb{border:none;border-radius:5rem;/* In Firefox it's already in the middle,but for some reason this is necessary to keep the thumb in front of the slider */ transform:translateY(0%);background-color:white;height:0.8rem;width:0.8rem;}.duration-container{display:flex;align-items:center;gap:.25rem;font-size:0.8em;user-select:none;}.video-container.captions .captions-btn{border-bottom:3px solid var(--player-color);}.video-controls-container .controls button.wide-btn{width:50px;}.timeline-container{height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:flex-end;}body[data-tablet=true] .timeline-container,body[data-mobile=true] .timeline-container{width:100%;margin:0;padding:20px;margin-top:5px;}body[data-tablet=true][data-landscape=false] .video-container:not(.full-screen) .timeline-container,body[data-mobile=true][data-landscape=false] .video-container:not(.full-screen) .timeline-container{padding:10px;}.timeline{background-color:rgba(100,100,100,.5);height:3px;width:100%;position:relative}.timeline::before{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--preview-position) * 100%);background-color:rgb(150,150,150);display:none;}.timeline::after{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--progress-position) * 100%);background-color:var(--player-color);}.timeline .thumb-indicator{--scale:0;position:absolute;transform:translateX(-50%) scale(var(--scale));height:200%;top:-50%;left:calc(var(--progress-position) * 100%);background-color:var(--player-color);border-radius:50%;transition:transform 150ms ease-in-out;aspect-ratio:1 / 1;}.timeline .preview-img{position:absolute;height:80px;aspect-ratio:16 / 9;top:-1rem;transform:translate(-50%,-100%);left:calc(var(--preview-position) * 100%);border-radius:.25rem;border:2px solid white;display:none;}.thumbnail-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;aspect-ratio:16 / 9;pointer-events:none;overflow:hidden;border-radius:10px;}.thumbnail-img{position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:1;}.video-container.src-loaded video{background-image:none!important;background-color:#000000;}.video-container.src-loading .spinner{display:block;z-index:10;}.video-container.src-loading .big-play-pause-btn,.video-container.src-loaded:not(.unstarted) .thumbnail-wrapper,.video-container.src-loaded .spinner{visibility:hidden!important;}/* .video-container.scrubbing .thumbnail-img{display:block;}*/ .video-container.scrubbing .preview-img,.timeline-container:hover .preview-img{display:block;}.video-container.scrubbing .timeline::before,.timeline-container:hover .timeline::before{display:block;}.video-container.scrubbing .thumb-indicator,.timeline-container:hover .thumb-indicator{--scale:1;}.video-container.scrubbing .timeline,.timeline-container:hover .timeline{height:7px;}.volume-overlay{position:absolute;top:5%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,0.3);padding:10px 20px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1rem;color:white;z-index:1;pointer-events:none;opacity:0;transition:opacity 150ms ease-in-out,visibility 150ms ease-in-out;}.volume-overlay.active{opacity:1;}.volume-overlay svg{width:1.5rem;height:1.5rem;}.skip-overlay{position:absolute;top:0;bottom:0;background-color:rgba(0,0,0,0.3);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:0.8rem;color:white;width:35vw;z-index:1;pointer-events:none;opacity:0;transition:opacity 150ms ease-in-out,visibility 150ms ease-in-out;}.skip-back{left:0;border-radius:0 100% 100% 0;}.skip-forward{right:0;border-radius:100% 0 0 100%;}.skip-back .icon{transform:rotate(180deg);}.skip-back .flex-container{flex-direction:row-reverse;}.skip-overlay.active{opacity:1;}/* There are three icons in both .skip-overlay elements. When activated,we want to transition such that each icon becomes visible one after the other,using a delay. */ @keyframes skip-animation{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}.skip-overlay .icon{opacity:0;}.skip-overlay.active .icon{animation:skip-animation 500ms ease-in-out;}.skip-overlay .icon:nth-child(1){animation-delay:0ms;}.skip-overlay .icon:nth-child(2){animation-delay:100ms;}.skip-overlay .icon:nth-child(3){animation-delay:200ms;}/* .video-container .full-screen-btn{transition:transform 150ms ease-in-out;}.video-container .full-screen-btn:hover{transform:scale(1.1);}*/ .video-container .full-screen-ios-btn{display:none;}body[data-mobile=true][data-iOS=true] .video-container:not(.fake-full-screen).src-loaded .full-screen-ios-btn{display:block;}.video-container.fake-full-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999999999999;width:100vw;background-color:black;}.pip-player-controls{display:none;position:fixed;bottom:-2px;left:0;right:0;z-index:101;background-color:var(--background-color);cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.8);}body.pip .pip-player-controls{display:flex;align-items:center;justify-content:flex-end;padding:0 1rem;}body.pip .pip-player-controls .pip-player-info{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:min(35vw,200px);height:100%;}body.pip .pip-player-controls .pip-player-info .pip-player-title{text-overflow:ellipsis;overflow:hidden;max-width:100%;height:40%;}body.pip .video-wrapper{position:fixed;width:35vw;max-width:200px;bottom:-2px;left:0;z-index:102;pointer-events:none;}body.pip[data-tablet=true] .video-container.controls-active .video-wrapper,body.pip[data-mobile=true] .video-container.controls-active .video-wrapper{filter:brightness(1);}body.pip .video-wrapper iframe,body.pip .video-wrapper video{object-fit:cover;}body.pip .video-wrapper,body.pip .pip-player-controls{height:var(--pip-player-height);border-radius:0;}/* html{height:100%;background:radial-gradient(ellipse at bottom,#1b2735 0%,#090a0f 100%);overflow:hidden;}*/ #star_container{position:fixed;height:100vh;width:100vw;overflow:hidden;z-index:0;}#stars,#stars2,#stars3,#stars:after,#stars2:after,#stars3:after{background:transparent;}#stars,#stars:after{width:1px;height:1px;}#stars2,#stars2:after{width:2px;height:2px;}#stars3,#stars3:after{width:3px;height:3px;}#stars:after,#stars2:after,#stars3:after{content:" ";position:absolute;top:2000px;}#stars{animation:animStar 500s linear infinite;}#stars2{animation:animStar 1000s linear infinite;}#stars3{animation:animStar 1500s linear infinite;}@keyframes animStar{from{transform:translateY(0px);}to{transform:translateY(-2000px);}}svg.starvatar g#star>g>*{display:none;}.pic svg.starvatar{transform:scale(1.2);}svg.starvatar{--glimmer:#ffffff;--dark_gray:#2a2a2a;--silver:#cbcbcb;--off_black:#151515;--water:#15a8ff;--pink:var(--pale-magenta);--edge_color:#000000;--wood:#905c2b;--gray:#8c8c8c;--primary_color:var(--pale-yellow);}svg.starvatar[data-bg-color='r']{--background_color:var(--dark-red);}svg.starvatar[data-bg-color='w']{--background_color:var(--wood-brown);}svg.starvatar[data-bg-color='g']{--background_color:var(--dark-green);}svg.starvatar[data-bg-color='t']{--background_color:var(--teal);}svg.starvatar[data-bg-color='b']{--background_color:var(--dark-blue);}svg.starvatar[data-bg-color='p']{--background_color:var(--dark-purple);}svg.starvatar[data-bg-color='m']{--background_color:var(--dark-magenta);}svg.starvatar[data-primary-color='r']{--primary_color:var(--pale-red);}svg.starvatar[data-primary-color='o']{--primary_color:var(--pale-orange);}svg.starvatar[data-primary-color='y']{--primary_color:var(--pale-yellow);}svg.starvatar[data-primary-color='g']{--primary_color:var(--pale-green);}svg.starvatar[data-primary-color='t']{--primary_color:var(--pale-teal);}svg.starvatar[data-primary-color='b']{--primary_color:var(--pale-blue);}svg.starvatar[data-primary-color='p']{--primary_color:var(--pale-purple);}svg.starvatar[data-primary-color='m']{--primary_color:var(--pale-magenta);}svg.starvatar[data-hair-color='1']{--hair_color:hsl(30,85%,10%);}svg.starvatar[data-hair-color='2']{--hair_color:hsl(30,85%,20%);}svg.starvatar[data-hair-color='3']{--hair_color:hsl(30,85%,30%);}svg.starvatar[data-hair-color='6']{--hair_color:hsl(40,85%,60%);}svg.starvatar[data-hair-color='9']{--hair_color:hsl(40,85%,90%);}svg.starvatar[data-hair-color='g']{--hair_color:hsl(20,85%,50%);}svg.starvatar[data-hair-color='m']{--hair_color:var(--pale-magenta);}svg.starvatar[data-aesthetics*=' '] g#star #basic_star{display:inline;}svg.starvatar[data-aesthetics*='('] g#star #sad_mouth{display:inline;}svg.starvatar[data-aesthetics*=')'] g#star #happy_mouth{display:inline;}svg.starvatar[data-aesthetics*='C'] g#star #wider_sad_mouth{display:inline;}svg.starvatar[data-aesthetics*=':'] g#star #basic_eyes{display:inline;}svg.starvatar[data-aesthetics*='<'] g#star #friendly_eyebrows{display:inline;}svg.starvatar[data-aesthetics*='>'] g#star #frowny_eyebrows{display:inline;}svg.starvatar[data-aesthetics*='{'] g#star #stache{display:inline;}svg.starvatar[data-aesthetics*='?'] g#star #confusion{display:inline;}svg.starvatar[data-aesthetics*='!'] g#star #shock{display:inline;}svg.starvatar[data-aesthetics*='Z'] g#star #zzz{display:inline;}svg.starvatar[data-aesthetics*='8'] g#star #basic_glasses{display:inline;}svg.starvatar[data-aesthetics*='i'] g#star #magic_wand{display:inline;}svg.starvatar[data-aesthetics*='#'] g#star #open_sad_mouth{display:inline;}svg.starvatar[data-aesthetics*='$'] g#star #eyelashes{display:inline;}svg.starvatar[data-aesthetics*='%'] g#star #sweat{display:inline;}svg.starvatar[data-aesthetics*='&'] g#star #cute_eyes{display:inline;}svg.starvatar[data-aesthetics*='*'] g#star #closed_eyes{display:inline;}svg.starvatar[data-aesthetics*='+'] g#star #wider_frowny_eyebrows{display:inline;}svg.starvatar[data-aesthetics*=','] g#star #monocle{display:inline;}svg.starvatar[data-aesthetics*='-'] g#star #high_hat{display:inline;}svg.starvatar[data-aesthetics*='.'] g#star #hardhat{display:inline;}svg.starvatar[data-aesthetics*='/'] g#star #bow{display:inline;}svg.starvatar[data-aesthetics*='0'] g#star #hammer{display:inline;}svg.starvatar[data-aesthetics*='1'] g#star #laptop{display:inline;}svg.starvatar g#star #basic_star{display:inline;}