.rhk-gif-picker{margin:0 13px 12px;font:13px/1.5 var(--sans);color:#395e45}
.rhk-gif-picker [hidden]{display:none!important}
.rhk-gif-picker button{font:inherit;cursor:pointer;min-height:38px;border:1px solid #bdcdbc;border-radius:6px;background:#edf4e9;color:#395e45;padding:7px 12px}
.rhk-gif-picker button:disabled{cursor:default;opacity:.55}
.rhk-gif-picker button:focus-visible,.rhk-gif-picker input:focus-visible,.rhk-gif-media button:focus-visible{outline:2px solid #ad694c;outline-offset:2px}
.rhk-gif-trigger{font-weight:700!important;letter-spacing:.06em;min-width:60px}
.rhk-gif-panel{margin-top:10px;padding:14px;background:#f8faf4;border:1px solid #d3ddce;border-radius:10px;max-width:520px;box-sizing:border-box}
.rhk-gif-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.rhk-gif-heading strong{font-size:15px}.rhk-gif-heading button{border:0;background:transparent;padding:5px}
.rhk-gif-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.rhk-gif-tabs button{font-size:12px;background:transparent;padding:6px 9px}
.rhk-gif-tabs button[aria-pressed=true]{background:#395e45;color:#fff;border-color:#395e45}
.rhk-gif-search{display:flex;gap:6px}.rhk-gif-picker input{box-sizing:border-box;min-width:0;width:100%;padding:10px;border:1px solid #c9d5c3;border-radius:6px;font:16px var(--sans);background:#fff;color:#294235}
.rhk-gif-search input{flex:1}.rhk-gif-search button{flex-shrink:0}
.rhk-gif-message{font-size:12px;color:#667b6b;margin:12px 0;overflow-wrap:anywhere}
.rhk-gif-grid{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;max-height:360px;overflow-y:auto;overscroll-behavior:contain}
.rhk-gif-grid .rhk-gif-choice{position:relative;flex:0 0 calc((100% - 14px)/3);height:auto;align-self:flex-start;padding:0;border:0;min-width:0;overflow:hidden;background:#e8eee4;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.rhk-gif-choice img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.rhk-gif-choice:hover{outline:2px solid #78996f;outline-offset:-2px}
.rhk-gif-more{display:block;margin:12px auto 0}.rhk-gif-link p{margin:6px 0 10px;font-size:12px}.rhk-gif-link button{margin-top:8px}
.rhk-gif-external{display:inline-block;margin:12px 0;font-size:12px;color:#395e45}.rhk-gif-brand{display:block;margin-top:10px;text-align:right;font-size:11px;font-weight:700;color:#263a30}
.rhk-gif-selected{margin-top:12px}.rhk-gif-selected .rhk-gif-remove{margin-top:6px;font-size:12px;background:transparent}
.rhk-gif-media{display:block;width:320px;max-width:100%;margin:8px 0 12px;overflow:hidden;box-sizing:border-box;font:11px/1.5 var(--sans)}
.rhk-gif-stage{width:100%;aspect-ratio:4/3;border-radius:8px;background:#edf1e8;display:grid;place-items:center;overflow:hidden;color:#819579;font-size:28px;font-weight:700}
.rhk-gif-stage iframe{display:block;border:0;width:100%;height:100%;aspect-ratio:4/3}
.rhk-gif-media figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;flex-wrap:wrap}
.rhk-gif-media figcaption button{border:0;background:transparent;padding:4px 0;min-height:32px;color:#63776b;cursor:pointer;font:inherit}
.rhk-gif-media figcaption a{color:#63776b;font:inherit}.rhk-gif-recent{flex:0 0 100%;min-width:0}.rhk-gif-recent>.rhk-gif-media{margin-bottom:0}
@media(max-width:480px){.rhk-gif-picker{margin:0 9px 10px}.rhk-gif-panel{padding:10px}.rhk-gif-grid{max-height:300px}.rhk-gif-grid .rhk-gif-choice{flex-basis:calc((100% - 7px)/2)}.rhk-gif-heading strong{font-size:14px}.rhk-gif-tabs{gap:4px}.rhk-gif-tabs button{font-size:11px;padding:6px 8px}}

/* Official unmodified mark: https://media.giphy.com/giphy-attribution-marks.zip */
.rhk-gif-brand{width:150px;height:32px;margin-left:auto;font-size:0;background:url(data:image/png;base64,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) right center/contain no-repeat}
.rhk-gif-brand{width:156px;height:38px;border-radius:4px;background-color:#111;background-position:center;background-size:140px auto}

/* Intrinsic grid tracks shrink below square cards in WebKit's bounded scroller.
   Wrapped flex rows preserve each card's height while the list scrolls. */
html:has(.rhk-gif-dialog[open]){overflow:hidden;overscroll-behavior:none}
dialog.rhk-gif-dialog{position:fixed;inset:auto auto 0 50%;transform:translateX(-50%);margin:0;padding:0;border:0;border-radius:16px 16px 0 0;width:min(600px,100%);max-width:100%;height:calc(100dvh - 12px);max-height:none;overflow:hidden;background:#f8faf4;color:#395e45;font:14px/1.5 var(--sans);box-sizing:border-box}
dialog.rhk-gif-dialog::backdrop{background:rgba(22,35,29,.48)}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-panel{display:flex;flex-direction:column;height:100%;min-height:0;margin:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));max-width:none;border:0;border-radius:0;overflow:hidden}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-heading,.rhk-gif-picker .rhk-gif-dialog .rhk-gif-tabs,.rhk-gif-picker .rhk-gif-dialog .rhk-gif-search,.rhk-gif-picker .rhk-gif-dialog .rhk-gif-brand{flex-shrink:0}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-heading{margin:0 0 8px}.rhk-gif-picker .rhk-gif-dialog .rhk-gif-heading strong{font-size:16px}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-heading button{min-width:44px;min-height:44px}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-tabs{flex-wrap:nowrap;gap:6px;margin-bottom:10px}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-tabs button{flex:1;min-height:44px;padding:6px 4px;font-size:12px;white-space:nowrap}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-search button{min-height:44px}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-results{flex:1;min-height:0;margin-top:8px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:8px}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-grid{max-height:none;overflow:visible}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-message{margin:0 0 10px}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-more{min-height:44px}
.rhk-gif-picker .rhk-gif-dialog .rhk-gif-brand{margin-top:8px}
@media(max-height:450px){.rhk-gif-picker .rhk-gif-dialog .rhk-gif-panel{padding-top:4px;padding-bottom:4px}.rhk-gif-picker .rhk-gif-dialog .rhk-gif-heading,.rhk-gif-picker .rhk-gif-dialog .rhk-gif-tabs{margin-bottom:4px}.rhk-gif-picker .rhk-gif-dialog .rhk-gif-brand{height:26px;margin-top:4px;background-size:125px auto}}