/* Friends of MacPip: blue means free, gold means paid. */
/* In the home sidebar */
.frs{margin-top:14px;padding:14px;background:var(--paper);border:1.500px solid var(--ink);border-radius:10px}.frs h3{font:500 22px/1.1 var(--serif);margin:0 0 3px}.frs p{margin:0 0 9px;font-size:13px;line-height:1.35;color:var(--mute)}
.frcount{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:500}.frcount i{display:flex;gap:2px;flex:none}.frcount b{display:block;width:7px;height:7px;background:#3f8fd9}.frcount b.t{background:#d9d2bf}
.frr{position:relative;display:flex;gap:9px;align-items:center;padding:6px 3px;border-top:1px solid var(--box);border-radius:5px;color:var(--ink);transition:translate .25s var(--spring)}a.frr:hover{translate:3px 0}.frr svg{flex:none;width:30px;height:30px}.frt{min-width:0}.frr b{display:block;font:500 16px/1.1 var(--serif)}.frr small{display:block;font-size:11.500px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frlabel,.frplus{position:absolute;left:10px;top:21px;width:16px;height:14px;display:flex;align-items:center;justify-content:center}.frlabel .icon{width:12px!important;height:12px!important;border:0;border-radius:3px;overflow:hidden;font-size:9px;background:none}.frlabel .icon img{width:100%;height:100%;object-fit:cover}.frplus{font:500 13px/1 var(--sans);color:#2b5c8d}
.fropen{cursor:pointer}.fropen b{color:#2b5c8d}.frtaken svg{opacity:.45}.frtaken b{color:var(--mute)}
.frgo{display:block;margin-top:9px;padding:9px;text-align:center;background:var(--ink);color:var(--paper);border-radius:8px;font-size:13.500px;font-weight:500}.frgo:hover{background:#000;color:var(--paper)}
.frstate{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid var(--box);font-size:13px;color:var(--mute)}.frpill{font-style:normal;font-size:12px;color:var(--ink);padding:2px 8px;border:1px solid var(--ink);border-radius:20px;white-space:nowrap}.frpill.w8{background:#fff4c9}.frpill.ok{background:#d8f0dd}
.frmini{border:1.500px solid var(--ink);border-radius:9px;overflow:hidden;background:#fff}.frmh{padding:7px 10px;font:500 15px var(--serif);border-bottom:1px solid var(--box)}.frmg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:8px}.frmg span{height:46px;border:1px dashed #cfdbe7;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:0}.frmg svg{width:30px;height:30px}.frmg .y{border:1.500px solid #3f8fd9;animation:frdrop .6s var(--spring) .25s backwards}@keyframes frdrop{from{opacity:0;transform:translateY(-22px) rotate(-8deg)}}
.frcard{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0;padding:14px;background:#f3f8fd;border:1.500px solid var(--ink);border-radius:12px;text-align:left}.frcard svg{flex:none;width:52px;height:52px}.frcard>div{flex:1 1 220px}.frcard b{display:block;font:500 22px/1.1 var(--serif)}.frcard span{font-size:13.500px;color:var(--mute)}
.frov{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(29,28,24,.42);opacity:0;pointer-events:none;transition:opacity .28s ease}.frov.on{opacity:1;pointer-events:auto}.frpop{position:relative;width:min(100%,500px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--paper);border:1.500px solid var(--ink);border-radius:13px;box-shadow:5px 6px 0 rgba(29,28,24,.5);transform:translateY(18px) scale(.95);transition:transform .42s var(--spring)}.frov.on .frpop{transform:none}
.frbar{position:sticky;top:0;z-index:2;height:22px;border-bottom:1.500px solid var(--ink);background:repeating-linear-gradient(var(--ink) 0 1px,var(--paper) 1px 3px)}.frbar button{position:absolute;left:7px;top:3px;width:13px;height:13px;padding:0;background:var(--paper);border:1.500px solid var(--ink);cursor:pointer}.frbar span{position:absolute;left:50%;transform:translateX(-50%);top:3px;background:var(--paper);padding:0 8px;font:10px var(--pixel);white-space:nowrap}
.frpad{padding:17px 18px 18px}.frprog{display:flex;gap:5px;margin-bottom:14px}.frprog i{flex:1;height:6px;background:var(--box);border-radius:2px;overflow:hidden;position:relative}.frprog i:after{content:"";position:absolute;inset:0;background:#3f8fd9;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.frprog i.on:after{transform:none}
.frst{display:none}.frst.on{display:block;animation:frin .36s var(--ease)}@keyframes frin{from{opacity:0;transform:translateX(14px)}}.frst h3{font:500 28px/1.08 var(--serif);margin:0 0 4px}.frst p{margin:0 0 13px;color:var(--mute)}.fracts{display:flex;align-items:center;gap:14px;margin-top:15px;flex-wrap:wrap}.frgh{padding:0;border:0;background:none;color:var(--mute);font:14px var(--sans);text-decoration:underline;cursor:pointer}
.frf{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:5px;font-size:14px}.frf li{display:flex;gap:8px}.frf li:before{content:"\2713";flex:none;width:17px;height:17px;margin-top:2px;border-radius:4px;background:#3f8fd9;color:#fff;font:700 11px/17px var(--sans);text-align:center}
.frbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:9px;margin-bottom:10px}.frbc{min-width:0;padding:8px;background:#fff;border:1.500px solid var(--ink);border-radius:9px}.frbc b{display:block;margin:7px 0 5px;font-size:12.500px;font-weight:500}.frbt{display:flex;align-items:center;justify-content:center;min-height:72px;padding:8px;background:#f3eddf;border-radius:6px}.frbt.dark{background:#3a3730}.frbt img{display:block;width:100%;max-width:190px;height:auto}
.frcode{display:flex;gap:8px;align-items:center;background:var(--ink);color:#ffe9a3;border-radius:8px;padding:9px 10px;font:12px/1.3 Monaco,Menlo,monospace}.frcode span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:all}.frcode button{flex:none;cursor:pointer;background:var(--paper);color:var(--ink);border:0;font:500 12.500px var(--sans);padding:5px 10px;border-radius:6px}.frhint{font-size:13px;color:var(--mute);margin-top:8px}.frapp{display:block;margin-bottom:10px;font-size:14px}.frapp select{margin-left:6px;font:inherit}
.frpage{display:block;margin-top:10px;font-size:13px;color:var(--mute)}.frpage[hidden]{display:none}.frpage input{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:8px 9px;font:16px var(--sans);color:var(--ink);background:#fff;border:1.500px solid var(--ink);border-radius:7px}
.frst [hidden]{display:none}.frres{margin-top:11px;font-size:14px;line-height:1.35}.frres:empty{display:none}.frres strong{display:block;font-size:16px;font-weight:500;margin-bottom:2px}.frres span{color:var(--mute)}.frres.ok strong{color:#2c7d45;animation:frfound .45s var(--spring)}.frres.no strong{color:#b23a30}@keyframes frfound{from{opacity:0;transform:translateY(6px) scale(.92)}}
.frbarload{width:210px;max-width:100%;height:9px;border:1.500px solid var(--ink);background:#fff;overflow:hidden}.frbarload i{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#4fb06a 0 16.6%,#f2c53d 0 33.3%,#f28b30 0 50%,#ea4b41 0 66.6%,#8c5cb8 0 83.3%,#3f8fd9 0)}
@media (max-width:560px){.frbs{gap:7px}.frbc{padding:6px}.frbc b{margin:4px 0 3px}.frbt{min-height:0;padding:6px}.frbt img{max-width:140px}.frcode{padding:6px 8px}}
@media (prefers-reduced-motion:reduce){.frov,.frpop,.frc,.frprog i:after{transition:none}.frst.on,.frmg .y,.frres.ok strong{animation:none}.frr{transition:none}}
.frs,.frr,.frt{min-width:0}.nside{grid-template-columns:minmax(0,1fr)}
.frbc:nth-child(3):last-child{grid-column:1/-1}.frbc:nth-child(3):last-child .frbt{justify-content:center;text-align:center}