/* Maxi Mart profile activity switcher */
.profile-activity-switcher{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1;
  min-height:58px;
  border-bottom:3px solid #147be8;
}
.profile-activity-switcher:after{
  content:"▾";
  margin-left:-18px;
  color:#67625c;
  font-size:11px;
  pointer-events:none;
}
.profile-activity-switcher select{
  width:auto;
  min-width:112px;
  min-height:58px;
  padding:0 26px 0 18px;
  appearance:none;
  color:#15110d;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  font:800 16px/1 inherit;
  text-align:center;
  cursor:pointer;
}
.profile-activity-switcher select:hover{background:#f7f4ee}
.profile-activity-switcher select:focus-visible{outline:2px solid #147be8;outline-offset:-5px}
button[aria-label*="repost" i] svg,
button[title*="repost" i] svg{
  width:19px!important;
  height:19px!important;
  filter:none!important;
  shape-rendering:geometricPrecision;
  transform:none!important;
  vector-effect:non-scaling-stroke;
}
button[aria-label*="repost" i],
button[title*="repost" i]{filter:none!important;text-shadow:none!important}
.profile-stream.activity-filtering>:not(.profile-activity-results){display:none!important}
.profile-activity-results{display:none}
.profile-stream.activity-filtering>.profile-activity-results{display:block}
.profile-activity-card .activity-kind{
  display:inline-flex;
  margin-right:8px;
  padding:3px 6px;
  color:#fff;
  background:#14110e;
  border-radius:2px;
  font-size:8px;
  letter-spacing:.09em;
  vertical-align:2px;
}
.profile-activity-empty{
  margin:26px;
  padding:36px 24px;
  text-align:center;
  color:#615b54;
  background:#f8f6f2;
  border:1px dashed #b9b0a5;
}
.profile-activity-empty span{display:block;margin-bottom:12px;color:#ed241c;font-size:8px;font-weight:950;letter-spacing:.12em}
.profile-activity-empty p{margin:0;font-size:14px}

/* Vintage Maxi Mart employee time recorder */
.clock-card[data-vintage-clock]{
  position:relative;
  width:min(570px,calc(100% - 32px));
  min-height:590px;
  margin:38px auto 70px;
  padding:118px 54px 70px;
  overflow:hidden;
  color:#251c13;
  background:
    linear-gradient(90deg,#bab0a0 0 12px,#ded7ca 12px 24px,#c7bdad 24px calc(100% - 24px),#e6dfd4 calc(100% - 24px) calc(100% - 12px),#a99e8d calc(100% - 12px)),
    #c9c0b2;
  border:3px solid #675c4d;
  border-radius:18px 18px 8px 8px;
  box-shadow:
    inset 0 0 0 3px #eee8dc,
    inset 0 -18px 35px #70635355,
    0 10px 0 #8a7e6d,
    0 18px 40px #30261b35;
}
.clock-card[data-vintage-clock]:before{
  content:"PROPERTY OF MAXI MART • EMPLOYEE TIME RECORDER No. 001";
  position:absolute;
  right:30px;
  bottom:23px;
  left:30px;
  color:#51483d;
  font:800 8px/1 monospace;
  letter-spacing:.12em;
  text-align:center;
}
.clock-card[data-vintage-clock]:after{
  content:"";
  position:absolute;
  top:83px;
  right:35px;
  left:35px;
  height:8px;
  background:#342c24;
  border:2px solid #675c4d;
  border-radius:6px;
  box-shadow:inset 0 2px 3px #000b,0 1px #fff8;
}
.time-card-slot{
  position:absolute;
  z-index:1;
  top:18px;
  left:50%;
  width:64%;
  height:70px;
  padding:12px 18px;
  color:#30271f;
  background:repeating-linear-gradient(0deg,#fffbed 0 12px,#d9d1be 13px 14px);
  border:1px solid #9e927f;
  box-shadow:0 5px 8px #2e271f55;
  transform:translateX(-50%);
}
.time-card-slot span{display:block;font:800 8px/1 monospace;letter-spacing:.14em}
.time-card-slot b{display:block;margin-top:11px;color:#ed241c;font:950 17px/1 monospace;letter-spacing:.12em}
.time-clock-lamp{
  position:absolute;
  z-index:2;
  top:105px;
  right:38px;
  display:flex;
  align-items:center;
  gap:7px;
  color:#3e372f;
  font:800 7px/1 monospace;
  letter-spacing:.1em;
}
.time-clock-lamp i{width:8px;height:8px;border-radius:50%;background:#35bf63;box-shadow:0 0 9px #35bf63}
.clock-card[data-vintage-clock] .clock-face{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:260px;
  height:174px;
  margin:20px auto 30px;
  background:
    linear-gradient(#201d19,#080706);
  border:10px solid #50473c;
  border-radius:8px;
  box-shadow:inset 0 0 0 2px #0c0b09,inset 0 0 30px #000,0 5px 0 #827667;
}
.clock-card[data-vintage-clock] .clock-face:before{
  content:"CURRENT STREAK";
  position:absolute;
  top:16px;
  color:#75ff8b;
  font:700 8px/1 monospace;
  letter-spacing:.18em;
}
.clock-card[data-vintage-clock] .clock-face span{
  color:#f7f0d0;
  font:900 74px/.9 "Courier New",monospace;
  text-shadow:0 0 8px #fff4ae66;
}
.clock-card[data-vintage-clock] .clock-face small{
  margin-top:11px;
  color:#ffd51b;
  font:800 9px/1 monospace;
  letter-spacing:.18em;
}
.clock-card[data-vintage-clock] h2{
  display:inline-block;
  margin:0 0 24px;
  padding:8px 14px;
  color:#f8ead1;
  background:#332b23;
  border:2px solid #5e5144;
  box-shadow:inset 0 0 0 1px #0c0a08,0 3px 0 #887a68;
  font:900 20px/1 monospace;
  letter-spacing:.08em;
}
.clock-card[data-vintage-clock] button.primary{
  min-width:230px;
  min-height:62px;
  color:#fff8dc;
  background:#c82a21;
  border:3px solid #6f1712;
  border-radius:6px;
  box-shadow:inset 0 3px #ef675e,0 7px 0 #721b15,0 12px 18px #3c241d55;
  font:900 16px/1 monospace;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.clock-card[data-vintage-clock] button.primary:not(:disabled):active{transform:translateY(5px);box-shadow:inset 0 2px #ef675e,0 2px 0 #721b15}
.clock-card[data-vintage-clock] button.primary:disabled{
  color:#30271d;
  background:#e5c950;
  border-color:#8e7926;
  box-shadow:inset 0 3px #fff39d,0 7px 0 #8f7927;
  opacity:1;
}
.clock-card[data-vintage-clock]>p{margin-top:31px;color:#51483d;font:800 11px/1.5 monospace}
@media(max-width:640px){
  .clock-card[data-vintage-clock]{min-height:540px;padding:110px 24px 62px}
  .clock-card[data-vintage-clock] .clock-face{width:220px;height:154px}
  .profile-activity-switcher select{min-width:100px;font-size:14px}
}