.macbook{--macbook-lid-bg:#ebebeb;--macbook-lid-highlight:#ffffffd9;--macbook-body-from:#f2f2f2;--macbook-body-to:#ededed;--macbook-notch:#d4d4d480;--macbook-notch-fade:#d4d4d40f;width:100%;margin-bottom:2rem;position:relative}.dark .macbook{--macbook-lid-bg:#323232;--macbook-lid-highlight:#ffffff1a;--macbook-body-from:#303030;--macbook-body-to:#292929;--macbook-notch:#29292980;--macbook-notch-fade:#2929290f}.macbook-lid{background:var(--macbook-lid-bg);width:100%;box-shadow:inset 0 1px 0 var(--macbook-lid-highlight);border-radius:.5rem .5rem 0 0;padding:3px;position:relative;overflow:visible}.macbook-lid-base{pointer-events:none;width:100%;height:3px;display:flex;position:absolute;bottom:0;left:0}.macbook-lid-base>div:first-child{background:linear-gradient(#d6d6d6,#e8e8e8);flex:1;height:100%}.macbook-lid-base>div:last-child{background:linear-gradient(#e8e8e8,#d6d6d6);flex:1;height:100%}.macbook-screen{aspect-ratio:16/10;background:#d4d4d4;border-radius:.375rem .375rem 1px 1px;width:100%;position:relative;overflow:visible}.macbook-screen-image{border-radius:.25rem .25rem 1px 1px;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;top:3px;left:3px;overflow:hidden}.macbook-screen-icons{pointer-events:none;z-index:20;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;top:3px;left:3px;overflow:visible}.macbook-screen-icon{background:#fff;border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 10px 24px -4px #0000001f,0 4px 8px -2px #00000014}.features-distribution-mac-keyboard{border-radius:0 0 16px 16px;width:calc(100% + 2rem);height:10px;margin-top:-3px;top:100%;left:50%;overflow:visible;transform:translate(-50%)}.features-distribution-mac-keyboard div{border-radius:0 0 3px 3px;position:absolute}.features-distribution-mac-keyboard div:first-child{background:linear-gradient(180deg, var(--macbook-body-from), var(--macbook-body-to));width:100%;height:10px;top:0;left:0;box-shadow:0 16px 32px -6px #0000000f,0 8px 12px -6px #00000014,0 4px 4px -2px #0000000a,0 3px 3px -1.5px #0000000f,0 2px 2px -1px #00000008,0 1px 1px -.5px #00000008}.features-distribution-mac-keyboard div:nth-child(2){background:linear-gradient(180deg, var(--macbook-body-from), var(--macbook-body-to));width:100%;height:10px;top:0;left:0;box-shadow:inset 0 -32px 40px #66666608,inset 0 -2px 2px #6666661f,inset 0 -1px .5px #ffffffa3,inset 0 1px .25px #ffffff80,inset 0 -8px 56px #6666660a}.dark .features-distribution-mac-keyboard div:nth-child(2){box-shadow:inset 0 -32px 40px #00000020,inset 0 -2px 2px #00000030,inset 0 -1px .5px #ffffff14,inset 0 1px .25px #ffffff0a,inset 0 -8px 56px #00000018}.features-distribution-mac-keyboard div:nth-child(3){background:linear-gradient(90deg, #0000000f, var(--macbook-notch-fade), var(--macbook-notch-fade), var(--macbook-notch-fade), var(--macbook-notch-fade), var(--macbook-notch-fade), #0000000f), var(--macbook-notch);width:44px;height:4px;top:1px;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px 2px #0000000a,inset 0 -.5px .5px #0000000a}