@swipefindercom/finder-sdk 1.0.25 → 1.0.27

package/dist/finder-sdk.esm.js

@@ -1,4 +1,4 @@
-(function(){if(typeof document!=="undefined"){var s=document.createElement("style");s.textContent="._card_doqsx_2{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#fff;box-shadow:0 2px 8px #0003;overflow:hidden;transition:transform .3s ease;cursor:default;transform-origin:50% 100%;will-change:transform;z-index:1}._cardContent_doqsx_18{position:absolute;z-index:2;bottom:0;left:0;width:100%;height:100%;color:#fff}._gradientBottom_doqsx_29{position:absolute;z-index:1;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(transparent,#000);pointer-events:none}._gradientTop_doqsx_41{position:absolute;z-index:1;top:0;left:0;width:100%;height:120px;background:linear-gradient(rgba(0,0,0,1),transparent);pointer-events:none}._cardName_doqsx_52{position:absolute;left:0;bottom:10%;font-weight:700;font-size:22px;padding:0 20px;text-shadow:1px 1px 2px rgba(0,0,0,.8);width:100%;text-align:left;white-space:pre-wrap}._image_trs4h_2{width:100%;height:100%;object-fit:cover}._videoContainer_119iz_3{width:100%;height:100%;position:relative;overflow:hidden}._cardVideo_119iz_10{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}._swipeableCard_14c6z_1{position:relative;width:100%;height:100%;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto}._swipeableCard_14c6z_1>*{pointer-events:none}._swipeableCard_14c6z_1 video,._swipeableCard_14c6z_1 img{pointer-events:none}._swipeHeadline_14c6z_25{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#fff;z-index:200000}._ctaTooltip_1mai4_2{position:absolute;z-index:110;font-size:12px;top:0;right:-2px;background-color:#fff;color:#333;padding:10px 14px;border-radius:8px;font-weight:800;text-align:center;width:max-content;transition:opacity .3s ease;pointer-events:none;animation:_ctaTooltipBounce_1mai4_1 2s infinite;box-shadow:0 0 16px 1px #000;white-space:pre-line}._ctaTooltipArrow_1mai4_22{position:absolute;bottom:-8px;width:16px;height:16px;transform:translate(50%) rotate(45deg);z-index:0}@keyframes _ctaTooltipBounce_1mai4_1{0%,20%,50%,80%,to{transform:translateY(calc(-100% - 16px))}40%{transform:translateY(calc(-100% - 24px))}60%{transform:translateY(calc(-100% - 20px))}}._verticalEmojisButtons_14t5d_2{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:100}._buttonContainer_14t5d_11{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px 0}._button_14t5d_11{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003;background-color:#fff;position:relative;-webkit-user-select:none;user-select:none;transition:transform .2s ease,background-color .2s ease;outline:none;border:none;-webkit-tap-highlight-color:transparent}._button_14t5d_11:focus,._button_14t5d_11:active{outline:none;border:none}._emojiIcon_14t5d_45{width:35px;height:35px;display:block;outline:none;pointer-events:none;position:relative;z-index:2}._buttonLabel_14t5d_56{white-space:pre-wrap;margin-top:5px}._buttonAnimation_14t5d_62{transform:scale(1.3);z-index:101;position:relative}._buttonAnimation_14t5d_62:before{content:\"\";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:5px solid rgba(255,255,255,.5);z-index:1}._buttonLikeAnimation_14t5d_80{background-color:#4cd964!important;transform:scale(1.3)!important}._buttonDislikeAnimation_14t5d_85{background-color:#ff3b30!important;transform:scale(1.3)!important}._buttonMaybeAnimation_14t5d_90{background-color:#fc0!important;transform:scale(1.3)!important}._buttonSeenAnimation_14t5d_95{background-color:#007aff!important;transform:scale(1.3)!important}._contrastMode_14t5d_101 ._buttonContainer_14t5d_11{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px 0}._contrastModeButton_14t5d_109{background-color:#fffc!important;border:2px solid black!important;box-shadow:0 0 8px #00000080!important}._contrastModeButton_14t5d_109:hover{background-color:#fff!important}._contrastModeLabel_14t5d_119{color:#fff!important;text-shadow:1px 1px 3px black,-1px -1px 3px black,1px -1px 3px black,-1px 1px 3px black!important;font-weight:700!important;font-size:12px!important;text-align:center!important;display:block!important;margin-top:5px!important;text-transform:uppercase}._contrastModeLike_14t5d_130,._contrastModeDislike_14t5d_135,._contrastModeMaybe_14t5d_140,._contrastModeSeen_14t5d_145{color:#fff!important;filter:brightness(1.5)!important}._sideButtonsContainer_jjr9u_2{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}._sideButtonsWrapper_jjr9u_16{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;padding:15px;box-sizing:border-box}._sideButtonContainer_jjr9u_28{display:flex;align-items:center;flex-direction:column;gap:4px}._sideButtonLeft_jjr9u_36{grid-column:1;grid-row:2;margin-right:auto;justify-self:start;align-self:center}._sideButtonRight_jjr9u_45{grid-column:3;grid-row:2;margin-left:auto;justify-self:end;align-self:center}._sideButtonTop_jjr9u_54{grid-column:2;grid-row:1;justify-self:center;align-self:start}._sideButtonBottom_jjr9u_62{grid-column:2;grid-row:3;justify-self:center;align-self:end}._sideButton_jjr9u_2{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.4);background-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d;transition:all .3s ease;-webkit-tap-highlight-color:transparent;pointer-events:auto;padding:0;margin:0;gap:4px}._sideButton_jjr9u_2:hover{border-color:#fff;background-color:#ffffffe6}._buttonContent_jjr9u_95{position:relative;display:flex;align-items:center;justify-content:center}._arrowWrapper_jjr9u_103,._emojiWrapper_jjr9u_104{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}._arrowWrapper_jjr9u_103 svg{color:#000}._arrowRight_jjr9u_120{transform:rotate(0)}._arrowLeft_jjr9u_124{transform:rotate(180deg)}._arrowUp_jjr9u_128{transform:rotate(-90deg)}._arrowDown_jjr9u_132{transform:rotate(90deg)}._emojiIcon_jjr9u_137{pointer-events:none;user-select:none;-webkit-user-select:none}._buttonLabel_jjr9u_144{white-space:pre-wrap;text-align:center;color:#000;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;line-height:1.2;user-select:none;-webkit-user-select:none;margin-top:0}@keyframes _moveRight_jjr9u_1{0%{transform:rotate(0) translate(0);opacity:.7}10%{transform:rotate(0) translate(6px);opacity:1}15%{transform:rotate(0) translate(12px);opacity:1}20%{transform:rotate(0) translate(12px);opacity:1}25%{transform:rotate(0) translate(0);opacity:.7}25.01%,to{transform:rotate(0) translate(0);opacity:.7}}@keyframes _moveLeft_jjr9u_1{0%,24.99%{transform:rotate(180deg) translate(0);opacity:.7}25%{transform:rotate(180deg) translate(0);opacity:.7}35%{transform:rotate(180deg) translate(6px);opacity:1}40%{transform:rotate(180deg) translate(12px);opacity:1}45%{transform:rotate(180deg) translate(12px);opacity:1}50%{transform:rotate(180deg) translate(0);opacity:.7}50.01%,to{transform:rotate(180deg) translate(0);opacity:.7}}@keyframes _moveUp_jjr9u_1{0%,49.99%{transform:rotate(-90deg) translate(0);opacity:.7}50%{transform:rotate(-90deg) translate(0);opacity:.7}60%{transform:rotate(-90deg) translate(6px);opacity:1}65%{transform:rotate(-90deg) translate(12px);opacity:1}70%{transform:rotate(-90deg) translate(12px);opacity:1}75%{transform:rotate(-90deg) translate(0);opacity:.7}75.01%,to{transform:rotate(-90deg) translate(0);opacity:.7}}@keyframes _moveDown_jjr9u_1{0%,74.99%{transform:rotate(90deg) translate(0);opacity:.7}75%{transform:rotate(90deg) translate(0);opacity:.7}85%{transform:rotate(90deg) translate(6px);opacity:1}90%{transform:rotate(90deg) translate(12px);opacity:1}95%{transform:rotate(90deg) translate(12px);opacity:1}to{transform:rotate(90deg) translate(0);opacity:.7}}._sideButton_jjr9u_2.like-btn ._arrowWrapper_jjr9u_103 svg._arrowRight_jjr9u_120{animation:_moveRight_jjr9u_1 8s infinite}._sideButton_jjr9u_2.dislike-btn ._arrowWrapper_jjr9u_103 svg._arrowLeft_jjr9u_124{animation:_moveLeft_jjr9u_1 8s infinite}._sideButton_jjr9u_2.maybe-btn ._arrowWrapper_jjr9u_103 svg._arrowUp_jjr9u_128{animation:_moveUp_jjr9u_1 8s infinite}._sideButton_jjr9u_2.seen-btn ._arrowWrapper_jjr9u_103 svg._arrowDown_jjr9u_132{animation:_moveDown_jjr9u_1 8s infinite}._horizontalCtaTooltip_1slua_1{position:absolute;transform:translate(-50%) translateY(-25%);left:50%;padding:10px 15px;border-radius:6px;font-weight:500;text-align:center;z-index:100;transition:opacity .3s ease;box-shadow:0 2px 8px #0003;animation:_horizontalCtaTooltipPulse_1slua_1 2s infinite ease-in-out;white-space:pre-line;background-color:#fff;color:#333;font-size:12px}._contrastMode_1slua_19 ._horizontalCtaTooltip_1slua_1{background-color:#00000080;color:#fff;border:1px solid white;font-weight:600}@keyframes _horizontalCtaTooltipPulse_1slua_1{0%{transform:translate(-50%) translateY(-25%) scale(1)}50%{transform:translate(-50%) translateY(-25%) scale(1.1)}to{transform:translate(-50%) translateY(-25%) scale(1)}}._sideButtonsContainer_1kkly_2{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}._sideButtonsWrapper_1kkly_16{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;padding:15px;box-sizing:border-box}._sideButtonContainer_1kkly_28{display:flex;align-items:center;flex-direction:column;gap:4px}._sideButtonLeft_1kkly_36{grid-column:1;grid-row:2;margin-right:auto;justify-self:start;align-self:center}._sideButtonRight_1kkly_45{grid-column:3;grid-row:2;margin-left:auto;justify-self:end;align-self:center}._sideButtonTop_1kkly_54{grid-column:2;grid-row:1;justify-self:center;align-self:start}._sideButtonBottom_1kkly_62{grid-column:2;grid-row:3;justify-self:center;align-self:end}._sideButton_1kkly_2{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.4);background-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d;transition:all .3s ease;-webkit-tap-highlight-color:transparent;pointer-events:auto;padding:0;margin:0;gap:4px;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer}._sideButton_1kkly_2:hover{border-color:#fff;background-color:#ffffffe6}._buttonContent_1kkly_99{position:relative;display:flex;align-items:center;justify-content:center}._buttonContent_1kkly_99 svg{color:#000}._buttonLabel_1kkly_111{white-space:pre-wrap;text-align:center;color:#000;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;line-height:1.2;user-select:none;-webkit-user-select:none;margin-top:0}._arrowRight_1kkly_126{transform:rotate(0)}._arrowLeft_1kkly_130{transform:rotate(180deg)}._arrowUp_1kkly_134{transform:rotate(-90deg)}._arrowDown_1kkly_138{transform:rotate(90deg)}@keyframes _moveRight_1kkly_1{0%{transform:rotate(0) translate(0);opacity:.7}10%{transform:rotate(0) translate(6px);opacity:1}15%{transform:rotate(0) translate(12px);opacity:1}20%{transform:rotate(0) translate(12px);opacity:1}25%{transform:rotate(0) translate(0);opacity:.7}25.01%,to{transform:rotate(0) translate(0);opacity:.7}}@keyframes _moveLeft_1kkly_1{0%,24.99%{transform:rotate(180deg) translate(0);opacity:.7}25%{transform:rotate(180deg) translate(0);opacity:.7}35%{transform:rotate(180deg) translate(6px);opacity:1}40%{transform:rotate(180deg) translate(12px);opacity:1}45%{transform:rotate(180deg) translate(12px);opacity:1}50%{transform:rotate(180deg) translate(0);opacity:.7}50.01%,to{transform:rotate(180deg) translate(0);opacity:.7}}@keyframes _moveUp_1kkly_1{0%,49.99%{transform:rotate(-90deg) translate(0);opacity:.7}50%{transform:rotate(-90deg) translate(0);opacity:.7}60%{transform:rotate(-90deg) translate(6px);opacity:1}65%{transform:rotate(-90deg) translate(12px);opacity:1}70%{transform:rotate(-90deg) translate(12px);opacity:1}75%{transform:rotate(-90deg) translate(0);opacity:.7}75.01%,to{transform:rotate(-90deg) translate(0);opacity:.7}}@keyframes _moveDown_1kkly_1{0%,74.99%{transform:rotate(90deg) translate(0);opacity:.7}75%{transform:rotate(90deg) translate(0);opacity:.7}85%{transform:rotate(90deg) translate(6px);opacity:1}90%{transform:rotate(90deg) translate(12px);opacity:1}95%{transform:rotate(90deg) translate(12px);opacity:1}to{transform:rotate(90deg) translate(0);opacity:.7}}._sideButton_1kkly_2.like-btn ._buttonContent_1kkly_99 svg._arrowRight_1kkly_126{animation:_moveRight_1kkly_1 8s infinite}._sideButton_1kkly_2.dislike-btn ._buttonContent_1kkly_99 svg._arrowLeft_1kkly_130{animation:_moveLeft_1kkly_1 8s infinite}._sideButton_1kkly_2.maybe-btn ._buttonContent_1kkly_99 svg._arrowUp_1kkly_134{animation:_moveUp_1kkly_1 8s infinite}._sideButton_1kkly_2.seen-btn ._buttonContent_1kkly_99 svg._arrowDown_1kkly_138{animation:_moveDown_1kkly_1 8s infinite}._tooltipWrapper_1kkly_277{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center}._swipeTutorialOverlay_1dy8n_2{position:relative;width:100%;height:100%;left:0;top:0;z-index:100;pointer-events:none}._handContainer_1dy8n_16{position:relative;height:100%}._handWrapper_1dy8n_25{position:relative;left:50%;transform:translate(-50%,-50%)}._handIcon_1dy8n_32{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));opacity:.9;width:100%;height:100%}._handLabelWrapper_1dy8n_39{position:absolute;top:55%;left:40%;width:50%;height:38%;display:flex;align-items:center;justify-content:center;z-index:1;overflow:hidden}._handLabel_1dy8n_39{display:block;line-height:1;text-wrap:wrap;text-align:center;word-wrap:normal;overflow:hidden;font-weight:600}._swipeableFeed_jamse_1{position:relative;width:100%;height:100%;overflow:hidden}._swipeableFeedCards_jamse_8{position:relative;width:100%;height:100%}._swipeableFeedCards_jamse_8>*{position:absolute;top:0;left:0;width:100%;height:100%}._swipeableFeedEmpty_jamse_22{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#666;font-size:16px;text-align:center}._swipeTutorialContainer_jamse_33{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150}._volumeControl_r52gg_2{position:absolute;z-index:1100;display:flex;align-items:center;gap:8px;margin:0}._volumeControlTopLeft_r52gg_12{top:10px;left:10px}._volumeControlTopRight_r52gg_17{top:10px;right:10px;flex-direction:row-reverse}._volumeControlBottomLeft_r52gg_23{bottom:80px;left:15px}._volumeControlBottomRight_r52gg_28{bottom:80px;right:15px;flex-direction:row-reverse}._volumeControlButton_r52gg_34{width:auto;height:30px;cursor:pointer;background-color:#0006;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box;flex-shrink:0}._volumeControlButton_r52gg_34:hover{background-color:#000000b3}._volumeControlButton_r52gg_34 img{width:100%;height:100%;object-fit:contain}._volumeSlider_r52gg_60{background-color:#0006;border-radius:20px;padding:8px 12px;display:flex;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s ease}._volumeSlider_r52gg_60:hover{background-color:#000000b3}._volumeControl_r52gg_2:hover ._volumeSlider_r52gg_60{opacity:1;pointer-events:auto}._volumeSliderInput_r52gg_81{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}._volumeSliderInput_r52gg_81::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;transition:transform .1s ease}._volumeSliderInput_r52gg_81::-webkit-slider-thumb:hover{transform:scale(1.2)}._volumeSliderInput_r52gg_81::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;transition:transform .1s ease}._volumeSliderInput_r52gg_81::-moz-range-thumb:hover{transform:scale(1.2)}._historyButton_1xf6c_1{border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:16px 20px 8px #00000026,inset -4px -4px 10px #0003;background-image:linear-gradient(135deg,#fff3,#0003);outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}._historyCardsContent_1xf6c_17{margin:12px 0}._historyButton_1xf6c_1:focus{outline:none}._historyButton_1xf6c_1:active{outline:none;-webkit-tap-highlight-color:transparent}._historyButton_1xf6c_1:focus-visible{outline:none}._historyButton_1xf6c_1 img{pointer-events:none}._tooltip_1xf6c_39{display:flex;z-index:110;line-height:1.2;padding:10px 14px;position:absolute;top:0;border-radius:8px;font-weight:800;text-align:center;width:max-content;transition:opacity .3s ease;box-shadow:0 0 16px 1px #000;left:50%;white-space:pre-line;transform:translate(-50%) translateY(calc(-100% - 16px));animation:_historyButtonTooltipBounce_1xf6c_1 2s infinite}._tooltipArrow_1xf6c_59{position:absolute;bottom:-8px;left:50%;width:16px;height:16px;transform:translate(-50%) rotate(45deg);z-index:0}@keyframes _historyButtonTooltipBounce_1xf6c_1{0%,20%,50%,80%,to{transform:translate(-50%) translateY(calc(-100% - 16px))}40%{transform:translate(-50%) translateY(calc(-100% - 24px))}60%{transform:translate(-50%) translateY(calc(-100% - 20px))}}._drawerOverlay_1eftt_2{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}._drawerOverlayScoped_1eftt_16{position:absolute;top:0;left:0;right:0;bottom:0}._drawerOverlayVisible_1eftt_24{opacity:1;visibility:visible}._drawer_1eftt_2{position:fixed;bottom:0;left:0;right:0;height:80%;background:#fff;border-radius:20px 20px 0 0;z-index:1000;transform:translateY(100%);transition:transform .6s cubic-bezier(.25,.46,.45,.94);box-shadow:0 -8px 32px #0003;display:flex;flex-direction:column;overflow:hidden}._drawerScoped_1eftt_48{position:absolute;bottom:0;left:0;right:0}._drawerOpen_1eftt_55{transform:translateY(0)}._drawerHandle_1eftt_60{width:40px;height:4px;background-color:#0003;border-radius:2px;margin:12px auto 8px;flex-shrink:0;transition:background-color .2s ease}._drawerHandle_1eftt_60:hover{background-color:#0000004d}._drawerEmojisContainer_1eftt_75{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}._drawerEmojiItem_1eftt_84{display:flex;flex-direction:column;align-items:center;gap:8px}._drawerEmojiItemActive_1eftt_91 ._drawerEmojiLabel_1eftt_91{color:#000;font-weight:700}._drawerEmojiButton_1eftt_97{display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#fffc;border:2px solid rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;width:50px;height:50px;box-shadow:0 2px 8px #00000026;-webkit-tap-highlight-color:transparent}._drawerEmojiButtonActive_1eftt_113{background:#fff;border:3px solid rgba(0,0,0,.6);box-shadow:0 4px 12px #00000040;transform:scale(1.1)}._drawerEmojiLikeActive_1eftt_125{border-color:#4caf50;background:#4caf5026;box-shadow:0 4px 12px #4caf504d}._drawerEmojiDislikeActive_1eftt_135{border-color:#f44336;background:#f4433626;box-shadow:0 4px 12px #f443364d}._drawerEmojiMaybeActive_1eftt_145{border-color:#ff9800;background:#ff980026;box-shadow:0 4px 12px #ff98004d}._drawerEmojiSeenActive_1eftt_155{border-color:#2196f3;background:#2196f326;box-shadow:0 4px 12px #2196f34d}._drawerEmojiIcon_1eftt_162{width:32px;height:32px;object-fit:contain}._drawerEmojiLabel_1eftt_91{font-size:11px;font-weight:600;color:#000c;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;white-space:pre-wrap}._drawerEmojiLike_1eftt_121:hover{border-color:#4caf50;background:#4caf501a}._drawerEmojiDislike_1eftt_131:hover{border-color:#f44336;background:#f443361a}._drawerEmojiMaybe_1eftt_141:hover{border-color:#ff9800;background:#ff98001a}._drawerEmojiSeen_1eftt_151:hover{border-color:#2196f3;background:#2196f31a}._drawerContent_1eftt_202{flex:1;padding:20px;-webkit-overflow-scrolling:touch;overflow-y:auto}._drawerCloseButton_1eftt_210{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:12px 24px;margin:20px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px #ff6b6b4d;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:center;min-height:48px;white-space:pre-wrap}._drawerCloseButton_1eftt_210:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}._drawerCloseButton_1eftt_210:active{transform:translateY(0);box-shadow:0 2px 8px #ff6b6b4d}._drawerCloseButton_1eftt_210:focus{outline:none}._drawerCloseButton_1eftt_210:focus-visible{outline:2px solid rgba(255,107,107,.5);outline-offset:2px}._drawerCloseIcon_1eftt_255{width:16px;height:16px;filter:brightness(0) invert(1)}@media (max-width: 768px){._drawer_1eftt_2{height:80%;border-radius:30px 30px 0 0}._drawerContent_1eftt_202{padding:16px}._drawerCloseButton_1eftt_210{margin:16px;padding:10px 20px;font-size:14px}}@media (max-width: 480px){._drawer_1eftt_2{height:80%;border-radius:30px 30px 0 0}._drawerContent_1eftt_202{padding:12px}._drawerCloseButton_1eftt_210{margin:12px;font-size:14px}}._cardListContainer_zrmnf_2{padding:20px;overscroll-behavior-y:contain;touch-action:pan-y;overflow-y:auto;height:100%;box-sizing:border-box}._cardListContainerNoPadding_zrmnf_11{padding:0;box-sizing:border-box}._summaryGridContainer_zrmnf_17{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;box-sizing:border-box}._summaryGridItem_zrmnf_26{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#0000000d;cursor:default}._summaryGridItemClickable_zrmnf_34{cursor:pointer}._gridPlaceholder_zrmnf_39{width:100%;height:100%;background:#f2f2f2;display:flex;align-items:center;justify-content:center;font-size:12px;color:#181818}._gridItemImage_zrmnf_51{width:100%;height:100%;object-fit:cover}._summaryCardItem_zrmnf_58{display:flex;gap:8px;padding:12px;border-radius:8px;background:#f2f2f2;color:#181818;margin-bottom:8px;align-items:center;cursor:default}._summaryCardItemClickable_zrmnf_70{cursor:pointer}._cardItemImage_zrmnf_75{width:60px;height:60px;border-radius:6px;object-fit:cover;flex-shrink:0}._cardItemPlaceholder_zrmnf_84{width:60px;height:60px;border-radius:6px;background:#d9d9d9;display:flex;align-items:center;justify-content:center;font-size:12px;color:#00000080;flex-shrink:0}._cardItemContent_zrmnf_98{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}._cardItemTitle_zrmnf_107{margin:0 0 2px;font-size:14px;font-weight:600;line-height:1.2;text-align:left}._cardItemPrice_zrmnf_116{margin:0;font-size:12px;color:#000000b3;line-height:1.2}._summaryContainer_1gtok_3{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;overflow:hidden;position:relative}._summaryShareButtonFixed_1gtok_14{position:absolute;bottom:10px;right:10px;width:45px;height:45px;font-size:12px;text-transform:uppercase;border-radius:50%;background-color:#2196f3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000;-webkit-tap-highlight-color:transparent}._summaryShareButtonFixed_1gtok_14:hover{background-color:#1976d2;box-shadow:0 6px 16px #0003;transform:scale(1.05)}._summaryShareButtonFixed_1gtok_14:active{transform:scale(.95);box-shadow:0 2px 8px #00000026}._summaryShareButtonFixed_1gtok_14 ._shareIcon_1gtok_47{width:24px;height:24px;filter:brightness(0) invert(1)}._summaryExplaination_1gtok_54{gap:8px;padding:12px;border-radius:8px;align-items:center;margin:12px 20px 0;font-size:14px;font-weight:600;line-height:1.2;text-align:center;justify-content:center;white-space:pre-wrap;background:#f2f2f2;color:#181818}._summaryTabs_1gtok_71{display:flex;justify-content:center;padding:16px 20px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}._summaryTab_1gtok_71{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;text-align:center;padding:0 5px;-webkit-tap-highlight-color:transparent}._summaryEmojiItem_1gtok_96{display:flex;flex-direction:column;align-items:center;gap:8px}._summaryEmojiButton_1gtok_108{display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#fffc;border:2px solid rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;width:40px;height:40px;box-shadow:0 2px 8px #00000026;-webkit-tap-highlight-color:transparent}._summaryEmojiButtonActive_1gtok_124{background:#fff;border:3px solid rgba(0,0,0,.6);box-shadow:0 4px 12px #00000040;transform:scale(1.1)}._summaryEmojiLikeActive_1gtok_136{border-color:#4caf50;background:#4caf5026;box-shadow:0 4px 12px #4caf504d}._summaryEmojiDislikeActive_1gtok_146{border-color:#f44336;background:#f4433626;box-shadow:0 4px 12px #f443364d}._summaryEmojiMaybeActive_1gtok_156{border-color:#ff9800;background:#ff980026;box-shadow:0 4px 12px #ff98004d}._summaryEmojiSeenActive_1gtok_166{border-color:#2196f3;background:#2196f326;box-shadow:0 4px 12px #2196f34d}._summaryEmojiLike_1gtok_132:hover{border-color:#4caf50;background:#4caf501a}._summaryEmojiDislike_1gtok_142:hover{border-color:#f44336;background:#f443361a}._summaryEmojiMaybe_1gtok_152:hover{border-color:#ff9800;background:#ff98001a}._summaryEmojiSeen_1gtok_162:hover{border-color:#2196f3;background:#2196f31a}._summaryEmojiIcon_1gtok_194{width:28px;height:28px;object-fit:contain}._summaryEmojiLabel_1gtok_201{font-size:11px;font-weight:600;color:#000c;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}._summaryEmojiItemActive_1gtok_103 ._summaryEmojiLabel_1gtok_201{color:#000;font-weight:700}._summaryContent_1gtok_217{flex:1;overflow:hidden;position:relative;background-color:#fff;min-height:0}._summaryPanel_1gtok_226{display:none;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow-y:auto;min-height:0;box-sizing:border-box;overscroll-behavior:contain}._summaryPanelActive_1gtok_241{display:block}._summaryEmptyState_1gtok_246{text-align:center;padding:40px 20px;color:#181818}._summaryEmptyStateText_1gtok_252{margin:0 0 16px;font-size:18px;font-weight:600}._historyDrawerContent_x0jj6_1,._historyDrawerContent_x0jj6_1 .summary-container{height:100%;display:flex;flex-direction:column;overflow:hidden}._historyDrawerEmpty_x0jj6_15{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;color:#666}._historyDrawerEmpty_x0jj6_15 p{margin:8px 0;font-size:16px}._historyDrawerEmptyHint_x0jj6_31{font-size:14px;color:#999}._historyDrawerTitle_x0jj6_36{margin:0 0 16px;padding:20px 20px 0;font-size:20px;font-weight:700;color:#333}._historyDrawerList_x0jj6_44{height:100%;display:flex;flex-direction:column;overflow:hidden}._historyDrawerList_x0jj6_44 .card-list-container{flex:1;overflow-y:auto}._historyDrawerGrouped_x0jj6_56{height:100%;display:flex;flex-direction:column;overflow-y:auto}._historyDrawerGroup_x0jj6_56{margin-bottom:24px}._historyDrawerGroup_x0jj6_56:last-child{margin-bottom:0}._historyDrawerGroupTitle_x0jj6_71{margin:0 0 12px;padding:20px 20px 0;font-size:18px;font-weight:700;color:#333}._historyDrawerGroup_x0jj6_56:first-child ._historyDrawerGroupTitle_x0jj6_71{padding-top:20px}._historyDrawerGroup_x0jj6_56 .card-list-container{padding-top:0}._historyDrawer_x0jj6_1 .drawer-content{padding:20px 0}._historyDrawer_x0jj6_1 .drawer-content .summary-tabs,._historyDrawer_x0jj6_1 .drawer-content .summary-content{background-color:transparent!important}._filtersButton_qio2f_1{position:absolute;z-index:1000;min-width:80px;height:40px;padding:8px 16px;border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center;white-space:pre-wrap;background-image:linear-gradient(135deg,#ffffff1a,#0000001a);transition:all .3s ease;box-shadow:0 4px 8px #00000026}._filtersButton_qio2f_1:hover{box-shadow:0 6px 12px #0003;transform:translateY(-1px)}._filtersButton_qio2f_1:active{transform:translateY(1px);box-shadow:0 2px 4px #00000026}._filtersButton_qio2f_1:focus{outline:none}._filtersButton_qio2f_1:focus-visible{outline:none}._filtersLeft_qio2f_46{left:20px;right:auto}._filtersMiddle_qio2f_51{left:50%;right:auto;transform:translate(-50%)}._filtersRight_qio2f_57{left:auto;right:20px}._filtersIcon_qio2f_63{pointer-events:none;flex-shrink:0}._content_hci8k_2{padding:12px 20px}._title_hci8k_7{margin:0 0 12px;font-size:16px;font-weight:600;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:pre-wrap}._categories_hci8k_17{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}._pill_hci8k_25{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}._noCategories_hci8k_40{width:100%;color:#999;font-style:italic;text-align:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._cardsCounter_1h26d_1{width:100%;text-align:left;font-size:14px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);padding:5px 5px 5px 21px;pointer-events:none;white-space:pre-wrap}._logo_1rzq2_1{display:block;height:auto;max-width:100%;-webkit-user-select:none;user-select:none;pointer-events:none}._container_18bki_1{position:absolute}._interactiveFeed_1wsuw_1,._swippingJourney_15509_1{position:relative;width:100%;height:100%;overflow:hidden}._mainBootstrap_1rzog_1{width:100%;height:100%;position:relative}:root{--media-object-fit: cover}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{touch-action:pan-y;-webkit-user-select:none;user-select:none}";document.head.appendChild(s);}})();import React, { createContext, useRef, useContext, useId, useEffect, useCallback, useLayoutEffect, useMemo, useInsertionEffect, forwardRef, Fragment, createElement, Component, useState, useImperativeHandle } from "react";
+(function(){if(typeof document!=="undefined"){var s=document.createElement("style");s.textContent="._card_doqsx_2{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#fff;box-shadow:0 2px 8px #0003;overflow:hidden;transition:transform .3s ease;cursor:default;transform-origin:50% 100%;will-change:transform;z-index:1}._cardContent_doqsx_18{position:absolute;z-index:2;bottom:0;left:0;width:100%;height:100%;color:#fff}._gradientBottom_doqsx_29{position:absolute;z-index:1;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(transparent,#000);pointer-events:none}._gradientTop_doqsx_41{position:absolute;z-index:1;top:0;left:0;width:100%;height:120px;background:linear-gradient(rgba(0,0,0,1),transparent);pointer-events:none}._cardName_doqsx_52{position:absolute;left:0;bottom:10%;font-weight:700;font-size:22px;padding:0 20px;text-shadow:1px 1px 2px rgba(0,0,0,.8);width:100%;text-align:left;white-space:pre-wrap}._categories_1237w_1{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 12px;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box}._categoryBadge_1237w_13{display:inline-block;padding:3px 10px;background-color:#fff3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:12px;font-size:11px;font-weight:500;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap;line-height:1.4}._filterButton_1237w_28{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background-color:#fff3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:12px;cursor:pointer;flex-shrink:0;pointer-events:auto}._filterIcon_1237w_45{width:12px;height:12px;filter:brightness(0) invert(1)}._image_trs4h_2{width:100%;height:100%;object-fit:cover}._videoContainer_119iz_3{width:100%;height:100%;position:relative;overflow:hidden}._cardVideo_119iz_10{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}._swipeableCard_14c6z_1{position:relative;width:100%;height:100%;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto}._swipeableCard_14c6z_1>*{pointer-events:none}._swipeableCard_14c6z_1 video,._swipeableCard_14c6z_1 img{pointer-events:none}._swipeHeadline_14c6z_25{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#fff;z-index:200000}._ctaTooltip_1mai4_2{position:absolute;z-index:110;font-size:12px;top:0;right:-2px;background-color:#fff;color:#333;padding:10px 14px;border-radius:8px;font-weight:800;text-align:center;width:max-content;transition:opacity .3s ease;pointer-events:none;animation:_ctaTooltipBounce_1mai4_1 2s infinite;box-shadow:0 0 16px 1px #000;white-space:pre-line}._ctaTooltipArrow_1mai4_22{position:absolute;bottom:-8px;width:16px;height:16px;transform:translate(50%) rotate(45deg);z-index:0}@keyframes _ctaTooltipBounce_1mai4_1{0%,20%,50%,80%,to{transform:translateY(calc(-100% - 16px))}40%{transform:translateY(calc(-100% - 24px))}60%{transform:translateY(calc(-100% - 20px))}}._verticalEmojisButtons_14t5d_2{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:100}._buttonContainer_14t5d_11{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px 0}._button_14t5d_11{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003;background-color:#fff;position:relative;-webkit-user-select:none;user-select:none;transition:transform .2s ease,background-color .2s ease;outline:none;border:none;-webkit-tap-highlight-color:transparent}._button_14t5d_11:focus,._button_14t5d_11:active{outline:none;border:none}._emojiIcon_14t5d_45{width:35px;height:35px;display:block;outline:none;pointer-events:none;position:relative;z-index:2}._buttonLabel_14t5d_56{white-space:pre-wrap;margin-top:5px}._buttonAnimation_14t5d_62{transform:scale(1.3);z-index:101;position:relative}._buttonAnimation_14t5d_62:before{content:\"\";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:5px solid rgba(255,255,255,.5);z-index:1}._buttonLikeAnimation_14t5d_80{background-color:#4cd964!important;transform:scale(1.3)!important}._buttonDislikeAnimation_14t5d_85{background-color:#ff3b30!important;transform:scale(1.3)!important}._buttonMaybeAnimation_14t5d_90{background-color:#fc0!important;transform:scale(1.3)!important}._buttonSeenAnimation_14t5d_95{background-color:#007aff!important;transform:scale(1.3)!important}._contrastMode_14t5d_101 ._buttonContainer_14t5d_11{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px 0}._contrastModeButton_14t5d_109{background-color:#fffc!important;border:2px solid black!important;box-shadow:0 0 8px #00000080!important}._contrastModeButton_14t5d_109:hover{background-color:#fff!important}._contrastModeLabel_14t5d_119{color:#fff!important;text-shadow:1px 1px 3px black,-1px -1px 3px black,1px -1px 3px black,-1px 1px 3px black!important;font-weight:700!important;font-size:12px!important;text-align:center!important;display:block!important;margin-top:5px!important;text-transform:uppercase}._contrastModeLike_14t5d_130,._contrastModeDislike_14t5d_135,._contrastModeMaybe_14t5d_140,._contrastModeSeen_14t5d_145{color:#fff!important;filter:brightness(1.5)!important}._sideButtonsContainer_jjr9u_2{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}._sideButtonsWrapper_jjr9u_16{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;padding:15px;box-sizing:border-box}._sideButtonContainer_jjr9u_28{display:flex;align-items:center;flex-direction:column;gap:4px}._sideButtonLeft_jjr9u_36{grid-column:1;grid-row:2;margin-right:auto;justify-self:start;align-self:center}._sideButtonRight_jjr9u_45{grid-column:3;grid-row:2;margin-left:auto;justify-self:end;align-self:center}._sideButtonTop_jjr9u_54{grid-column:2;grid-row:1;justify-self:center;align-self:start}._sideButtonBottom_jjr9u_62{grid-column:2;grid-row:3;justify-self:center;align-self:end}._sideButton_jjr9u_2{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.4);background-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d;transition:all .3s ease;-webkit-tap-highlight-color:transparent;pointer-events:auto;padding:0;margin:0;gap:4px}._sideButton_jjr9u_2:hover{border-color:#fff;background-color:#ffffffe6}._buttonContent_jjr9u_95{position:relative;display:flex;align-items:center;justify-content:center}._arrowWrapper_jjr9u_103,._emojiWrapper_jjr9u_104{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}._arrowWrapper_jjr9u_103 svg{color:#000}._arrowRight_jjr9u_120{transform:rotate(0)}._arrowLeft_jjr9u_124{transform:rotate(180deg)}._arrowUp_jjr9u_128{transform:rotate(-90deg)}._arrowDown_jjr9u_132{transform:rotate(90deg)}._emojiIcon_jjr9u_137{pointer-events:none;user-select:none;-webkit-user-select:none}._buttonLabel_jjr9u_144{white-space:pre-wrap;text-align:center;color:#000;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;line-height:1.2;user-select:none;-webkit-user-select:none;margin-top:0}@keyframes _moveRight_jjr9u_1{0%{transform:rotate(0) translate(0);opacity:.7}10%{transform:rotate(0) translate(6px);opacity:1}15%{transform:rotate(0) translate(12px);opacity:1}20%{transform:rotate(0) translate(12px);opacity:1}25%{transform:rotate(0) translate(0);opacity:.7}25.01%,to{transform:rotate(0) translate(0);opacity:.7}}@keyframes _moveLeft_jjr9u_1{0%,24.99%{transform:rotate(180deg) translate(0);opacity:.7}25%{transform:rotate(180deg) translate(0);opacity:.7}35%{transform:rotate(180deg) translate(6px);opacity:1}40%{transform:rotate(180deg) translate(12px);opacity:1}45%{transform:rotate(180deg) translate(12px);opacity:1}50%{transform:rotate(180deg) translate(0);opacity:.7}50.01%,to{transform:rotate(180deg) translate(0);opacity:.7}}@keyframes _moveUp_jjr9u_1{0%,49.99%{transform:rotate(-90deg) translate(0);opacity:.7}50%{transform:rotate(-90deg) translate(0);opacity:.7}60%{transform:rotate(-90deg) translate(6px);opacity:1}65%{transform:rotate(-90deg) translate(12px);opacity:1}70%{transform:rotate(-90deg) translate(12px);opacity:1}75%{transform:rotate(-90deg) translate(0);opacity:.7}75.01%,to{transform:rotate(-90deg) translate(0);opacity:.7}}@keyframes _moveDown_jjr9u_1{0%,74.99%{transform:rotate(90deg) translate(0);opacity:.7}75%{transform:rotate(90deg) translate(0);opacity:.7}85%{transform:rotate(90deg) translate(6px);opacity:1}90%{transform:rotate(90deg) translate(12px);opacity:1}95%{transform:rotate(90deg) translate(12px);opacity:1}to{transform:rotate(90deg) translate(0);opacity:.7}}._sideButton_jjr9u_2.like-btn ._arrowWrapper_jjr9u_103 svg._arrowRight_jjr9u_120{animation:_moveRight_jjr9u_1 8s infinite}._sideButton_jjr9u_2.dislike-btn ._arrowWrapper_jjr9u_103 svg._arrowLeft_jjr9u_124{animation:_moveLeft_jjr9u_1 8s infinite}._sideButton_jjr9u_2.maybe-btn ._arrowWrapper_jjr9u_103 svg._arrowUp_jjr9u_128{animation:_moveUp_jjr9u_1 8s infinite}._sideButton_jjr9u_2.seen-btn ._arrowWrapper_jjr9u_103 svg._arrowDown_jjr9u_132{animation:_moveDown_jjr9u_1 8s infinite}._horizontalCtaTooltip_1slua_1{position:absolute;transform:translate(-50%) translateY(-25%);left:50%;padding:10px 15px;border-radius:6px;font-weight:500;text-align:center;z-index:100;transition:opacity .3s ease;box-shadow:0 2px 8px #0003;animation:_horizontalCtaTooltipPulse_1slua_1 2s infinite ease-in-out;white-space:pre-line;background-color:#fff;color:#333;font-size:12px}._contrastMode_1slua_19 ._horizontalCtaTooltip_1slua_1{background-color:#00000080;color:#fff;border:1px solid white;font-weight:600}@keyframes _horizontalCtaTooltipPulse_1slua_1{0%{transform:translate(-50%) translateY(-25%) scale(1)}50%{transform:translate(-50%) translateY(-25%) scale(1.1)}to{transform:translate(-50%) translateY(-25%) scale(1)}}._sideButtonsContainer_1kkly_2{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}._sideButtonsWrapper_1kkly_16{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;padding:15px;box-sizing:border-box}._sideButtonContainer_1kkly_28{display:flex;align-items:center;flex-direction:column;gap:4px}._sideButtonLeft_1kkly_36{grid-column:1;grid-row:2;margin-right:auto;justify-self:start;align-self:center}._sideButtonRight_1kkly_45{grid-column:3;grid-row:2;margin-left:auto;justify-self:end;align-self:center}._sideButtonTop_1kkly_54{grid-column:2;grid-row:1;justify-self:center;align-self:start}._sideButtonBottom_1kkly_62{grid-column:2;grid-row:3;justify-self:center;align-self:end}._sideButton_1kkly_2{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.4);background-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d;transition:all .3s ease;-webkit-tap-highlight-color:transparent;pointer-events:auto;padding:0;margin:0;gap:4px;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer}._sideButton_1kkly_2:hover{border-color:#fff;background-color:#ffffffe6}._buttonContent_1kkly_99{position:relative;display:flex;align-items:center;justify-content:center}._buttonContent_1kkly_99 svg{color:#000}._buttonLabel_1kkly_111{white-space:pre-wrap;text-align:center;color:#000;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;line-height:1.2;user-select:none;-webkit-user-select:none;margin-top:0}._arrowRight_1kkly_126{transform:rotate(0)}._arrowLeft_1kkly_130{transform:rotate(180deg)}._arrowUp_1kkly_134{transform:rotate(-90deg)}._arrowDown_1kkly_138{transform:rotate(90deg)}@keyframes _moveRight_1kkly_1{0%{transform:rotate(0) translate(0);opacity:.7}10%{transform:rotate(0) translate(6px);opacity:1}15%{transform:rotate(0) translate(12px);opacity:1}20%{transform:rotate(0) translate(12px);opacity:1}25%{transform:rotate(0) translate(0);opacity:.7}25.01%,to{transform:rotate(0) translate(0);opacity:.7}}@keyframes _moveLeft_1kkly_1{0%,24.99%{transform:rotate(180deg) translate(0);opacity:.7}25%{transform:rotate(180deg) translate(0);opacity:.7}35%{transform:rotate(180deg) translate(6px);opacity:1}40%{transform:rotate(180deg) translate(12px);opacity:1}45%{transform:rotate(180deg) translate(12px);opacity:1}50%{transform:rotate(180deg) translate(0);opacity:.7}50.01%,to{transform:rotate(180deg) translate(0);opacity:.7}}@keyframes _moveUp_1kkly_1{0%,49.99%{transform:rotate(-90deg) translate(0);opacity:.7}50%{transform:rotate(-90deg) translate(0);opacity:.7}60%{transform:rotate(-90deg) translate(6px);opacity:1}65%{transform:rotate(-90deg) translate(12px);opacity:1}70%{transform:rotate(-90deg) translate(12px);opacity:1}75%{transform:rotate(-90deg) translate(0);opacity:.7}75.01%,to{transform:rotate(-90deg) translate(0);opacity:.7}}@keyframes _moveDown_1kkly_1{0%,74.99%{transform:rotate(90deg) translate(0);opacity:.7}75%{transform:rotate(90deg) translate(0);opacity:.7}85%{transform:rotate(90deg) translate(6px);opacity:1}90%{transform:rotate(90deg) translate(12px);opacity:1}95%{transform:rotate(90deg) translate(12px);opacity:1}to{transform:rotate(90deg) translate(0);opacity:.7}}._sideButton_1kkly_2.like-btn ._buttonContent_1kkly_99 svg._arrowRight_1kkly_126{animation:_moveRight_1kkly_1 8s infinite}._sideButton_1kkly_2.dislike-btn ._buttonContent_1kkly_99 svg._arrowLeft_1kkly_130{animation:_moveLeft_1kkly_1 8s infinite}._sideButton_1kkly_2.maybe-btn ._buttonContent_1kkly_99 svg._arrowUp_1kkly_134{animation:_moveUp_1kkly_1 8s infinite}._sideButton_1kkly_2.seen-btn ._buttonContent_1kkly_99 svg._arrowDown_1kkly_138{animation:_moveDown_1kkly_1 8s infinite}._tooltipWrapper_1kkly_277{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center}._swipeTutorialOverlay_1dy8n_2{position:relative;width:100%;height:100%;left:0;top:0;z-index:100;pointer-events:none}._handContainer_1dy8n_16{position:relative;height:100%}._handWrapper_1dy8n_25{position:relative;left:50%;transform:translate(-50%,-50%)}._handIcon_1dy8n_32{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));opacity:.9;width:100%;height:100%}._handLabelWrapper_1dy8n_39{position:absolute;top:55%;left:40%;width:50%;height:38%;display:flex;align-items:center;justify-content:center;z-index:1;overflow:hidden}._handLabel_1dy8n_39{display:block;line-height:1;text-wrap:wrap;text-align:center;word-wrap:normal;overflow:hidden;font-weight:600}._swipeableFeed_jamse_1{position:relative;width:100%;height:100%;overflow:hidden}._swipeableFeedCards_jamse_8{position:relative;width:100%;height:100%}._swipeableFeedCards_jamse_8>*{position:absolute;top:0;left:0;width:100%;height:100%}._swipeableFeedEmpty_jamse_22{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#666;font-size:16px;text-align:center}._swipeTutorialContainer_jamse_33{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150}._volumeControl_r52gg_2{position:absolute;z-index:1100;display:flex;align-items:center;gap:8px;margin:0}._volumeControlTopLeft_r52gg_12{top:10px;left:10px}._volumeControlTopRight_r52gg_17{top:10px;right:10px;flex-direction:row-reverse}._volumeControlBottomLeft_r52gg_23{bottom:80px;left:15px}._volumeControlBottomRight_r52gg_28{bottom:80px;right:15px;flex-direction:row-reverse}._volumeControlButton_r52gg_34{width:auto;height:30px;cursor:pointer;background-color:#0006;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box;flex-shrink:0}._volumeControlButton_r52gg_34:hover{background-color:#000000b3}._volumeControlButton_r52gg_34 img{width:100%;height:100%;object-fit:contain}._volumeSlider_r52gg_60{background-color:#0006;border-radius:20px;padding:8px 12px;display:flex;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s ease}._volumeSlider_r52gg_60:hover{background-color:#000000b3}._volumeControl_r52gg_2:hover ._volumeSlider_r52gg_60{opacity:1;pointer-events:auto}._volumeSliderInput_r52gg_81{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}._volumeSliderInput_r52gg_81::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;transition:transform .1s ease}._volumeSliderInput_r52gg_81::-webkit-slider-thumb:hover{transform:scale(1.2)}._volumeSliderInput_r52gg_81::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;transition:transform .1s ease}._volumeSliderInput_r52gg_81::-moz-range-thumb:hover{transform:scale(1.2)}._historyButton_1xf6c_1{border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:16px 20px 8px #00000026,inset -4px -4px 10px #0003;background-image:linear-gradient(135deg,#fff3,#0003);outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}._historyCardsContent_1xf6c_17{margin:12px 0}._historyButton_1xf6c_1:focus{outline:none}._historyButton_1xf6c_1:active{outline:none;-webkit-tap-highlight-color:transparent}._historyButton_1xf6c_1:focus-visible{outline:none}._historyButton_1xf6c_1 img{pointer-events:none}._tooltip_1xf6c_39{display:flex;z-index:110;line-height:1.2;padding:10px 14px;position:absolute;top:0;border-radius:8px;font-weight:800;text-align:center;width:max-content;transition:opacity .3s ease;box-shadow:0 0 16px 1px #000;left:50%;white-space:pre-line;transform:translate(-50%) translateY(calc(-100% - 16px));animation:_historyButtonTooltipBounce_1xf6c_1 2s infinite}._tooltipArrow_1xf6c_59{position:absolute;bottom:-8px;left:50%;width:16px;height:16px;transform:translate(-50%) rotate(45deg);z-index:0}@keyframes _historyButtonTooltipBounce_1xf6c_1{0%,20%,50%,80%,to{transform:translate(-50%) translateY(calc(-100% - 16px))}40%{transform:translate(-50%) translateY(calc(-100% - 24px))}60%{transform:translate(-50%) translateY(calc(-100% - 20px))}}._drawerOverlay_1eftt_2{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}._drawerOverlayScoped_1eftt_16{position:absolute;top:0;left:0;right:0;bottom:0}._drawerOverlayVisible_1eftt_24{opacity:1;visibility:visible}._drawer_1eftt_2{position:fixed;bottom:0;left:0;right:0;height:80%;background:#fff;border-radius:20px 20px 0 0;z-index:1000;transform:translateY(100%);transition:transform .6s cubic-bezier(.25,.46,.45,.94);box-shadow:0 -8px 32px #0003;display:flex;flex-direction:column;overflow:hidden}._drawerScoped_1eftt_48{position:absolute;bottom:0;left:0;right:0}._drawerOpen_1eftt_55{transform:translateY(0)}._drawerHandle_1eftt_60{width:40px;height:4px;background-color:#0003;border-radius:2px;margin:12px auto 8px;flex-shrink:0;transition:background-color .2s ease}._drawerHandle_1eftt_60:hover{background-color:#0000004d}._drawerEmojisContainer_1eftt_75{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}._drawerEmojiItem_1eftt_84{display:flex;flex-direction:column;align-items:center;gap:8px}._drawerEmojiItemActive_1eftt_91 ._drawerEmojiLabel_1eftt_91{color:#000;font-weight:700}._drawerEmojiButton_1eftt_97{display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#fffc;border:2px solid rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;width:50px;height:50px;box-shadow:0 2px 8px #00000026;-webkit-tap-highlight-color:transparent}._drawerEmojiButtonActive_1eftt_113{background:#fff;border:3px solid rgba(0,0,0,.6);box-shadow:0 4px 12px #00000040;transform:scale(1.1)}._drawerEmojiLikeActive_1eftt_125{border-color:#4caf50;background:#4caf5026;box-shadow:0 4px 12px #4caf504d}._drawerEmojiDislikeActive_1eftt_135{border-color:#f44336;background:#f4433626;box-shadow:0 4px 12px #f443364d}._drawerEmojiMaybeActive_1eftt_145{border-color:#ff9800;background:#ff980026;box-shadow:0 4px 12px #ff98004d}._drawerEmojiSeenActive_1eftt_155{border-color:#2196f3;background:#2196f326;box-shadow:0 4px 12px #2196f34d}._drawerEmojiIcon_1eftt_162{width:32px;height:32px;object-fit:contain}._drawerEmojiLabel_1eftt_91{font-size:11px;font-weight:600;color:#000c;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;white-space:pre-wrap}._drawerEmojiLike_1eftt_121:hover{border-color:#4caf50;background:#4caf501a}._drawerEmojiDislike_1eftt_131:hover{border-color:#f44336;background:#f443361a}._drawerEmojiMaybe_1eftt_141:hover{border-color:#ff9800;background:#ff98001a}._drawerEmojiSeen_1eftt_151:hover{border-color:#2196f3;background:#2196f31a}._drawerContent_1eftt_202{flex:1;padding:20px;-webkit-overflow-scrolling:touch;overflow-y:auto}._drawerCloseButton_1eftt_210{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:12px 24px;margin:20px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px #ff6b6b4d;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:center;min-height:48px;white-space:pre-wrap}._drawerCloseButton_1eftt_210:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}._drawerCloseButton_1eftt_210:active{transform:translateY(0);box-shadow:0 2px 8px #ff6b6b4d}._drawerCloseButton_1eftt_210:focus{outline:none}._drawerCloseButton_1eftt_210:focus-visible{outline:2px solid rgba(255,107,107,.5);outline-offset:2px}._drawerCloseIcon_1eftt_255{width:16px;height:16px;filter:brightness(0) invert(1)}@media (max-width: 768px){._drawer_1eftt_2{height:80%;border-radius:30px 30px 0 0}._drawerContent_1eftt_202{padding:16px}._drawerCloseButton_1eftt_210{margin:16px;padding:10px 20px;font-size:14px}}@media (max-width: 480px){._drawer_1eftt_2{height:80%;border-radius:30px 30px 0 0}._drawerContent_1eftt_202{padding:12px}._drawerCloseButton_1eftt_210{margin:12px;font-size:14px}}._cardListContainer_zrmnf_2{padding:20px;overscroll-behavior-y:contain;touch-action:pan-y;overflow-y:auto;height:100%;box-sizing:border-box}._cardListContainerNoPadding_zrmnf_11{padding:0;box-sizing:border-box}._summaryGridContainer_zrmnf_17{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;box-sizing:border-box}._summaryGridItem_zrmnf_26{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#0000000d;cursor:default}._summaryGridItemClickable_zrmnf_34{cursor:pointer}._gridPlaceholder_zrmnf_39{width:100%;height:100%;background:#f2f2f2;display:flex;align-items:center;justify-content:center;font-size:12px;color:#181818}._gridItemImage_zrmnf_51{width:100%;height:100%;object-fit:cover}._summaryCardItem_zrmnf_58{display:flex;gap:8px;padding:12px;border-radius:8px;background:#f2f2f2;color:#181818;margin-bottom:8px;align-items:center;cursor:default}._summaryCardItemClickable_zrmnf_70{cursor:pointer}._cardItemImage_zrmnf_75{width:60px;height:60px;border-radius:6px;object-fit:cover;flex-shrink:0}._cardItemPlaceholder_zrmnf_84{width:60px;height:60px;border-radius:6px;background:#d9d9d9;display:flex;align-items:center;justify-content:center;font-size:12px;color:#00000080;flex-shrink:0}._cardItemContent_zrmnf_98{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}._cardItemTitle_zrmnf_107{margin:0 0 2px;font-size:14px;font-weight:600;line-height:1.2;text-align:left}._cardItemPrice_zrmnf_116{margin:0;font-size:12px;color:#000000b3;line-height:1.2}._summaryContainer_1gtok_3{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;overflow:hidden;position:relative}._summaryShareButtonFixed_1gtok_14{position:absolute;bottom:10px;right:10px;width:45px;height:45px;font-size:12px;text-transform:uppercase;border-radius:50%;background-color:#2196f3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000;-webkit-tap-highlight-color:transparent}._summaryShareButtonFixed_1gtok_14:hover{background-color:#1976d2;box-shadow:0 6px 16px #0003;transform:scale(1.05)}._summaryShareButtonFixed_1gtok_14:active{transform:scale(.95);box-shadow:0 2px 8px #00000026}._summaryShareButtonFixed_1gtok_14 ._shareIcon_1gtok_47{width:24px;height:24px;filter:brightness(0) invert(1)}._summaryExplaination_1gtok_54{gap:8px;padding:12px;border-radius:8px;align-items:center;margin:12px 20px 0;font-size:14px;font-weight:600;line-height:1.2;text-align:center;justify-content:center;white-space:pre-wrap;background:#f2f2f2;color:#181818}._summaryTabs_1gtok_71{display:flex;justify-content:center;padding:16px 20px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}._summaryTab_1gtok_71{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;text-align:center;padding:0 5px;-webkit-tap-highlight-color:transparent}._summaryEmojiItem_1gtok_96{display:flex;flex-direction:column;align-items:center;gap:8px}._summaryEmojiButton_1gtok_108{display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#fffc;border:2px solid rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;width:40px;height:40px;box-shadow:0 2px 8px #00000026;-webkit-tap-highlight-color:transparent}._summaryEmojiButtonActive_1gtok_124{background:#fff;border:3px solid rgba(0,0,0,.6);box-shadow:0 4px 12px #00000040;transform:scale(1.1)}._summaryEmojiLikeActive_1gtok_136{border-color:#4caf50;background:#4caf5026;box-shadow:0 4px 12px #4caf504d}._summaryEmojiDislikeActive_1gtok_146{border-color:#f44336;background:#f4433626;box-shadow:0 4px 12px #f443364d}._summaryEmojiMaybeActive_1gtok_156{border-color:#ff9800;background:#ff980026;box-shadow:0 4px 12px #ff98004d}._summaryEmojiSeenActive_1gtok_166{border-color:#2196f3;background:#2196f326;box-shadow:0 4px 12px #2196f34d}._summaryEmojiLike_1gtok_132:hover{border-color:#4caf50;background:#4caf501a}._summaryEmojiDislike_1gtok_142:hover{border-color:#f44336;background:#f443361a}._summaryEmojiMaybe_1gtok_152:hover{border-color:#ff9800;background:#ff98001a}._summaryEmojiSeen_1gtok_162:hover{border-color:#2196f3;background:#2196f31a}._summaryEmojiIcon_1gtok_194{width:28px;height:28px;object-fit:contain}._summaryEmojiLabel_1gtok_201{font-size:11px;font-weight:600;color:#000c;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}._summaryEmojiItemActive_1gtok_103 ._summaryEmojiLabel_1gtok_201{color:#000;font-weight:700}._summaryContent_1gtok_217{flex:1;overflow:hidden;position:relative;background-color:#fff;min-height:0}._summaryPanel_1gtok_226{display:none;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow-y:auto;min-height:0;box-sizing:border-box;overscroll-behavior:contain}._summaryPanelActive_1gtok_241{display:block}._summaryEmptyState_1gtok_246{text-align:center;padding:40px 20px;color:#181818}._summaryEmptyStateText_1gtok_252{margin:0 0 16px;font-size:18px;font-weight:600}._historyDrawerContent_x0jj6_1,._historyDrawerContent_x0jj6_1 .summary-container{height:100%;display:flex;flex-direction:column;overflow:hidden}._historyDrawerEmpty_x0jj6_15{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;color:#666}._historyDrawerEmpty_x0jj6_15 p{margin:8px 0;font-size:16px}._historyDrawerEmptyHint_x0jj6_31{font-size:14px;color:#999}._historyDrawerTitle_x0jj6_36{margin:0 0 16px;padding:20px 20px 0;font-size:20px;font-weight:700;color:#333}._historyDrawerList_x0jj6_44{height:100%;display:flex;flex-direction:column;overflow:hidden}._historyDrawerList_x0jj6_44 .card-list-container{flex:1;overflow-y:auto}._historyDrawerGrouped_x0jj6_56{height:100%;display:flex;flex-direction:column;overflow-y:auto}._historyDrawerGroup_x0jj6_56{margin-bottom:24px}._historyDrawerGroup_x0jj6_56:last-child{margin-bottom:0}._historyDrawerGroupTitle_x0jj6_71{margin:0 0 12px;padding:20px 20px 0;font-size:18px;font-weight:700;color:#333}._historyDrawerGroup_x0jj6_56:first-child ._historyDrawerGroupTitle_x0jj6_71{padding-top:20px}._historyDrawerGroup_x0jj6_56 .card-list-container{padding-top:0}._historyDrawer_x0jj6_1 .drawer-content{padding:20px 0}._historyDrawer_x0jj6_1 .drawer-content .summary-tabs,._historyDrawer_x0jj6_1 .drawer-content .summary-content{background-color:transparent!important}._filtersButton_qio2f_1{position:absolute;z-index:1000;min-width:80px;height:40px;padding:8px 16px;border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center;white-space:pre-wrap;background-image:linear-gradient(135deg,#ffffff1a,#0000001a);transition:all .3s ease;box-shadow:0 4px 8px #00000026}._filtersButton_qio2f_1:hover{box-shadow:0 6px 12px #0003;transform:translateY(-1px)}._filtersButton_qio2f_1:active{transform:translateY(1px);box-shadow:0 2px 4px #00000026}._filtersButton_qio2f_1:focus{outline:none}._filtersButton_qio2f_1:focus-visible{outline:none}._filtersLeft_qio2f_46{left:20px;right:auto}._filtersMiddle_qio2f_51{left:50%;right:auto;transform:translate(-50%)}._filtersRight_qio2f_57{left:auto;right:20px}._filtersIcon_qio2f_63{pointer-events:none;flex-shrink:0}._content_bjs2p_2{padding:12px 20px}._title_bjs2p_7{margin:0 0 12px;font-size:16px;font-weight:600;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:pre-wrap}._categories_bjs2p_17{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}._pill_bjs2p_25{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}._noCategories_bjs2p_40{width:100%;color:#999;font-style:italic;text-align:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._confirmButton_bjs2p_50{display:block;width:100%;margin-top:16px;padding:12px 0;border:none;border-radius:12px;background-color:#007bff;color:#fff;font-size:14px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent}._confirmButton_bjs2p_50:hover{background-color:#0056b3}._cardsCounter_1h26d_1{width:100%;text-align:left;font-size:14px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);padding:5px 5px 5px 21px;pointer-events:none;white-space:pre-wrap}._logo_1rzq2_1{display:block;height:auto;max-width:100%;-webkit-user-select:none;user-select:none;pointer-events:none}._container_18bki_1{position:absolute}._interactiveFeed_1wsuw_1,._swippingJourney_15509_1{position:relative;width:100%;height:100%;overflow:hidden}._mainBootstrap_1rzog_1{width:100%;height:100%;position:relative}:root{--media-object-fit: cover}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{touch-action:pan-y;-webkit-user-select:none;user-select:none}";document.head.appendChild(s);}})();import React, { createContext, useRef, useContext, useId, useEffect, useCallback, useLayoutEffect, useMemo, useInsertionEffect, forwardRef, Fragment, createElement, Component, useState, useImperativeHandle } from "react";
 import { createRoot } from "react-dom/client";
 import { jsxs, jsx, Fragment as Fragment$1 } from "react/jsx-runtime";
 const LayoutGroupContext = createContext({});
@@ -7593,19 +7593,227 @@ const cardContent = "_cardContent_doqsx_18";
 const gradientBottom = "_gradientBottom_doqsx_29";
 const gradientTop = "_gradientTop_doqsx_41";
 const cardName = "_cardName_doqsx_52";
-const styles$o = {
+const styles$p = {
   card,
   cardContent,
   gradientBottom,
   gradientTop,
   cardName
 };
+const DataContext = createContext(void 0);
+const DataProvider = ({
+  children,
+  dataService,
+  finderId,
+  backendUrl,
+  presetCategoryIds,
+  initialCards = [],
+  initialFinder = null,
+  initialCategories = []
+}) => {
+  const hasPresetCategories = Array.isArray(presetCategoryIds) && presetCategoryIds.length > 0;
+  const isInitiallyLoaded = useRef(false);
+  const [cards, setCards] = useState(initialCards);
+  const [finder, setFinder] = useState(initialFinder);
+  const [categories2, setCategories] = useState(initialCategories);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const loadFinder = useCallback(async () => {
+    if (!finderId || !backendUrl) {
+      setError("finderId and backendUrl are required to load finder");
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await dataService.loadFinderFromApi(finderId, backendUrl, presetCategoryIds);
+      setFinder(result.finder);
+      setCards(result.cards);
+      setCategories(result.categories);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to load finder";
+      setError(errorMessage);
+      console.error("Error loading finder:", err);
+    } finally {
+      setLoading(false);
+      isInitiallyLoaded.current = true;
+    }
+  }, [dataService, finderId, backendUrl, presetCategoryIds]);
+  useEffect(() => {
+    loadFinder();
+  }, [loadFinder]);
+  const loadCardsByCategories = useCallback(async (categoryIds) => {
+    if (!finderId || !backendUrl) {
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await dataService.loadCardsByCategories(finderId, backendUrl, categoryIds);
+      setCards(result.cards);
+      setCategories(result.categories);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to load cards";
+      setError(errorMessage);
+      console.error("Error loading cards by categories:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [dataService, finderId, backendUrl]);
+  const value = {
+    cards,
+    finder,
+    categories: categories2,
+    loading,
+    error,
+    isInitiallyLoaded: isInitiallyLoaded.current,
+    hasPresetCategories,
+    setCards,
+    setFinder,
+    setCategories,
+    loadFinder,
+    loadCardsByCategories
+  };
+  return /* @__PURE__ */ jsx(DataContext.Provider, { value, children });
+};
+const useData = () => {
+  const context = useContext(DataContext);
+  if (context === void 0) {
+    throw new Error("useData must be used within a DataProvider");
+  }
+  return context;
+};
+const UIContext = createContext(void 0);
+const UIProvider = ({ children }) => {
+  var _a, _b, _c, _d;
+  const { finder } = useData();
+  const [buttonsVisible, setButtonsVisible] = useState(false);
+  const [summaryVisible, setSummaryVisible] = useState(false);
+  const [ctaTooltipVisible, setCtaTooltipVisible] = useState(false);
+  const [selectedCategories, setSelectedCategories] = useState([]);
+  const [logoVisible, setLogoVisible] = useState(true);
+  const [tutorialVisible, setTutorialVisible] = useState(false);
+  const [isFiltersDrawerOpen, setIsFiltersDrawerOpen] = useState(false);
+  useEffect(() => {
+    var _a2;
+    console.log("finder?.navigation?.tutorial", finder == null ? void 0 : finder.tutorial);
+    setTutorialVisible(((_a2 = finder == null ? void 0 : finder.tutorial) == null ? void 0 : _a2.enabled) ?? false);
+  }, [
+    (_a = finder == null ? void 0 : finder.tutorial) == null ? void 0 : _a.enabled,
+    (_b = finder == null ? void 0 : finder.tutorial) == null ? void 0 : _b.size,
+    (_c = finder == null ? void 0 : finder.tutorial) == null ? void 0 : _c.color,
+    (_d = finder == null ? void 0 : finder.tutorial) == null ? void 0 : _d.opacity
+  ]);
+  console.log("tutorialVisible3", tutorialVisible);
+  const showButtons = useCallback(() => {
+    setButtonsVisible(true);
+  }, []);
+  const hideButtons = useCallback(() => {
+    setButtonsVisible(false);
+  }, []);
+  const showSummary = useCallback(() => {
+    setSummaryVisible(true);
+  }, []);
+  const hideSummary = useCallback(() => {
+    setSummaryVisible(false);
+  }, []);
+  const showCtaTooltip = useCallback(() => {
+    setCtaTooltipVisible(true);
+  }, []);
+  const hideCtaTooltip = useCallback(() => {
+    setCtaTooltipVisible(false);
+  }, []);
+  const toggleLogo = useCallback((visible) => {
+    setLogoVisible(visible);
+  }, []);
+  const showTutorial = useCallback(() => {
+    setTutorialVisible(true);
+  }, []);
+  const hideTutorial = useCallback(() => {
+    setTutorialVisible(false);
+  }, []);
+  const openFiltersDrawer = useCallback(() => {
+    setIsFiltersDrawerOpen(true);
+  }, []);
+  const closeFiltersDrawer = useCallback(() => {
+    setIsFiltersDrawerOpen(false);
+  }, []);
+  const value = {
+    buttonsVisible,
+    summaryVisible,
+    ctaTooltipVisible,
+    selectedCategories,
+    logoVisible,
+    tutorialVisible,
+    isFiltersDrawerOpen,
+    showButtons,
+    hideButtons,
+    showSummary,
+    hideSummary,
+    showCtaTooltip,
+    hideCtaTooltip,
+    setSelectedCategories,
+    toggleLogo,
+    showTutorial,
+    hideTutorial,
+    openFiltersDrawer,
+    closeFiltersDrawer
+  };
+  return /* @__PURE__ */ jsx(UIContext.Provider, { value, children });
+};
+const useUI = () => {
+  const context = useContext(UIContext);
+  if (context === void 0) {
+    throw new Error("useUI must be used within a UIProvider");
+  }
+  return context;
+};
+const filterIcon$1 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpolygon%20points='22,3%202,3%2010,12.46%2010,19%2014,21%2014,12.46'%3e%3c/polygon%3e%3c/svg%3e";
+const categories$1 = "_categories_1237w_1";
+const categoryBadge = "_categoryBadge_1237w_13";
+const filterButton = "_filterButton_1237w_28";
+const filterIcon = "_filterIcon_1237w_45";
+const styles$o = {
+  categories: categories$1,
+  categoryBadge,
+  filterButton,
+  filterIcon
+};
+const CardCategories = ({
+  categoryIds,
+  categories: categories2
+}) => {
+  const { openFiltersDrawer } = useUI();
+  const { hasPresetCategories } = useData();
+  const resolved = useMemo(() => {
+    return categoryIds.slice(0, 3).map((id2) => categories2.find((c) => c.id === id2)).filter((c) => Boolean(c));
+  }, [categoryIds, categories2]);
+  if (resolved.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: styles$o.categories, children: [
+    resolved.map((category) => /* @__PURE__ */ jsx("span", { className: styles$o.categoryBadge, children: category.name }, category.id)),
+    !hasPresetCategories && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: styles$o.filterButton,
+        onPointerDown: (e) => e.stopPropagation(),
+        onClick: (e) => {
+          e.stopPropagation();
+          openFiltersDrawer();
+        },
+        "aria-label": "Filters",
+        children: /* @__PURE__ */ jsx("img", { src: filterIcon$1, alt: "", className: styles$o.filterIcon })
+      }
+    )
+  ] });
+};
 const CardWrapper = ({
   card: card2,
   cardUIConfig,
   className = "",
   children
 }) => {
+  const { categories: categories2 } = useData();
   const { gradient, title: title2 } = cardUIConfig;
   const gradientColor = gradient.color || "rgba(0, 0, 0, 1)";
   const getGradientClasses = () => {
@@ -7623,13 +7831,13 @@ const CardWrapper = ({
     "div",
     {
       id: card2.id || void 0,
-      className: `${styles$o.card} ${className}`.trim(),
+      className: `${styles$p.card} ${className}`.trim(),
       children: [
         children,
         gradients.showBottom && /* @__PURE__ */ jsx(
           "div",
           {
-            className: styles$o.gradientBottom,
+            className: styles$p.gradientBottom,
             style: {
               background: `linear-gradient(transparent, ${gradientColor})`
             }
@@ -7638,23 +7846,32 @@ const CardWrapper = ({
         gradients.showTop && /* @__PURE__ */ jsx(
           "div",
           {
-            className: styles$o.gradientTop,
+            className: styles$p.gradientTop,
             style: {
               background: `linear-gradient(${gradientColor}, transparent)`
             }
           }
         ),
-        title2.enabled && /* @__PURE__ */ jsx("div", { className: styles$o.cardContent, children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: styles$o.cardName,
-            style: {
-              fontSize: `${title2.textSize}px`,
-              bottom: `${title2.positionBottom}%`
-            },
-            children: card2.title || ""
-          }
-        ) })
+        /* @__PURE__ */ jsxs("div", { className: styles$p.cardContent, children: [
+          card2.categoryIds && card2.categoryIds.length > 0 && /* @__PURE__ */ jsx(
+            CardCategories,
+            {
+              categoryIds: card2.categoryIds,
+              categories: categories2
+            }
+          ),
+          title2.enabled && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: styles$p.cardName,
+              style: {
+                fontSize: `${title2.textSize}px`,
+                bottom: `${title2.positionBottom}%`
+              },
+              children: card2.title || ""
+            }
+          )
+        ] })
       ]
     }
   );
@@ -26409,17 +26626,19 @@ const FiltersButton = ({
     }
   );
 };
-const content = "_content_hci8k_2";
-const title = "_title_hci8k_7";
-const categories = "_categories_hci8k_17";
-const pill = "_pill_hci8k_25";
-const noCategories = "_noCategories_hci8k_40";
+const content = "_content_bjs2p_2";
+const title = "_title_bjs2p_7";
+const categories = "_categories_bjs2p_17";
+const pill = "_pill_bjs2p_25";
+const noCategories = "_noCategories_bjs2p_40";
+const confirmButton = "_confirmButton_bjs2p_50";
 const styles$6 = {
   content,
   title,
   categories,
   pill,
-  noCategories
+  noCategories,
+  confirmButton
 };
 const FiltersDrawer = ({
   isOpen,
@@ -26432,26 +26651,37 @@ const FiltersDrawer = ({
   className = ""
 }) => {
   const { drawerCategoriesTitle, drawerCloseButtonText } = filtersUIConfig;
-  const selectedCategoriesSet = new Set(externalSelectedCategories);
+  const [localSelected, setLocalSelected] = useState(externalSelectedCategories);
   const [hoveredPillId, setHoveredPillId] = useState(null);
+  useEffect(() => {
+    if (isOpen) {
+      setLocalSelected(externalSelectedCategories);
+    }
+  }, [isOpen]);
+  const localSelectedSet = new Set(localSelected);
   const toggleCategorySelection = (categoryId) => {
-    const newSelected = new Set(externalSelectedCategories);
-    if (categoryId === "all") {
-      newSelected.clear();
-    } else {
-      if (newSelected.has(categoryId)) {
-        newSelected.delete(categoryId);
+    setLocalSelected((prev) => {
+      if (categoryId === "all") {
+        return [];
+      }
+      const set = new Set(prev);
+      if (set.has(categoryId)) {
+        set.delete(categoryId);
       } else {
-        newSelected.add(categoryId);
+        set.add(categoryId);
       }
-    }
+      return Array.from(set);
+    });
+  };
+  const handleConfirm = () => {
     if (onFilterChange) {
-      onFilterChange(Array.from(newSelected));
+      onFilterChange(localSelected);
     }
+    onClose();
   };
   const getPillStyle = (categoryId, isActive) => {
     const isHovered = hoveredPillId === categoryId;
-    const isAllActive = categoryId === "all" && selectedCategoriesSet.size === 0;
+    const isAllActive = categoryId === "all" && localSelectedSet.size === 0;
     return {
       background: isActive || isAllActive ? "#007bff" : isHovered ? "#e9ecef" : "#f5f5f5",
       color: isActive || isAllActive ? "white" : "#666",
@@ -26468,8 +26698,7 @@ const FiltersDrawer = ({
       maxHeight: "70%",
       className,
       showHandle: true,
-      showCloseButton: true,
-      closeButtonText: drawerCloseButtonText,
+      showCloseButton: false,
       scoped,
       children: /* @__PURE__ */ jsxs("div", { className: styles$6.content, children: [
         /* @__PURE__ */ jsx("h3", { className: styles$6.title, children: drawerCategoriesTitle }),
@@ -26478,7 +26707,7 @@ const FiltersDrawer = ({
             "div",
             {
               className: styles$6.pill,
-              style: getPillStyle("all", selectedCategoriesSet.size === 0),
+              style: getPillStyle("all", localSelectedSet.size === 0),
               onMouseEnter: () => setHoveredPillId("all"),
               onMouseLeave: () => setHoveredPillId(null),
               onClick: () => toggleCategorySelection("all"),
@@ -26489,7 +26718,7 @@ const FiltersDrawer = ({
             "div",
             {
               className: styles$6.pill,
-              style: getPillStyle(category.id, selectedCategoriesSet.has(category.id)),
+              style: getPillStyle(category.id, localSelectedSet.has(category.id)),
               onMouseEnter: () => setHoveredPillId(category.id),
               onMouseLeave: () => setHoveredPillId(null),
               onClick: () => toggleCategorySelection(category.id),
@@ -26497,7 +26726,16 @@ const FiltersDrawer = ({
             },
             category.id
           ))
-        ] }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: styles$6.confirmButton,
+            onClick: handleConfirm,
+            children: drawerCloseButtonText
+          }
+        )
       ] })
     }
   );
@@ -26585,67 +26823,6 @@ const Positioned = ({
   };
   return /* @__PURE__ */ jsx("div", { className: `${styles$3.container} ${className}`.trim(), style: containerStyle, children });
 };
-const DataContext = createContext(void 0);
-const DataProvider = ({
-  children,
-  dataService,
-  finderId,
-  backendUrl,
-  initialCards = [],
-  initialFinder = null,
-  initialCategories = []
-}) => {
-  const isInitiallyLoaded = useRef(false);
-  const [cards, setCards] = useState(initialCards);
-  const [finder, setFinder] = useState(initialFinder);
-  const [categories2, setCategories] = useState(initialCategories);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const loadFinder = useCallback(async () => {
-    if (!finderId || !backendUrl) {
-      setError("finderId and backendUrl are required to load finder");
-      return;
-    }
-    setLoading(true);
-    setError(null);
-    try {
-      const result = await dataService.loadFinderFromApi(finderId, backendUrl);
-      setFinder(result.finder);
-      setCards(result.cards);
-      setCategories(result.categories);
-    } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Failed to load finder";
-      setError(errorMessage);
-      console.error("Error loading finder:", err);
-    } finally {
-      setLoading(false);
-      isInitiallyLoaded.current = true;
-    }
-  }, [dataService, finderId, backendUrl]);
-  useEffect(() => {
-    loadFinder();
-  }, [loadFinder]);
-  const value = {
-    cards,
-    finder,
-    categories: categories2,
-    loading,
-    error,
-    isInitiallyLoaded: isInitiallyLoaded.current,
-    setCards,
-    setFinder,
-    setCategories,
-    loadFinder
-  };
-  return /* @__PURE__ */ jsx(DataContext.Provider, { value, children });
-};
-const useData = () => {
-  const context = useContext(DataContext);
-  if (context === void 0) {
-    throw new Error("useData must be used within a DataProvider");
-  }
-  return context;
-};
 const AppStateContext = createContext(void 0);
 const AppStateProvider = ({
   children
@@ -26710,22 +26887,12 @@ const AppStateProvider = ({
   const setCards = useCallback((cards) => {
     setAllCards(cards);
     setFilteredCards(cards);
-    setSelectedCategories([]);
+    setCurrentCardIndex(0);
+    setNoMoreCards(false);
+  }, []);
+  const handleSetSelectedCategories = useCallback((categoryIds) => {
+    setSelectedCategories(categoryIds);
   }, []);
-  useEffect(() => {
-    let newFilteredCards;
-    if (selectedCategories.length === 0) {
-      newFilteredCards = [...allCards];
-    } else {
-      newFilteredCards = allCards.filter((card2) => {
-        return card2.categoryIds && card2.categoryIds.some((categoryId) => selectedCategories.includes(categoryId));
-      });
-    }
-    setFilteredCards(newFilteredCards);
-    if (allCards.length > 0) {
-      setCurrentCardIndex(0);
-    }
-  }, [selectedCategories, allCards]);
   const value = {
     currentCardIndex,
     swipeHistory,
@@ -26752,7 +26919,7 @@ const AppStateProvider = ({
     toggleMute,
     showLogo,
     setCards,
-    setSelectedCategories
+    setSelectedCategories: handleSetSelectedCategories
   };
   return /* @__PURE__ */ jsx(AppStateContext.Provider, { value, children });
 };
@@ -26767,11 +26934,12 @@ const MonitoringContext = createContext(void 0);
 const MonitoringProvider = ({
   children,
   monitorService,
-  finderId
+  finderId,
+  collectEvents = true
 }) => {
   const [sessionId] = useState(() => crypto.randomUUID());
   const cardImpressionStartTimesRef = useRef({});
-  const [lastConsentState, setLastConsentState] = useState(false);
+  const [lastConsentState, setLastConsentState] = useState(collectEvents);
   const eventBufferRef = useRef([]);
   const flushEventBuffer = useCallback(() => {
     const eventBufferCopy = [...eventBufferRef.current];
@@ -26892,81 +27060,6 @@ const interactiveFeed = "_interactiveFeed_1wsuw_1";
 const styles$2 = {
   interactiveFeed
 };
-const UIContext = createContext(void 0);
-const UIProvider = ({ children }) => {
-  var _a, _b, _c, _d;
-  const { finder } = useData();
-  const [buttonsVisible, setButtonsVisible] = useState(false);
-  const [summaryVisible, setSummaryVisible] = useState(false);
-  const [ctaTooltipVisible, setCtaTooltipVisible] = useState(false);
-  const [selectedCategories, setSelectedCategories] = useState([]);
-  const [logoVisible, setLogoVisible] = useState(true);
-  const [tutorialVisible, setTutorialVisible] = useState(false);
-  useEffect(() => {
-    var _a2;
-    console.log("finder?.navigation?.tutorial", finder == null ? void 0 : finder.tutorial);
-    setTutorialVisible(((_a2 = finder == null ? void 0 : finder.tutorial) == null ? void 0 : _a2.enabled) ?? false);
-  }, [
-    (_a = finder == null ? void 0 : finder.tutorial) == null ? void 0 : _a.enabled,
-    (_b = finder == null ? void 0 : finder.tutorial) == null ? void 0 : _b.size,
-    (_c = finder == null ? void 0 : finder.tutorial) == null ? void 0 : _c.color,
-    (_d = finder == null ? void 0 : finder.tutorial) == null ? void 0 : _d.opacity
-  ]);
-  console.log("tutorialVisible3", tutorialVisible);
-  const showButtons = useCallback(() => {
-    setButtonsVisible(true);
-  }, []);
-  const hideButtons = useCallback(() => {
-    setButtonsVisible(false);
-  }, []);
-  const showSummary = useCallback(() => {
-    setSummaryVisible(true);
-  }, []);
-  const hideSummary = useCallback(() => {
-    setSummaryVisible(false);
-  }, []);
-  const showCtaTooltip = useCallback(() => {
-    setCtaTooltipVisible(true);
-  }, []);
-  const hideCtaTooltip = useCallback(() => {
-    setCtaTooltipVisible(false);
-  }, []);
-  const toggleLogo = useCallback((visible) => {
-    setLogoVisible(visible);
-  }, []);
-  const showTutorial = useCallback(() => {
-    setTutorialVisible(true);
-  }, []);
-  const hideTutorial = useCallback(() => {
-    setTutorialVisible(false);
-  }, []);
-  const value = {
-    buttonsVisible,
-    summaryVisible,
-    ctaTooltipVisible,
-    selectedCategories,
-    logoVisible,
-    tutorialVisible,
-    showButtons,
-    hideButtons,
-    showSummary,
-    hideSummary,
-    showCtaTooltip,
-    hideCtaTooltip,
-    setSelectedCategories,
-    toggleLogo,
-    showTutorial,
-    hideTutorial
-  };
-  return /* @__PURE__ */ jsx(UIContext.Provider, { value, children });
-};
-const useUI = () => {
-  const context = useContext(UIContext);
-  if (context === void 0) {
-    throw new Error("useUI must be used within a UIProvider");
-  }
-  return context;
-};
 const InteractiveFeed = ({
   cards: initialCards,
   categories: categories2 = [],
@@ -27011,7 +27104,8 @@ const InteractiveFeed = ({
     sendImpressionEvent,
     startCardImpression
   } = useMonitoring();
-  const { tutorialVisible, hideTutorial } = useUI();
+  const { tutorialVisible, hideTutorial, isFiltersDrawerOpen, openFiltersDrawer, closeFiltersDrawer } = useUI();
+  const { loadCardsByCategories, hasPresetCategories } = useData();
   useEffect(() => {
     if ((logoUIConfig == null ? void 0 : logoUIConfig.url) && logoUIConfig.autoHideTimeout > 0) {
       showLogo(logoUIConfig.autoHideTimeout);
@@ -27021,13 +27115,13 @@ const InteractiveFeed = ({
     setCards(initialCards);
   }, [initialCards, setCards]);
   const [isHistoryDrawerOpen, setIsHistoryDrawerOpen] = useState(false);
-  const [isFiltersDrawerOpen, setIsFiltersDrawerOpen] = useState(false);
-  const handleFilterChange = useCallback((selectedCategoryIds) => {
+  const handleFilterChange = useCallback(async (selectedCategoryIds) => {
     setSelectedCategories(selectedCategoryIds);
+    await loadCardsByCategories(selectedCategoryIds);
     if (onFilterChange) {
       onFilterChange(selectedCategoryIds);
     }
-  }, [setSelectedCategories, onFilterChange]);
+  }, [setSelectedCategories, loadCardsByCategories, onFilterChange]);
   const shouldShowHistoryButton = useMemo(() => {
     return currentCardIndex > 0;
   }, [currentCardIndex]);
@@ -27044,11 +27138,11 @@ const InteractiveFeed = ({
     setIsHistoryDrawerOpen(false);
   }, []);
   const handleOpenFilters = useCallback(() => {
-    setIsFiltersDrawerOpen(true);
-  }, []);
+    openFiltersDrawer();
+  }, [openFiltersDrawer]);
   const handleCloseFiltersDrawer = useCallback(() => {
-    setIsFiltersDrawerOpen(false);
-  }, []);
+    closeFiltersDrawer();
+  }, [closeFiltersDrawer]);
   return /* @__PURE__ */ jsxs("div", { className: styles$2.interactiveFeed, children: [
     /* @__PURE__ */ jsx(
       SwipeableFeed,
@@ -27101,7 +27195,7 @@ const InteractiveFeed = ({
         )
       }
     ),
-    filtersUIConfig.enabled && /* @__PURE__ */ jsx(
+    filtersUIConfig.enabled && !hasPresetCategories && /* @__PURE__ */ jsx(
       Positioned,
       {
         x: `${filtersUIConfig.buttonLeftPosition}%`,
@@ -27117,7 +27211,7 @@ const InteractiveFeed = ({
         )
       }
     ),
-    filtersUIConfig.enabled && /* @__PURE__ */ jsx(
+    !hasPresetCategories && /* @__PURE__ */ jsx(
       FiltersDrawer,
       {
         isOpen: isFiltersDrawerOpen,
@@ -27250,16 +27344,13 @@ const SwippingJourney = ({
 };
 class MonitorService {
   /**
-   * Get monitor URL from window
+   * Get monitor URL from window or environment variable
    */
   getMonitorUrl() {
-    if (typeof window === "undefined") {
-      throw new Error("window is not available");
+    if (typeof window !== "undefined" && window.SWIPEFINDER_CAMPAIGN_MONITOR_URL) {
+      return window.SWIPEFINDER_CAMPAIGN_MONITOR_URL;
     }
-    if (!window.SWIPEFINDER_CAMPAIGN_MONITOR_URL) {
-      throw new Error("SWIPEFINDER_CAMPAIGN_MONITOR_URL is not set");
-    }
-    return window.SWIPEFINDER_CAMPAIGN_MONITOR_URL;
+    throw new Error("SWIPEFINDER_CAMPAIGN_MONITOR_URL is not set.");
   }
   /**
    * Send monitoring event to API
@@ -27273,9 +27364,9 @@ class MonitorService {
           "Content-Type": "application/json"
         },
         body: JSON.stringify({
+          session_id: params.sessionId,
           finder_id: params.finderId,
           event_type: params.event,
-          session_id: params.sessionId,
           card_id: params.cardId,
           card_view_duration: params.cardViewDuration,
           swipe_direction: params.direction
@@ -27356,7 +27447,9 @@ const AppProviders = ({
   monitorService,
   dataService,
   backendUrl,
-  finderId
+  finderId,
+  presetCategoryIds,
+  collectEvents
 }) => {
   return /* @__PURE__ */ jsx(
     DataProvider,
@@ -27364,11 +27457,13 @@ const AppProviders = ({
       dataService,
       finderId,
       backendUrl,
+      presetCategoryIds,
       children: /* @__PURE__ */ jsx(AppStateProvider, { children: /* @__PURE__ */ jsx(UIProvider, { children: /* @__PURE__ */ jsx(
         MonitoringProvider,
         {
           monitorService,
           finderId,
+          collectEvents,
           children
         }
       ) }) })
@@ -27380,7 +27475,9 @@ const MainBootstrap = ({
   dataService,
   backendUrl,
   finderId,
-  className = ""
+  categories: categories2,
+  className = "",
+  collectEvents = true
 }) => {
   return /* @__PURE__ */ jsx("div", { className: classNames(styles.mainBootstrap, className), children: /* @__PURE__ */ jsx(
     AppProviders,
@@ -27389,15 +27486,38 @@ const MainBootstrap = ({
       dataService,
       backendUrl,
       finderId,
+      presetCategoryIds: categories2,
+      collectEvents,
       children: /* @__PURE__ */ jsx(SwippingJourney, {})
     }
   ) });
 };
 class DataService {
+  /**
+   * Map raw API card items to Card types
+   */
+  mapCards(items) {
+    return items.map((card2) => {
+      if (card2.type === "image") {
+        const { image: image2, ...rest } = card2;
+        return {
+          ...rest,
+          imageUrl: image2 || card2.imageUrl || ""
+        };
+      } else if (card2.type === "video") {
+        const { video, ...rest } = card2;
+        return {
+          ...rest,
+          videoUrl: video || card2.videoUrl || ""
+        };
+      }
+      return card2;
+    });
+  }
   /**
    * Load finder from API
    */
-  async loadFinderFromApi(finderId, backendUrl) {
+  async loadFinderFromApi(finderId, backendUrl, categoryIds) {
     try {
       const apiUrl = `${backendUrl}/api/finders/${finderId}/queue`;
       const response = await fetch(apiUrl, {
@@ -27405,31 +27525,15 @@ class DataService {
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify({ categories: [], exclude: [] })
+        body: JSON.stringify({ categories: categoryIds && categoryIds.length > 0 ? categoryIds : [], exclude: [] })
       });
       if (!response.ok) {
         throw new Error(`API returned status: ${response.status}`);
       }
       const apiData = await response.json();
-      const mappedCards = apiData.cards.items.map((card2) => {
-        if (card2.type === "image") {
-          const { image: image2, ...rest } = card2;
-          return {
-            ...rest,
-            imageUrl: image2 || card2.imageUrl || ""
-          };
-        } else if (card2.type === "video") {
-          const { video, ...rest } = card2;
-          return {
-            ...rest,
-            videoUrl: video || card2.videoUrl || ""
-          };
-        }
-        return card2;
-      });
       return {
         finder: apiData.finder,
-        cards: mappedCards,
+        cards: this.mapCards(apiData.cards.items),
         categories: apiData.categories
       };
     } catch (error) {
@@ -27441,6 +27545,27 @@ class DataService {
       };
     }
   }
+  /**
+   * Load cards filtered by categories from API
+   */
+  async loadCardsByCategories(finderId, backendUrl, categoryIds) {
+    const apiUrl = `${backendUrl}/api/finders/${finderId}/queue`;
+    const response = await fetch(apiUrl, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ categories: categoryIds, exclude: [] })
+    });
+    if (!response.ok) {
+      throw new Error(`API returned status: ${response.status}`);
+    }
+    const apiData = await response.json();
+    return {
+      cards: this.mapCards(apiData.cards.items),
+      categories: apiData.categories
+    };
+  }
 }
 function initSwipeFinder(options) {
   const { backendUrl, finderId, element, ...config } = options;