.event-host{background:#f1fbff;border:1px solid #d8eef6;border-radius:12px;align-items:center;gap:9px;margin:13px 0;padding:10px 12px;display:flex}.event-host>span{color:#fff;background:linear-gradient(135deg,#169ed7,#22bca4);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.event-host>div{gap:2px;display:grid}.event-host small,.event-species>small,.event-requirements>small{color:var(--muted);font-size:7px;font-weight:700}.event-host b{font-size:10px}.event-species,.event-requirements{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:12px}.event-species>div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.event-species span{color:#187e9f;background:#eaf8fd;border-radius:99px;padding:6px 9px;font-size:8px;font-weight:800}.event-requirements ul{color:#527489;gap:6px;margin:8px 0 0;padding:0;font-size:8px;list-style:none;display:grid}.event-pet-picker{border:0;min-width:0;margin:0;padding:0}.event-pet-picker legend{margin-bottom:7px;font-size:9px;font-weight:800}.event-pet-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.event-pet-picker button{border:1px solid var(--line);min-height:88px;color:var(--navy);background:#fff;border-radius:13px;place-items:center;gap:2px;padding:9px;display:grid;position:relative}.event-pet-picker button.active{border-color:var(--sky-400);background:var(--sky-50);box-shadow:inset 0 0 0 1px var(--sky-400)}.event-pet-picker button>span{font-size:27px}.event-pet-picker button>b{font-size:9px}.event-pet-picker button>small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.event-pet-picker button>i{color:#fff;background:var(--sky-500);border-radius:50%;width:17px;height:17px;font-size:8px;font-style:normal;line-height:17px;position:absolute;top:6px;right:6px}.event-pet-picker>p{color:#a15d20;background:#fff5e7;border-radius:11px;margin:0;padding:12px;font-size:8px}.event-qris-note{background:linear-gradient(135deg,#edfaff,#eefff9);border:1px solid #ccecf4;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.event-qris-note>span{color:#fff;background:#128fc9;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.event-qris-note>div{flex:1;gap:2px;display:grid}.event-qris-note b{font-size:9px}.event-qris-note small{color:var(--muted);font-size:7px}.event-qris-note>i{color:#16a287;font-style:normal;font-weight:900}@media (max-width:600px){.event-pet-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}}