.portable-entry{background:linear-gradient(#506475,#243b50);border:1px solid #91a4ad;color:#e4e9e5;padding:12px 18px;font-size:12px}.portable-optical-media,.portable-optical-logo,.portable-lid-display{display:none}#portable[data-surface=cover] .portable-settings .portable-kind-setting{display:flex!important}#portable[data-kind=cd] .portable-tape,#portable[data-kind=md] .portable-tape{display:none}#portable[data-kind=cd] .portable-optical-media,#portable[data-kind=md] .portable-optical-media{display:grid;place-items:center;position:relative;z-index:2;min-height:210px}#portable[data-kind=cd][data-loaded=false] .portable-optical-media,#portable[data-kind=md][data-loaded=false] .portable-optical-media{visibility:hidden}#portable[data-kind=cd] .portable-machine{border-radius:46% 46% 25% 25%;background:repeating-linear-gradient(#b5bcc0 0 1px,#9da9b1 2px 3px);border:3px solid #d6dbd9;color:#213946;box-shadow:inset 3px 3px 7px #eef8ff88,inset -3px -5px 12px #4e6477,0 20px 30px #0008;padding:25px 18px 18px}#portable[data-kind=cd] .portable-top{justify-content:center;margin-bottom:12px;gap:25px}#portable[data-kind=cd] .portable-grille{display:none}#portable[data-kind=cd] .portable-jack{color:#374f59}#portable[data-kind=cd] .portable-brand{justify-content:center;text-align:center}#portable[data-kind=cd] .portable-brand>span{display:none}#portable[data-kind=cd] .portable-door{background:radial-gradient(circle,#20313a,#080f15);border:3px solid #485f6d;border-radius:50%;padding:12px;min-height:240px}#portable[data-kind=cd] .portable-empty-bay{border-radius:50%;inset:6px;background:radial-gradient(circle,#67797d 0 4%,#1a2b33 5% 12%,#0d171d 13% 70%,#62777b 71%);border:5px solid #1b2b31}#portable[data-kind=cd] .portable-empty-bay>i{display:none}#portable[data-kind=cd] .portable-empty-bay>span{top:30px;font-size:7px}#portable[data-kind=cd] .portable-head-block{left:63%;bottom:22px;transform:rotate(-30deg)}#portable[data-kind=cd] .portable-door-label{display:none}#portable[data-kind=cd] .portable-front-lid{inset:45px 12px 86px;transform-origin:center top}#portable[data-kind=cd] .portable-lid-front,#portable[data-kind=cd] .portable-lid-back{border-radius:50%}#portable[data-kind=cd] .portable-lid-front{background:linear-gradient(140deg,#d4dadd,#879ba7);border:4px solid #d1d7d9;box-shadow:inset 0 0 0 6px #a1b0b8,inset -10px -5px 30px #546e7d77,0 4px 8px #0007;color:#294454}#portable[data-kind=cd] .portable-lid-front>span,#portable[data-kind=md] .portable-lid-front>span{display:none}#portable[data-kind=cd] .portable-lid-window,#portable[data-kind=md] .portable-lid-window{display:none}#portable[data-kind=cd] .portable-lid-back{background:radial-gradient(circle,#aeb8b8 0 6%,#34464e 7% 13%,#536773 14% 34%,#8ea0a7 35% 40%,#647781 41%);border:10px solid #9daeb5;transform:rotateX(180deg)}#portable[data-kind=cd][data-open=true] .portable-front-lid{transform:rotateX(170deg)}#portable[data-kind=cd] .portable-optical-logo,#portable[data-kind=md] .portable-optical-logo{display:flex;flex-direction:column;align-items:center;gap:8px;position:absolute;top:24%;left:10%;right:10%;text-align:center}#portable .portable-optical-logo b{font:italic 24px Georgia}#portable .portable-optical-logo>span{font-size:6px;letter-spacing:1.5px}#portable[data-kind=cd] .portable-lid-display,#portable[data-kind=md] .portable-lid-display{display:grid;grid-template-columns:1fr auto;gap:4px;position:absolute;bottom:22%;left:17%;right:17%;background:linear-gradient(#718a7c,#99a991);color:#173226;border:3px solid #61746f;padding:7px 8px;font:8px monospace;border-radius:3px;box-shadow:inset 1px 1px 4px #26372b77}#portable .portable-lid-display strong{grid-column:1/-1;grid-row:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:normal}#portable[data-kind=cd] .portable-lid-front small{bottom:12%;font-size:6px}#portable[data-kind=cd] .portable-hinge{top:48px;bottom:auto;left:31%;right:31%;width:auto;height:8px;background:repeating-linear-gradient(90deg,#566e7b 0 12px,#b4c2c2 13px 16px)}#portable[data-kind=cd][data-surface=inside] .portable-deck-pane{padding-top:260px;min-height:0}#portable[data-kind=cd][data-surface=inside] .portable-machine{width:100%;max-width:330px;margin-left:auto;margin-right:auto}#portable[data-kind=cd] .portable-cable{display:none}.portable-cd-disc{position:relative;width:205px;height:205px;border-radius:50%;background:conic-gradient(#dee4e0,#779da6,#e9ddec,#a4c5ac,#d1ddd2,#96c1cc,#dadfe4,#e1d6b9,#dee4e0);border:1px solid #edf6ef;box-shadow:0 5px 12px #0008;display:grid;place-items:center}.portable-cd-disc:before{content:'';position:absolute;width:35px;height:35px;border-radius:50%;background:#253840;border:11px solid #c1d3ce;box-shadow:0 0 0 3px #637f81}.portable-cd-disc>span{position:absolute;top:28px;width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:italic 10px Georgia;text-align:center;color:#334f54}.portable-cd-disc i{position:absolute;inset:8px;border-radius:50%;border:1px solid #f9fffb88}#portable[data-kind=cd] .portable-md-cartridge{display:none}#portable[data-kind=md] .portable-cd-disc{display:none}#portable[data-kind=md] .portable-machine{max-width:320px;border-radius:13px;background:linear-gradient(125deg,#394e61,#13283a 65%,#506c7b);border:3px solid #85989e;color:#dce9e6;box-shadow:inset 1px 2px 5px #b1c5cf77,0 22px 25px #0008}#portable[data-kind=md] .portable-front-lid{top:55px;bottom:84px}#portable[data-kind=md] .portable-lid-front{background:repeating-linear-gradient(0deg,#3c546b 0 1px,#365068 2px 3px);border:3px solid #899aa0;border-radius:7px;box-shadow:inset 0 0 0 3px #243e50,inset -5px -6px 12px #07172588,0 3px 8px #0009;color:#dbe8e0}#portable[data-kind=md] .portable-lid-back{background:linear-gradient(#8da0a2,#5d727c);border:8px solid #3a556b}#portable[data-kind=md] .portable-door{padding:13px;background:#0c1d27;border:3px solid #63797d;border-radius:6px}#portable[data-kind=md] .portable-optical-media{min-height:190px}#portable[data-kind=md] .portable-empty-bay{border-radius:5px;background:repeating-linear-gradient(90deg,#132932 0 22px,#1c333a 23px 25px);border:6px solid #526a6c;box-shadow:inset 0 5px 15px #0009}#portable[data-kind=md] .portable-empty-bay>i{display:none}#portable[data-kind=md] .portable-empty-bay>span{top:12px;font-size:6px}.portable-md-cartridge{position:relative;width:205px;height:170px;background:linear-gradient(140deg,#648e91,#245252);border:3px solid #c2d5c7;border-radius:6px 16px 6px 6px;box-shadow:inset 0 0 0 4px #273f3a,0 4px 8px #0009;padding:75px 14px 12px;color:#e6e7c7}.portable-md-shutter{position:absolute;left:-2px;top:-3px;width:64%;height:65px;background:repeating-linear-gradient(#c5cecd 0 1px,#a9b8b9 2px 3px);border:1px solid #e1e9e1;border-radius:0 0 8px 0;box-shadow:2px 3px 3px #0005;transition:transform .7s ease}.portable-md-shutter:after{content:'';position:absolute;left:22px;top:14px;width:55px;height:32px;background:#132c31;border:2px solid #819e9b;border-radius:4px}.portable-md-cartridge>span{display:block;font-size:6px;letter-spacing:1px}.portable-md-cartridge strong{display:block;font:italic 13px Georgia;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 12px;border-bottom:1px solid #bcc9a866;padding-bottom:7px}.portable-md-cartridge>small{font:5px monospace;letter-spacing:1px}.portable-md-disc{position:absolute;top:16px;right:14px;width:43px;height:43px;border-radius:50%;background:conic-gradient(#a9d5c8,#7baeb5,#d4d0da,#a9d5c8);opacity:.6;box-shadow:inset 0 0 0 12px #234d4666}.portable-md-disc:after{content:'';position:absolute;inset:40%;background:#153534;border-radius:50%}#portable[data-kind=md][data-inserting=true] .portable-md-shutter{transform:translateX(22px)}#portable[data-kind=cd][data-inserting=true] .portable-optical-media{animation:portable-disc-seat .85s ease both}#portable[data-kind=md][data-inserting=true] .portable-optical-media{animation:portable-md-seat .85s ease both}#portable[data-kind=cd].unused{display:none}.playing #portable[data-kind=cd] .portable-cd-disc{animation:portable-spin 1.8s linear infinite}#portable[data-kind=cd] .portable-track .portable-media-thumb{border-radius:50%;background:conic-gradient(#d1ddd4,#82b6c0,#dad4df,#99baa6,#d1ddd4);color:#345354}#portable[data-kind=md] .portable-track .portable-media-thumb{background:linear-gradient(145deg,#a9bec0 0 40%,#2f6260 41%);border:2px solid #c1d2c2;border-radius:4px;color:#e4ebd5}#portable[data-kind=cd][data-finish=silver] .portable-machine{background:linear-gradient(#3b4b57,#1e303c);border-color:#83939b;color:#d8e2e0}#portable[data-kind=cd][data-finish=silver] .portable-lid-front{background:linear-gradient(140deg,#6d818e,#273b4d);color:#e1e6de;border-color:#8298a5}#portable[data-kind=md][data-finish=silver] .portable-machine,#portable[data-kind=md][data-finish=silver] .portable-lid-front{background:repeating-linear-gradient(#d0d6d4 0 1px,#aebbbf 2px 3px);color:#2b4750}#portable[data-kind=cd][data-finish=sport] .portable-machine{border-radius:46% 46% 25% 25%}#portable[data-kind=cd][data-finish=sport] .portable-lid-front{background:linear-gradient(135deg,#e0c05c,#ad8e22);border-color:#374936;color:#233c33}#portable[data-kind=md][data-finish=sport] .portable-machine,#portable[data-kind=md][data-finish=sport] .portable-lid-front{background:linear-gradient(135deg,#568b9b,#1b566c);border-color:#9dcece;color:#e4efdc}#portable[data-kind=md][data-finish=sport] .portable-door{border-radius:5px}#portable[data-kind=md][data-finish=sport] .portable-keys button{background:linear-gradient(#c4d3d0,#789da3);color:#244248} @keyframes portable-disc-seat{0%{transform:translateY(-65px) rotate(-20deg) scale(.85);opacity:.3}70%{transform:translateY(-5px) rotate(4deg) scale(1);opacity:1}100%{transform:none;opacity:1}}@keyframes portable-md-seat{0%{transform:translateY(-100px);opacity:.3}100%{transform:translateY(0);opacity:1}}@media(max-width:600px){#portable[data-kind=cd] .portable-machine{max-width:310px}#portable[data-kind=cd] .portable-front-lid{top:40px;bottom:75px}#portable[data-kind=cd][data-surface=inside] .portable-deck-pane{padding-top:235px}#portable[data-kind=cd] .portable-optical-media{min-height:195px}.portable-cd-disc{width:190px;height:190px}#portable[data-kind=md] .portable-front-lid{top:42px;bottom:72px}#portable[data-kind=md][data-layout=flip] .portable-front-lid{top:40px;bottom:65px}#portable[data-kind=md] .portable-optical-media{min-height:180px}.portable-md-cartridge{width:190px;height:165px}#portable[data-kind=cd][data-surface=cover] .portable-settings,#portable[data-kind=md][data-surface=cover] .portable-settings{gap:10px}.portable-settings{flex-wrap:wrap}#portable[data-layout=flip] .portable-settings{grid-template-columns:1fr 1fr}#portable .portable-lid-display strong{font-size:9px}}@media(prefers-reduced-motion:reduce){#portable[data-inserting=true] .portable-optical-media,.playing #portable .portable-cd-disc{animation:none}.portable-md-shutter{transition:none}}