@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/* Youtube Ads/ytkp-common.css */
.ytkp{--ytkp-bg: #0f0f0f;--ytkp-surface: #1e1e1e;--ytkp-surface-subtle: #272727;--ytkp-hover: #333333;--ytkp-line: #2e2e2e;--ytkp-line-strong: #3f3f3f;--ytkp-ink: #f1f1f1;--ytkp-body: #aaaaaa;--ytkp-muted: #888888;--ytkp-blue: #3ea6ff;--ytkp-ad-yellow: #fbc02d;--ytkp-font: "Roboto", "YouTube Sans", Arial, sans-serif;--ytkp-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);position: relative;width: 100%;height: 100%;min-height: var(--ytkp-min-height, 500px);overflow-y: auto;overflow-x: hidden;isolation: isolate;container-type: inline-size;background: var(--ytkp-bg);color: var(--ytkp-ink);font-family: var(--ytkp-font);font-size: 14px;line-height: 1.4;-webkit-font-smoothing: antialiased}
.ytkp,.ytkp *,.ytkp *::before,.ytkp *::after{box-sizing: border-box}
.ytkp a{color: var(--ytkp-ink);text-decoration: none;transition: color 0.15s ease}
.ytkp a:hover{text-decoration: none}
.ytkp-sprite{position: absolute;width: 0;height: 0;overflow: hidden}
.ytkp-shorts-ad-container{width: 320px;aspect-ratio: 9 / 16;background: #000;border-radius: 16px;overflow: hidden;position: relative;box-shadow: var(--ytkp-shadow);margin: 0 auto 20px}
.ytkp-shorts-video{width: 100%;height: 100%;object-fit: cover}
.ytkp-shorts-overlay{position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.85) 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: 16px;color: #fff}
.ytkp-shorts-channel-row{display: flex;align-items: center;gap: 8px;margin-bottom: 8px}
.ytkp-shorts-avatar{width: 32px;height: 32px;border-radius: 50%;overflow: hidden;background: #333}
.ytkp-shorts-avatar img{width: 100%;height: 100%;object-fit: cover}
.ytkp-shorts-caption{font-size: 13px;line-height: 1.35;color: #fff;margin-bottom: 12px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.ytkp-shorts-cta-bar{display: flex;align-items: center;justify-content: space-between;background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(8px);padding: 8px 14px;border-radius: 8px;cursor: pointer;transition: background 0.15s}
.ytkp-shorts-cta-btn{padding: 4px 12px;background: var(--ytkp-blue);color: #0f0f0f;border-radius: 14px;font-size: 11px;font-weight: 700}
.ytkp-shorts-side-actions{position: absolute;right: 12px;bottom: 80px;display: flex;flex-direction: column;align-items: center;gap: 16px;z-index: 10}
.ytkp-shorts-act{display: flex;flex-direction: column;align-items: center;gap: 4px;color: #fff;cursor: pointer}
.ytkp-shorts-act-circle{width: 40px;height: 40px;border-radius: 50%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;transition: transform 0.15s}
.ytkp-shorts-act:hover .ytkp-shorts-act-circle{transform: scale(1.1)}
.ytkp-shorts-act-circle svg{width: 20px;height: 20px;fill: #fff}
.ytkp-shorts-act span{font-size: 11px;font-weight: 600}
.ytkp-toast{position: fixed;bottom: 28px;left: 50%;transform: translateX(-50%) translateY(100px);background: #212121;border: 1px solid rgba(255, 255, 255, 0.15);color: #ffffff;padding: 10px 22px;border-radius: 999px;font-size: 13.5px;font-weight: 500;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.8), 0 0 16px rgba(255, 0, 0, 0.35);z-index: 500;opacity: 0;pointer-events: none;transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);text-align: center;display: flex;align-items: center;gap: 8px}
.ytkp-toast.is-active{transform: translateX(-50%) translateY(0);opacity: 1}
.ytkp-sponsored-badge{font-size: 11px;font-weight: 700;background: rgba(255, 255, 255, 0.15);color: #ffffff;padding: 1px 6px;border-radius: 3px;text-transform: uppercase;letter-spacing: 0.3px}
.ytkp-channel-verified svg{width: 12px;height: 12px;fill: var(--ytkp-body)}
/* Youtube Ads/demos/bumper-non-skippable/bumper-non-skippable.css */
.ytkp-non-skip-pill{display: flex;align-items: center;gap: 6px;padding: 8px 14px;background: rgba(0, 0, 0, 0.85);border: 1px solid rgba(255, 255, 255, 0.2);border-right: none;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-size: 12.5px;font-weight: 600;color: #fff;white-space: nowrap}
.ytkp-bumper-badge{font-size: 11px;font-weight: 700;background: var(--ytkp-ad-yellow);color: #0f0f0f;padding: 1px 6px;border-radius: 3px;text-transform: uppercase}
/* Youtube Ads/demos/infeed-video/infeed-video.css */
.ytkp-infeed-ad{display: flex;gap: 18px;padding: 14px;background: var(--ytkp-surface);border: 1px solid var(--ytkp-line);border-radius: 12px;position: relative;text-decoration: none !important;transition: transform 0.15s, border-color 0.15s}
.ytkp-infeed-ad:hover{border-color: var(--ytkp-line-strong);transform: translateY(-1px)}
.ytkp-infeed-thumb-box{width: 330px;flex-shrink: 0;position: relative;aspect-ratio: 16 / 9;border-radius: 8px;overflow: hidden;background: #222}
.ytkp-infeed-thumb-box img{width: 100%;height: 100%;object-fit: cover}
.ytkp-duration-badge{position: absolute;bottom: 6px;right: 6px;padding: 2px 4px;background: rgba(0, 0, 0, 0.85);border-radius: 4px;font-size: 11px;font-weight: 600;color: #fff}
.ytkp-infeed-details{flex: 1;display: flex;flex-direction: column}
.ytkp-infeed-title{font-size: 17px;font-weight: 500;line-height: 1.35;color: var(--ytkp-ink);margin-bottom: 6px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.ytkp-infeed-meta-row{display: flex;align-items: center;gap: 8px;font-size: 12px;color: var(--ytkp-body);margin-bottom: 8px}
.ytkp-channel-row{display: flex;align-items: center;gap: 8px;margin-bottom: 8px}
.ytkp-channel-avatar{width: 24px;height: 24px;border-radius: 50%;background: #333;overflow: hidden}
.ytkp-channel-avatar img{width: 100%;height: 100%;object-fit: cover}
.ytkp-channel-name{font-size: 12px;color: var(--ytkp-body);display: flex;align-items: center;gap: 4px}
.ytkp-infeed-desc{font-size: 12.5px;line-height: 1.45;color: var(--ytkp-body);margin-bottom: 12px}
.ytkp-infeed-cta-row{display: flex;align-items: center;gap: 12px;margin-top: auto}
.ytkp-infeed-cta-btn{display: inline-flex;align-items: center;gap: 6px;padding: 7px 18px;background: var(--ytkp-blue);color: #0f0f0f !important;font-size: 13px;font-weight: 700;border-radius: 18px;cursor: pointer;transition: background 0.15s}
.ytkp-infeed-cta-btn:hover{background: #65b8ff}
.ytkp-infeed-domain{font-size: 12px;color: var(--ytkp-muted)}
/* Youtube Ads/demos/instream-skippable/instream-skippable.css */
.ytkp-player-container{position: relative;width: 100%;max-width: 820px;aspect-ratio: 16 / 9;background: #000000;border-radius: 12px;overflow: hidden;box-shadow: var(--ytkp-shadow);margin-bottom: 16px}
.ytkp-player-video{width: 100%;height: 100%;object-fit: cover;display: block}
.ytkp-player-top{position: absolute;top: 14px;left: 16px;z-index: 10;display: flex;align-items: center;gap: 8px;padding: 4px 10px;background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(4px);border-radius: 4px;font-size: 12px;font-weight: 600;color: #fff}
.ytkp-ad-count{color: var(--ytkp-ad-yellow)}
.ytkp-player-action-card{position: absolute;bottom: 30px;left: 16px;z-index: 10;display: flex;align-items: center;gap: 12px;padding: 8px 14px;background: rgba(15, 15, 15, 0.92);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 8px;max-width: 360px}
.ytkp-action-logo{width: 36px;height: 36px;border-radius: 6px;background: #ffffff;display: flex;align-items: center;justify-content: center;flex-shrink: 0;overflow: hidden}
.ytkp-action-logo img{width: 100%;height: 100%;object-fit: cover}
.ytkp-action-info{flex: 1;min-width: 0}
.ytkp-action-title{font-size: 13px;font-weight: 700;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.ytkp-action-domain{font-size: 11px;color: var(--ytkp-muted)}
.ytkp-action-cta-pill{padding: 6px 16px;background: var(--ytkp-blue);color: #0f0f0f !important;border-radius: 16px;font-size: 12px;font-weight: 700;white-space: nowrap;cursor: pointer;transition: background 0.15s}
.ytkp-action-cta-pill:hover{background: #65b8ff}
.ytkp-skip-container{position: absolute;bottom: 30px;right: 0;z-index: 10}
.ytkp-skip-btn{display: flex;align-items: center;gap: 8px;padding: 10px 18px;background: rgba(0, 0, 0, 0.85);border: 1px solid rgba(255, 255, 255, 0.25);border-right: none;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-size: 13px;font-weight: 600;color: #fff;cursor: not-allowed;transition: all 0.2s ease}
.ytkp-skip-btn.is-active{background: rgba(0, 0, 0, 0.95);border-color: rgba(255, 255, 255, 0.4);cursor: pointer}
.ytkp-skip-btn.is-active:hover{background: #111;color: var(--ytkp-blue)}
.ytkp-skip-btn svg{width: 14px;height: 14px;fill: currentColor}
.ytkp-player-controls{position: absolute;bottom: 0;left: 0;right: 0;height: 24px;display: flex;flex-direction: column;justify-content: flex-end;background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.6) 100%);padding: 0 10px 6px}
.ytkp-progress-track{width: 100%;height: 4px;background: rgba(255, 255, 255, 0.2);border-radius: 2px;overflow: hidden;position: relative}
.ytkp-progress-fill{height: 100%;width: 35%;background: var(--ytkp-ad-yellow);transition: width 0.3s ease}
/* Youtube Ads/demos/masthead/masthead.css */
.ytkp-masthead-card{display: flex;gap: 20px;padding: 18px;background: var(--ytkp-surface);border: 1px solid var(--ytkp-line);border-radius: 12px;margin-bottom: 24px;box-shadow: var(--ytkp-shadow)}
.ytkp-masthead-media{width: 420px;aspect-ratio: 16 / 9;border-radius: 8px;overflow: hidden;background: #000;position: relative;flex-shrink: 0}
.ytkp-masthead-media img{width: 100%;height: 100%;object-fit: cover}
.ytkp-masthead-sound{position: absolute;bottom: 8px;right: 8px;padding: 4px 8px;background: rgba(0, 0, 0, 0.75);border-radius: 4px;font-size: 11px;color: #fff;display: flex;align-items: center;gap: 4px}
.ytkp-masthead-body{flex: 1;display: flex;flex-direction: column}
.ytkp-masthead-headline{font-size: 20px;font-weight: 700;color: var(--ytkp-ink);line-height: 1.3;margin-bottom: 6px}
.ytkp-masthead-desc{font-size: 13.5px;color: var(--ytkp-body);line-height: 1.5;margin-bottom: 16px}
.ytkp-masthead-actions{display: flex;align-items: center;gap: 12px;margin-top: auto}
.ytkp-btn-primary{padding: 8px 20px;background: var(--ytkp-blue);color: #0f0f0f !important;font-weight: 700;font-size: 13px;border-radius: 20px;cursor: pointer;transition: background 0.15s}
.ytkp-btn-primary:hover{background: #65b8ff}
.ytkp-btn-secondary{padding: 8px 20px;background: transparent;border: 1px solid var(--ytkp-line-strong);color: var(--ytkp-ink) !important;font-weight: 600;font-size: 13px;border-radius: 20px;cursor: pointer;transition: background 0.15s}
.ytkp-btn-secondary:hover{background: var(--ytkp-hover)}
/* Youtube Ads/demos/shoppable-feed/shoppable-feed.css */
.ytkp-shoppable-feed{background: var(--ytkp-surface);border: 1px solid var(--ytkp-line);border-radius: 12px;padding: 14px 18px;margin-bottom: 20px}
.ytkp-feed-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px}
.ytkp-feed-title{display: flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 700;color: var(--ytkp-ink)}
.ytkp-feed-title svg{width: 16px;height: 16px;fill: var(--ytkp-blue)}
.ytkp-products-carousel{display: flex;gap: 12px;overflow-x: auto;scrollbar-width: none;padding-bottom: 4px}
.ytkp-products-carousel::-webkit-scrollbar{display: none}
.ytkp-product-card{flex: 0 0 160px;background: var(--ytkp-surface-subtle);border: 1px solid var(--ytkp-line-strong);border-radius: 8px;overflow: hidden;text-decoration: none !important;color: inherit;transition: transform 0.15s, border-color 0.15s}
.ytkp-product-card:hover{transform: translateY(-2px);border-color: var(--ytkp-blue)}
.ytkp-product-media{width: 100%;aspect-ratio: 1 / 1;background: #111;overflow: hidden}
.ytkp-product-media img{width: 100%;height: 100%;object-fit: cover}
.ytkp-product-info{padding: 8px 10px}
.ytkp-product-name{font-size: 12px;font-weight: 500;color: var(--ytkp-ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 2px}
.ytkp-product-price{font-size: 13px;font-weight: 700;color: #fff}
.ytkp-product-price s{font-size: 11px;font-weight: 400;color: var(--ytkp-muted);margin-left: 4px}
/* Youtube Ads/demos/shorts-app-install/shorts-app-install.css */
.ytkp-shorts-app-banner{display: flex;align-items: center;gap: 10px;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 10px;padding: 8px 12px;margin-bottom: 8px}
.ytkp-shorts-app-icon{width: 40px;height: 40px;border-radius: 8px;overflow: hidden;flex-shrink: 0}
.ytkp-shorts-app-icon img{width: 100%;height: 100%;object-fit: cover}
.ytkp-shorts-app-details{flex: 1;min-width: 0}
.ytkp-shorts-app-name{font-size: 12.5px;font-weight: 700;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.ytkp-shorts-app-stats{display: flex;align-items: center;gap: 6px;font-size: 11px;color: #bbb}
.ytkp-shorts-app-rating{color: #fbc02d;font-weight: 700}
/* Youtube Ads/demos/shorts-lead-form/shorts-lead-form.css */
.ytkp-shorts-lead-card{display: flex;align-items: center;justify-content: space-between;background: rgba(255, 255, 255, 0.18);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 10px;padding: 10px 14px;margin-bottom: 8px;cursor: pointer}
.ytkp-shorts-lead-text{font-size: 12.5px;font-weight: 700;color: #fff}
.ytkp-shorts-lead-sub{font-size: 10.5px;color: #ddd}
.ytkp-shorts-lead-cta{padding: 6px 14px;background: var(--ytkp-blue);color: #0f0f0f;font-weight: 700;font-size: 11.5px;border-radius: 16px;white-space: nowrap}
/* Youtube Ads/demos/shorts-partnership/shorts-partnership.css */
.ytkp-shorts-partnership-badge{position: absolute;top: 14px;left: 14px;z-index: 10;display: flex;align-items: center;gap: 6px;padding: 4px 10px;background: rgba(0, 0, 0, 0.65);backdrop-filter: blur(6px);border-radius: 12px;font-size: 11px;font-weight: 600;color: #ffffff}
/* Youtube Ads/demos/shorts-shoppable/shorts-shoppable.css */
.ytkp-shorts-product-feed{display: flex;gap: 8px;overflow-x: auto;margin-bottom: 10px;scrollbar-width: none;padding: 2px 0}
.ytkp-shorts-product-feed::-webkit-scrollbar{display: none}
.ytkp-shorts-product-pill{flex: 0 0 135px;background: rgba(20, 20, 20, 0.88);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 8px;padding: 6px;display: flex;gap: 6px;align-items: center;text-decoration: none !important;color: #fff;transition: transform 0.15s, border-color 0.15s}
.ytkp-shorts-product-pill:hover{transform: translateY(-2px);border-color: var(--ytkp-blue)}
.ytkp-shorts-product-img{width: 36px;height: 36px;border-radius: 4px;object-fit: cover;flex-shrink: 0}
.ytkp-shorts-product-meta{flex: 1;min-width: 0}
.ytkp-shorts-product-name{font-size: 10.5px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff}
.ytkp-shorts-product-price{font-size: 11px;font-weight: 700;color: var(--ytkp-ad-yellow)}
/* Youtube Ads/demos/shorts-standard/shorts-standard.css */
.ytkp-shorts-cta-title{font-size: 12px;font-weight: 700;color: #ffffff}
.ytkp-shorts-cta-bar:hover{background: rgba(255, 255, 255, 0.28)}
/* Youtube Ads/demos/watch-sidebar-display/watch-sidebar-display.css */
.ytkp-watch-layout{display: flex;gap: 24px;width: 100%}
.ytkp-watch-main{flex: 1;min-width: 0}
.ytkp-watch-sidebar{width: 360px;flex-shrink: 0;display: flex;flex-direction: column;gap: 16px}
.ytkp-sidebar-display-ad{background: var(--ytkp-surface);border: 1px solid var(--ytkp-line);border-radius: 12px;overflow: hidden;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);text-decoration: none !important;display: flex;flex-direction: column;transition: border-color 0.15s, transform 0.15s}
.ytkp-sidebar-display-ad:hover{border-color: var(--ytkp-line-strong);transform: translateY(-1px)}
.ytkp-sidebar-ad-header{display: flex;align-items: center;justify-content: space-between;padding: 10px 14px;border-bottom: 1px solid var(--ytkp-line)}
.ytkp-sidebar-ad-meta{display: flex;align-items: center;gap: 8px;font-size: 12px;color: var(--ytkp-body)}
.ytkp-sidebar-ad-domain{font-size: 12px;color: var(--ytkp-muted);font-weight: 500}
.ytkp-sidebar-ad-media{width: 100%;aspect-ratio: 16 / 9;background: #181818;overflow: hidden;position: relative}
.ytkp-sidebar-ad-media img{width: 100%;height: 100%;object-fit: cover}
.ytkp-sidebar-ad-content{padding: 14px;display: flex;flex-direction: column;gap: 8px}
.ytkp-sidebar-ad-title{font-size: 14px;font-weight: 600;color: var(--ytkp-ink);line-height: 1.35}
.ytkp-sidebar-ad-desc{font-size: 12.5px;color: var(--ytkp-body);line-height: 1.4}
.ytkp-sidebar-ad-cta-row{display: flex;align-items: center;justify-content: space-between;margin-top: 6px;padding-top: 8px;border-top: 1px solid rgba(255, 255, 255, 0.08)}
.ytkp-sidebar-ad-btn{display: inline-flex;align-items: center;justify-content: center;padding: 6px 16px;background: var(--ytkp-blue);color: #0f0f0f !important;font-size: 12px;font-weight: 700;border-radius: 16px;transition: background 0.15s}
.ytkp-sidebar-ad-btn:hover{background: #65b8ff}
.ytkp-rec-list{display: flex;flex-direction: column;gap: 12px}
.ytkp-rec-item{display: flex;gap: 10px;text-decoration: none !important;cursor: pointer}
.ytkp-rec-thumb-box{width: 140px;aspect-ratio: 16 / 9;border-radius: 8px;overflow: hidden;background: #222;position: relative;flex-shrink: 0}
.ytkp-rec-thumb-box img{width: 100%;height: 100%;object-fit: cover}
.ytkp-rec-details{flex: 1;min-width: 0}
.ytkp-rec-title{font-size: 13px;font-weight: 500;color: var(--ytkp-ink);line-height: 1.3;margin-bottom: 4px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.ytkp-rec-channel{font-size: 11.5px;color: var(--ytkp-body);margin-bottom: 2px}
.ytkp-rec-meta{font-size: 11.5px;color: var(--ytkp-muted)}
/* site/frames.css */
.ttkp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.ttkp > .ttkp-drawer{left: 12px;right: 12px;bottom: 12px}
@media (max-width: 479px){
.ttkp{max-width: 100%;margin: 0 auto}
}
.sckp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.sckp, .sckp *, .sckp *::before, .sckp *::after{box-sizing: border-box}
@media (max-width: 479px){
.sckp{max-width: 100%;margin: 0 auto}
}
.wwm-fbd-frame{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-fbd-frame>.fbkp{width: 100%}
@media (max-width:479px){
.wwm-fbd-frame{padding: 8px}
}
.wwm-fbd-frame .fbkp-marketplace-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px}
.wwm-fbd-frame .fbkp-messenger-drawer, .wwm-fbd-frame .fbkp-lead-modal, .wwm-fbd-frame .fbkp-canvas-modal{position: absolute}
.wwm-fbd-frame .fbkp-canvas-dialog, .wwm-fbd-frame .fbkp-lead-dialog{height: auto;max-height: calc(100% - 8px)}
.wwm-fbd-frame .fbkp-messenger-drawer{width: calc(100% - 24px);height: calc(100% - 24px);max-height: 520px}
.wwm-slot-phone .wwm-fbd-frame{margin: 0}
.wwm-rtd-frame{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-rtd-frame.is-fluid{width: 100%;max-width: 100%;margin: 0}
.wwm-rtd-frame>.igkp, .wwm-rtd-frame>.likp, .wwm-rtd-frame>.ytkp{margin: 0 auto;min-height: 0}
@media (max-width:479px){
.wwm-rtd-frame{max-width: 100%;margin: 0 auto}
}
.wwm-rtd-frame:not(.is-fluid)>.igkp{width: 360px;max-width: 100%;height: 640px}
.wwm-rtd-frame:not(.is-fluid)>.igkp>.igkp-vertical-phone{margin: 0}
.wwm-kd-frame{display: block;width: 100%;max-width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-kd-frame>.ytkp, .wwm-kd-frame>.amkp, .wwm-kd-frame>.likp, .wwm-kd-frame>.mskp,
.wwm-kd-frame>.pskp, .wwm-kd-frame>.askp, .wwm-kd-frame>.pnkp, .wwm-kd-frame>.rdkp{height: auto;min-height: 0;overflow: visible}
.wwm-kd-frame>.igkp{height: auto;overflow: visible}
.wwm-kd-frame [class*="phone"], .wwm-kd-frame [class*="vertical"]{max-width: 100%}
@media (max-width:479px){
.wwm-kd-frame{padding: 8px}
}
.wwm-gx-demo{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-gx-demo>.gmkp{border-radius: 8px}
@media (max-width:479px){
.wwm-gx-demo{padding: 8px}
.wwm-gx-demo.is-snip .gmkp-results{padding: 14px}
}
/* site/google.css */
.gmkp.is-standalone{height: auto !important;min-height: 0 !important;overflow: visible !important;background: transparent}
.gmkp-main{max-height: 600px;padding: 15px 0 0 clamp(24px,18cqw,182px);background: var(--gmkp-bg)}
@container (max-width: 900px){
.gmkp-main{padding: 16px 16px 0}
}
.gmkp-product-img img{width: 100%;height: 158px;object-fit: cover}
@container (max-width:480px){
.gmkp-icon-mic, .gmkp-icon-clear, .gmkp-divider{display: none}
}
@media (prefers-reduced-motion:reduce){
.gmkp-sk{animation: none}
.gmkp.is-armed .gmkp-header, .gmkp.is-armed [data-gmkp-step]{transform: none}
.gmkp .is-sweep::after{display: none}
}
.wwm-gx-demo.is-snip .gmkp{min-height: 0}
.wwm-gx-demo.is-snip .gmkp-results{width: 100%;padding: 20px}
.wwm-gx-demo > .gmkp, .serp-demo-frame > .gmkp{border-radius: 8px}
.wwm-gx-demo .gmkp{--gmkp-bg: #fff;font-family: Arial,sans-serif;border: 1px solid var(--rule)}
.wwm-gx-demo .gmkp-badge{color: #1f1f1f}
.wwm-gx-demo .gmkp-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp-result-head{color: #202124}
.wwm-gx-demo .gmkp-search-bar{background: #fff;box-shadow: 0 1px 6px rgba(32,33,36,.2)}
.wwm-gx-demo .gmkp-sitelinks a, .wwm-gx-demo .gmkp-hero-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp .gmkp-local-cta, .wwm-gx-demo .gmkp .gmkp-app-cta, .wwm-gx-demo .gmkp .gmkp-leadform-cta{background: #0b57d0;color: #fff}
.wwm-gx-demo .gmkp-local-phone{color: #0b57d0}
.wwm-gx-demo .gmkp-map-num{background: #ea4335;color: #fff}
.wwm-gx-demo .gmkp-map-pin{fill: #ea4335;filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.wwm-gx-demo .gmkp-map-canvas{background: repeating-linear-gradient(0deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),linear-gradient(135deg,#e6f0e3,#e8eef6)}
.wwm-gx-demo .gmkp-ai{background: radial-gradient(120% 160% at 0% 0%,rgba(66,133,244,.10),transparent 60%),radial-gradient(120% 160% at 100% 0%,rgba(234,67,53,.06),transparent 55%),#f8fafd}
.wwm-gx-demo .gmkp-guaranteed{background: #e6f4ea}
.wwm-gx-demo .gmkp-suggestion b{color: #1f1f1f}
.wwm-gx-demo .gmkp-suggestion.is-pressed{background: #e8eaed}
.wwm-gx-demo .gmkp-home-box{box-shadow: 0 1px 6px rgba(32,33,36,.18);border-color: transparent;background: #fff}
.wwm-gx-demo .gmkp-suggestions{background: #fff;box-shadow: 0 4px 6px rgba(32,33,36,.18)}
.wwm-gx-demo .gmkp-home-actions span{background: #f8f9fa;color: #3c4043}
.wwm-gx-demo .gmkp-hero-media:empty, .wwm-gx-demo .gmkp-result-media:empty, .wwm-gx-demo .gmkp-hotel-media:empty, .wwm-gx-demo .gmkp-showcase-item:empty{background: linear-gradient(135deg,#e8f0fe 0%,#f1f3f4 55%,#fef7e0 100%)}
.wwm-slot-snip:has(.wwm-gx-demo){max-width: none;width: 100%}
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 720px;min-height: 0}
@media (max-width:767px){
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 640px}
}
.wwm-gx-anat .wwm-gx-demo>.gmkp{height: auto}
.wwm-gx-anat .wwm-gx-demo>.gmkp::after{display: none}
.wwm-slot-serp .wwm-gx-demo{position: relative}
.wwm-slot-serp .wwm-gx-demo>.gmkp{height: 600px;min-height: 0}
.wwm-slot-serp .wwm-gx-demo>.gmkp::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 120px;background: linear-gradient(transparent,#fff);pointer-events: none;z-index: 5}
/* site/reddit.css */
.wwm-kd-frame>.rdkp{--rdkp-line: #e5ebee;--rdkp-ink-heading: #0f1a1c}
.wwm-kd-frame .rdkp-cta-strip{background: #f6f7f8}
.wwm-kd-frame .rdkp-drawer-title, .wwm-kd-frame .rdkp-catalog-title{color: var(--rdkp-ink-heading)}
.wwm-kd-frame .rdkp-reply-input, .wwm-kd-frame .rdkp-input{background: #f6f7f8;color: #0f1a1c}
.wwm-kd-frame .rdkp-carousel-card, .wwm-kd-frame .rdkp-catalog-card{background: #fff}
.wwm-kd-frame .rdkp-media-wrap{background: #f6f7f8}
.wwm-kd-frame .rdkp-product-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;margin: 12px 0}
.wwm-kd-frame .rdkp-product-item{border: 1px solid var(--rdkp-line);border-radius: 10px;padding: 6px;overflow: hidden;background: #fff}
.wwm-kd-frame .rdkp-product-img{display: block;width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;background-size: cover;background-position: center;border-radius: 6px}
.wwm-kd-frame .rdkp-product-name{font-size: 12px;font-weight: 700;color: var(--rdkp-ink-heading);margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.wwm-kd-frame .rdkp-product-price{font-size: 12px;font-weight: 800;color: #d93a00}
.wwm-kd-frame .rdkp [style*="#131519"]{background: #f6f7f8 !important}
.wwm-kd-frame .rdkp [style*="color: #ffffff"]{color: #0f1a1c !important}
.wwm-rd-post>.wwm-rd-cmts{grid-column: 2}