/* Load after room-devices.css. This stylesheet only changes computer shells. */
#room-device[data-kind=computer] .device-body{height:calc(100% - 34px);display:grid;grid-template: minmax(0,1fr) auto / minmax(0,1fr);padding:0;gap:0;overflow:hidden}
#room-device[data-kind=computer] .device-window{grid-area:1/1;min-height:0;margin:9px 9px 0}
#room-device[data-kind=computer][data-view=desktop] .device-window{margin:0;border:0;border-radius:0;background:transparent}
#room-device[data-kind=computer][data-view=desktop] .device-browser-title{display:none}
#room-device[data-kind=computer][data-view=wizard] .device-browser-title{display:none}
#room-device[data-kind=computer][data-view=desktop] .device-content{padding:0;background:transparent}
#room-device[data-kind=computer]>.device-taskbar{display:none}

.hazel-os-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hazel-os-icon{display:block;width:34px;height:34px;object-fit:contain;flex:0 0 auto}
#room-device[data-skin=win31] .hazel-os-icon,#room-device[data-skin=classic] .hazel-os-icon{image-rendering:pixelated}

#room-device[data-kind=computer] .hazel-os-launcher{grid-area:2/1;position:relative;z-index:9;display:flex;flex-direction:row;align-items:center;gap:3px;min-height:39px;padding:3px 5px;overflow:visible}
#room-device[data-kind=computer] .hazel-os-launcher button{min-width:0;min-height:31px;margin:0;padding:2px 7px!important;text-shadow:none!important;display:flex;align-items:center;gap:5px;white-space:nowrap}
.hazel-os-launcher .hazel-os-icon{width:24px;height:24px}
.hazel-os-launcher .hazel-os-icon-label{max-width:132px;overflow:hidden;text-overflow:ellipsis}
.hazel-os-launcher .is-active{font-weight:700}
.hazel-os-tray{margin-left:auto;min-width:118px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:3px 7px;font-size:11px;white-space:nowrap}
.hazel-os-tray .device-status{max-width:170px}

.hazel-os-launcher--classic,.hazel-os-launcher--win31{background:#c0c0c0;border-top:2px outset #eee}
.hazel-os-launcher--classic button,.hazel-os-launcher--win31 button{color:#111!important;background:#c0c0c0!important;border:2px outset #eee!important}
.hazel-os-launcher--classic .is-active,.hazel-os-launcher--win31 .is-active{border-style:inset!important;background:#ddd!important}
.hazel-os-start-wrap{position:relative;align-self:stretch;display:flex;align-items:center}
#room-device .hazel-os-start{height:31px;font-weight:700;padding-left:9px!important}
.hazel-os-start-menu{position:absolute;left:0;bottom:calc(100% + 3px);width:min(248px,80vw);padding:5px;display:grid;gap:2px;background:#c0c0c0;border:2px outset #eee;box-shadow:3px 3px 0 #0006}
#room-device .hazel-os-start-menu button{width:100%;justify-content:flex-start;min-height:40px}

.hazel-os-launcher--xp{background:linear-gradient(#348cf5,#0953c7 55%,#0c43a3);border-top:1px solid #91c5ff;color:#fff}
#room-device .hazel-os-launcher--xp button{color:#fff!important;background:linear-gradient(#307ee3,#1556bc)!important;border:1px solid #82b5fa!important;border-radius:3px;text-shadow:0 1px #123b82!important}
#room-device .hazel-os-launcher--xp .hazel-os-start{font-style:italic;background:linear-gradient(#68bd62,#258429)!important;border-color:#9ade91!important;border-radius:0 13px 13px 0}
.hazel-os-launcher--xp .hazel-os-start-menu{background:#fff;border:3px solid #1768d1;border-radius:6px 6px 0 0}
#room-device .hazel-os-launcher--xp .hazel-os-start-menu button{color:#17335d!important;background:#fff!important;border:0!important;text-shadow:none!important}
.hazel-os-launcher--xp .hazel-os-tray{align-self:stretch;background:#1496df;border-left:1px solid #73c8f3}

#room-device[data-skin=mac] .device-title{height:27px;padding:2px 7px;background:#eef0f1d9;color:#171717;border-bottom:1px solid #777;font-size:11px;text-shadow:0 1px #fff}
#room-device[data-skin=mac] .device-title::before{content:none;font-weight:600;white-space:pre}
#room-device[data-skin=mac] .device-title>span{margin-left:auto;font-weight:400}
#room-device[data-skin=mac] .device-title button{height:21px;line-height:17px!important;padding:0 7px!important}
#room-device[data-skin=mac] .device-body{height:calc(100% - 27px)}
.hazel-os-launcher--aqua,.hazel-os-launcher--flat,.hazel-os-launcher--bigsur,.hazel-os-launcher--tahoe{justify-content:center;width:max-content;max-width:calc(100% - 24px);justify-self:center;margin:0 0 6px;padding:5px 9px!important;border:1px solid #ffffff85;border-radius:12px;background:#e9eef1;box-shadow:0 5px 15px #0007;backdrop-filter:blur(13px);overflow-x:auto!important}
#room-device[data-kind=computer] .hazel-os-launcher--aqua button,#room-device[data-kind=computer] .hazel-os-launcher--flat button,#room-device[data-kind=computer] .hazel-os-launcher--bigsur button,#room-device[data-kind=computer] .hazel-os-launcher--tahoe button{width:45px;height:45px;padding:2px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.hazel-os-launcher--aqua .hazel-os-icon,.hazel-os-launcher--flat .hazel-os-icon,.hazel-os-launcher--bigsur .hazel-os-icon,.hazel-os-launcher--tahoe .hazel-os-icon{width:39px;height:39px;filter:drop-shadow(0 2px 2px #0006)}
.hazel-os-launcher--aqua .hazel-os-icon-label,.hazel-os-launcher--flat .hazel-os-icon-label,.hazel-os-launcher--bigsur .hazel-os-icon-label,.hazel-os-launcher--tahoe .hazel-os-icon-label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.hazel-os-launcher--aqua .is-active::after,.hazel-os-launcher--flat .is-active::after,.hazel-os-launcher--bigsur .is-active::after,.hazel-os-launcher--tahoe .is-active::after{content:'';position:absolute;bottom:1px;width:5px;height:5px;border-radius:50%;background:#222}
.hazel-os-launcher--aqua .hazel-os-tray,.hazel-os-launcher--flat .hazel-os-tray,.hazel-os-launcher--bigsur .hazel-os-tray,.hazel-os-launcher--tahoe .hazel-os-tray{display:none}
.hazel-os-launcher--aqua{border-radius:3px;background:linear-gradient(#dbe7f0,#687581);box-shadow:0 7px 8px #0009}
.hazel-os-launcher--tahoe{border-radius:20px;background:#f6fbff;border-color:#fff9;box-shadow:inset 0 1px 1px #fff,0 7px 20px #0006}

.hazel-os-desktop{position:relative;min-height:100%;height:100%;padding:22px;overflow:auto;color:#fff}
.hazel-os-desktop--win31{background:#808080;color:#111;padding-top:58px}
.hazel-os-desktop--classic{background:#008080}
.hazel-os-desktop--xp{background:#3a6ea5}
.hazel-os-desktop--aqua{background:radial-gradient(circle at 65% 28%,#a6baf8 0 2%,transparent 16%),linear-gradient(135deg,#17366e,#72519a 58%,#111c40)}
.hazel-os-desktop--flat{background:linear-gradient(140deg,#4c215c,#d16471 48%,#153d69)}
.hazel-os-desktop--bigsur{background:radial-gradient(ellipse at 20% 22%,#f6b1aa 0 18%,transparent 45%),radial-gradient(ellipse at 75% 75%,#55a2dc 0 20%,transparent 48%),#7c5ba3}
.hazel-os-desktop--tahoe{background:radial-gradient(circle at 28% 25%,#b7efff99 0 15%,transparent 42%),radial-gradient(circle at 78% 72%,#e6beff99 0 18%,transparent 46%),linear-gradient(145deg,#267ab4,#6f71c8)}
.hazel-win31-program-menu{position:absolute;left:18px;top:15px;right:18px;padding:7px 10px;background:#c0c0c0;border:2px outset #eee;font:12px 'MS Sans Serif',Arial,sans-serif}
.hazel-os-desktop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,112px));align-content:start;gap:17px 14px}
#room-device .hazel-os-desktop-icon{min-height:88px;padding:5px!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;color:#fff!important;background:transparent!important;border:1px solid transparent!important;text-shadow:1px 1px 2px #000!important;box-shadow:none!important}
#room-device .hazel-os-desktop-icon:hover,#room-device .hazel-os-desktop-icon:focus-visible{background:#173a7b78!important;border-color:#fff!important}
.hazel-os-desktop-icon .hazel-os-icon{width:48px;height:48px;filter:drop-shadow(1px 2px 1px #0007)}
.hazel-os-desktop-icon .hazel-os-icon-label{max-width:106px;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.hazel-os-desktop--win31 .hazel-os-desktop-icon{color:#111!important;text-shadow:none!important;background:#c0c0c0!important;border:2px outset #eee!important}
.hazel-os-desktop-note{position:absolute;right:16px;bottom:12px;max-width:310px;margin:0!important;padding:7px 10px;background:#fffbd7;color:#222;font-size:11px!important;box-shadow:2px 3px 7px #0005}

@media(max-width:650px){
  #room-device[data-kind=computer] .device-body{display:grid;grid-template: minmax(0,1fr) auto / minmax(0,1fr)}
  #room-device[data-kind=computer] .device-window{margin:4px 4px 0}
  .hazel-os-launcher .hazel-os-icon-label{display:none}
  .hazel-os-launcher .hazel-os-tray .device-status{display:none}
  .hazel-os-tray{min-width:auto}
  .hazel-os-launcher--aqua,.hazel-os-launcher--flat,.hazel-os-launcher--bigsur,.hazel-os-launcher--tahoe{max-width:calc(100% - 8px)}
  #room-device[data-skin=mac] .device-title::before{content:none}
  #room-device[data-skin=mac] .device-title>span{display:none}
  .hazel-os-desktop{padding:13px}
  .hazel-os-desktop-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px}
  .hazel-os-desktop-note{position:static;margin-top:18px!important}
}

#room-device[data-skin=xp] .device-body{background:#3a6ea5}
#room-device.desktop-zoomed{width:98vw!important;height:98dvh!important;max-width:98vw!important;max-height:98dvh!important}
#room-device[data-skin=mac] .device-title{overflow:visible;position:relative;z-index:20;gap:8px}
#room-device[data-skin=mac] .device-title time{margin-left:auto;font:12px/1.2 'Lucida Grande',Arial,sans-serif;white-space:nowrap}
.hazel-mac-menu{display:flex;align-items:center;gap:3px;min-width:0;font:12px/1.2 'Lucida Grande',Arial,sans-serif}
#room-device .hazel-mac-menu button{height:auto;border:0;background:transparent;padding:3px 7px!important;font:inherit;white-space:nowrap;text-align:left;color:#171717}
#room-device .hazel-mac-menu .hazel-mac-app-name{font-weight:700}
.hazel-mac-menu-item{position:relative}
.hazel-mac-menu-item>summary{list-style:none;padding:4px 6px;cursor:pointer;white-space:nowrap}
.hazel-mac-menu-item>summary::-webkit-details-marker{display:none}
.hazel-mac-menu-item[open]>summary{color:white;background:#2867cb}
.hazel-mac-menu-panel{position:absolute;top:100%;left:0;min-width:175px;padding:5px;display:grid;background:#f5f5f5;box-shadow:0 5px 12px #0005;border:1px solid #999;border-radius:0 0 4px 4px}
#room-device .hazel-mac-menu-panel button:hover,#room-device .hazel-mac-menu-panel button:focus-visible{background:#2867cb;color:#fff}
#room-device .hazel-os-launcher-button{position:relative}
#room-device[data-view=wizard] .device-window{border:0;background:transparent;box-shadow:none}
#room-device[data-skin=mac][data-view=wizard] .device-content{background:transparent}
.hazel-os-start-menu[hidden]{display:none!important}
@media(max-width:550px){.hazel-mac-menu{gap:0;font-size:12px}.hazel-mac-menu-item>summary{padding:4px}.hazel-mac-menu-item:last-child{display:none}#room-device[data-skin=mac] .device-title{gap:2px}#room-device[data-skin=mac] .device-title time{font-size:11px}}
#room-device[data-view=world] .device-content{padding:0}
#room-device .web-place h2{font-size:17px;line-height:1.3;margin:0}
#room-device .web-place-description{font-size:14px;line-height:1.5;margin:5px 0 0}
#room-device .web-place-context p{font-size:13px;line-height:1.5}
#room-device[data-kind=computer][data-view=catalog] .device-app-grid{display:block;border:1px solid #aaa}
#room-device[data-kind=computer][data-view=catalog] .device-file{width:100%;border:0!important;border-bottom:1px solid #ccc!important;padding:9px 12px!important;background:#fff!important;color:#111}
#room-device[data-kind=computer][data-view=catalog] .device-file strong{color:#00009c;text-decoration:underline}
#room-device[data-kind=computer][data-view=catalog] .device-file small{font-size:12px;margin-top:2px}
#room-device[data-kind=computer][data-view=catalog] .device-file:hover{background:#e8edf8!important}

.hazel-os-launcher--aqua,.hazel-os-launcher--flat,.hazel-os-launcher--bigsur,.hazel-os-launcher--tahoe{backdrop-filter:none}