.twmv,.twmv *,.twmv *::before,.twmv *::after,.twcw-button,.twcw-button *{box-sizing:border-box} .twmv{--twmv-ink:#071735;--twmv-copy:#24385e;--twmv-muted:#65779a;--twmv-blue:#075ff7;--twmv-blue-2:#086df5;--twmv-blue-soft:#eef5ff;--twmv-line:#dce5f2;--twmv-line-2:#e9eef6;--twmv-soft:#f7faff;--twmv-green:#079867;--twmv-negative:#075bd7;--twmv-gold:#ffb200;--twmv-shadow:0 10px 26px rgba(16,35,70,.045);width:min(1440px,calc(100% - 48px));margin:0 auto;color:var(--twmv-copy);font-family:inherit;font-size:16px;line-height:1.5;isolation:isolate} .twmv[hidden],.twmv [hidden]{display:none!important}.twmv a{color:inherit;text-decoration:none}.twmv button,.twmv input,.twmv select{font:inherit}.twmv button{color:inherit}.twmv svg,.twcw-button svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.twmv img{display:block;max-width:100%}.twmv .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} @media (max-width:1199px){ } /* 2026-08-22 – Sponsored-/Partnerlinks in Merkliste und Vergleich sichtbar markieren. */ .twmv .tw-affiliate-star, .twmv-modal .tw-affiliate-star{ display:inline-grid!important; place-items:center!important; flex:0 0 auto!important; width:20px!important; min-width:20px!important; height:20px!important; min-height:20px!important; border:1px solid rgba(255,255,255,.44)!important; border-radius:999px!important; background:rgba(255,255,255,.18)!important; color:#fff!important; font-size:11px!important; font-weight:950!important; line-height:1!important; transform:translateY(-1px)!important; } .twmv .is-sponsored-link, .twmv-modal .is-sponsored-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; } .twmv-modal .screen-reader-text{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } /* 2026-08-23 – Affiliate-Stern schlicht und Partnerprogramm ohne Code lesbar. */ .twmv .tw-affiliate-star, .twmv-modal .tw-affiliate-star{ display:inline!important; width:auto!important; min-width:0!important; height:auto!important; min-height:0!important; margin:0 0 0 1px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:currentColor!important; font-size:.9em!important; font-weight:950!important; line-height:1!important; vertical-align:super!important; transform:none!important; } .twmv .is-sponsored-link, .twmv-modal .is-sponsored-link{ gap:7px!important; } .twmv-modal .twmv-partner-identifier--note{ display:grid!important; gap:6px!important; padding:13px 14px!important; border:1px solid #dce7f4!important; border-radius:14px!important; background:#f4f8ff!important; color:#43536a!important; } .twmv-modal .twmv-partner-identifier--note p{ margin:0!important; font-size:13px!important; font-weight:650!important; line-height:1.45!important; } @media (max-width:1024px){ } @media (max-width:767px){ } @media (max-width:420px){ } .twmv-breadcrumb{display:flex;align-items:center;gap:12px;margin:26px 0 28px;color:#58709b;font-size:14px;font-weight:700}.twmv-breadcrumb a:hover{color:var(--twmv-blue)} .twmv-title-block{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:30px}.twmv-title-block h1{margin:0 0 12px;color:var(--twmv-ink);font-size:clamp(42px,4.7vw,66px);font-weight:900;line-height:1.02;letter-spacing:-.052em}.twmv-title-block p{max-width:850px;margin:0;color:#4d6388;font-size:clamp(16px,1.3vw,20px);line-height:1.55}.twmv-title-block--compare>div:first-child{min-width:0} .twmv-summary{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,330px);align-items:center;gap:20px;min-height:96px;margin-bottom:24px;padding:20px 24px;border:1px solid var(--twmv-line);border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(20,47,91,.025)}.twmv-summary-icon{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:50%;background:var(--twmv-blue-soft);color:var(--twmv-blue);font-size:27px}.twmv-summary>div:nth-child(2){display:flex;min-width:0;flex-direction:column}.twmv-summary strong{color:var(--twmv-ink);font-size:21px;font-weight:850}.twmv-summary span{color:#607395}.twmv-summary-tip{display:flex;align-items:center;gap:12px;color:#536889;font-size:14px}.twmv-summary-tip svg{flex:0 0 26px;color:var(--twmv-blue);font-size:26px} .twmv-controls,.twmv-compare-controls{display:grid;grid-template-columns:minmax(280px,1.1fr) repeat(4,minmax(120px,auto)) auto;align-items:start;gap:14px;margin-bottom:16px}.twmv-compare-controls{grid-template-columns:minmax(320px,1fr) auto;align-items:center}.twmv-filter-bar{display:contents}.twmv-search{position:relative;display:flex;min-height:50px;align-items:center;gap:12px;padding:0 16px;border:1px solid #d5dfed;border-radius:11px;background:#fff;color:var(--twmv-ink)}.twmv-search:focus-within{border-color:#6aa9ff;box-shadow:none}.twmv-search>svg{flex:0 0 22px;font-size:22px}.twmv-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--twmv-ink);box-shadow:none!important}.twmv-search input::placeholder{color:#a0aec4}.twmv-search [data-twmv-search-clear]{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border:0;background:transparent;color:#6e7d96;cursor:pointer;font-size:22px} .twmv-filter-wrap{position:relative}.twmv-filter-button,.twmv-more-filter-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:10px;width:100%;padding:0 18px;border:1px solid #d5dfed;border-radius:11px;background:#fff;color:var(--twmv-ink);font-size:14px;font-weight:750;white-space:nowrap;cursor:pointer}.twmv-filter-button:hover,.twmv-filter-button.is-active,.twmv-more-filter-button:hover,.twmv-more-filter-button[aria-expanded=true]{border-color:#78adff;background:#f7fbff;color:#065ce5}.twmv-filter-button>span:last-child,.twmv-more-filter-button>span:last-child{font-size:16px}.twmv-more-filter-button [data-twmv-active-filter-count]{display:inline-flex;min-width:23px;height:23px;align-items:center;justify-content:center;border-radius:999px;background:var(--twmv-blue);color:#fff;font-size:12px}.twmv-add-tool-top{min-height:50px} .twmv-filter-popover{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:270px;padding:16px;border:1px solid var(--twmv-line);border-radius:12px;background:#fff;box-shadow:0 10px 26px rgba(16,35,70,.055)}.twmv-filter-popover>strong{display:block;margin-bottom:10px;color:var(--twmv-ink)}.twmv-filter-options{display:grid;max-height:280px;overflow:auto;overscroll-behavior:contain}.twmv-filter-options label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:36px;cursor:pointer}.twmv-filter-options input{width:17px;height:17px;accent-color:var(--twmv-blue)}.twmv-filter-options small{color:#8c9ab0}.twmv-filter-reset-one{margin-top:10px;padding:8px 0 0;border:0;background:transparent;color:var(--twmv-blue);font-size:13px;font-weight:700;cursor:pointer} .twmv-more-filters{margin:0 0 18px;padding:22px;border:1px solid var(--twmv-line);border-radius:14px;background:#fff}.twmv-more-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:var(--twmv-ink);font-size:18px}.twmv-more-title button{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer}.twmv-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 20px}.twmv-more-grid label,.twmv-more-grid fieldset{display:grid;gap:7px;min-width:0;margin:0;padding:0;border:0;color:var(--twmv-ink);font-size:13px;font-weight:750}.twmv-more-grid legend{margin-bottom:7px;padding:0}.twmv-more-grid select,.twmv-more-grid input{width:100%;min-width:0;min-height:46px;padding:0 13px;border:1px solid #d7e1ee;border-radius:9px;background:#fff;color:#536787;outline:0}.twmv-more-grid select:focus,.twmv-more-grid input:focus{border-color:#73aaff;box-shadow:0 0 0 3px rgba(7,95,247,.08)}.twmv-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.twmv-more-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.twmv-active-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.twmv-active-filters button{display:inline-flex;min-height:36px;align-items:center;gap:8px;padding:7px 12px;border:0;border-radius:999px;background:#eaf3ff;color:#0960dd;font-size:13px;font-weight:700;cursor:pointer}.twmv-active-filters .twmv-clear-all{background:transparent;text-decoration:underline;text-underline-offset:4px} .twmv-tabs{display:flex;align-items:flex-end;gap:0;border-bottom:1px solid var(--twmv-line);margin-bottom:14px}.twmv-tabs button{min-height:48px;padding:0 18px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--twmv-ink);font-size:14px;font-weight:750;cursor:pointer}.twmv-tabs button.is-active{border-bottom-color:var(--twmv-blue);color:var(--twmv-blue)}.twmv-sort-row{display:flex;justify-content:flex-end;margin:0 0 14px}.twmv-sort-row label{display:flex;align-items:center;gap:8px;color:#5b6f90;font-size:14px}.twmv-sort-row select{min-height:42px;padding:0 36px 0 12px;border:1px solid var(--twmv-line);border-radius:9px;background:#fff;color:var(--twmv-ink)} .twmv-primary-button,.twmv-secondary-button,.twmv-modal-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;padding:10px 20px;border-radius:9px;font-weight:800;cursor:pointer}.twmv-primary-button{border:1px solid var(--twmv-blue);background:linear-gradient(100deg,#0758eb,#076ef8);color:#fff!important;box-shadow:0 8px 18px rgba(7,95,247,.12)}.twmv-primary-button:hover{background:#0759e8}.twmv-secondary-button{border:1px solid #d3deed;background:#fff;color:var(--twmv-ink)}.twmv-secondary-button:hover{border-color:#9ebae1;background:#f8fbff}.twmv-primary-button svg,.twmv-secondary-button svg{font-size:20px} .twmv-status{min-height:0;margin:0;color:#0b7659;font-size:14px;font-weight:700}.twmv-status:not(:empty){min-height:42px;margin:0 0 14px;padding:10px 13px;border:1px solid #b9dfd2;border-radius:9px;background:#f1fbf7}.twmv-error{padding:20px;border:1px solid #bfd4f6;border-radius:10px;background:#f4f8ff;color:#174b91} .twmv-selection-panel{margin-bottom:18px;padding:18px 20px;border:1px solid var(--twmv-line);border-radius:14px;background:#fbfdff}.twmv-selection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.twmv-selection-head>div{display:flex;flex-direction:column}.twmv-selection-head strong,.twmv-selection-empty strong{color:var(--twmv-ink);font-size:20px;font-weight:850}.twmv-selection-head span,.twmv-selection-empty span{color:#627594;font-size:14px}.twmv-selection-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:center}.twmv-selection-chips{display:flex;gap:10px;min-width:0;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.twmv-selection-chip{display:grid;grid-template-columns:48px minmax(100px,1fr) 34px;flex:0 0 210px;align-items:center;gap:10px;min-height:68px;padding:8px 9px;border:1px solid var(--twmv-line);border-radius:10px;background:#fff}.twmv-selection-logo{display:flex;width:48px;height:48px;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#f6f9fd}.twmv-selection-logo img{width:100%;height:100%;object-fit:contain}.twmv-selection-chip>div{display:flex;min-width:0;flex-direction:column}.twmv-selection-chip strong{overflow:hidden;color:var(--twmv-ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.twmv-selection-chip span{overflow:hidden;color:#697b98;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.twmv-selection-chip button{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer}.twmv-selection-actions{display:grid;gap:10px}.twmv-selection-empty{display:flex;align-items:center;justify-content:space-between;gap:16px}.twmv-selection-empty>div{display:flex;flex-direction:column} .twmv-watch-output{min-height:360px}.twmv-watch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.twmv-watch-card{position:relative;display:flex;min-width:0;min-height:300px;flex-direction:column;padding:22px 18px 16px;border:1px solid var(--twmv-line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(14,38,78,.03);transition:border-color .16s,box-shadow .16s,transform .16s}.twmv-watch-card:hover{border-color:#b5cae7;box-shadow:0 14px 30px rgba(14,38,78,.07);transform:translateY(-1px)}.twmv-watch-card.is-selected{border-color:#70a8ff;box-shadow:0 0 0 1px rgba(7,95,247,.12)}.twmv-card-select{position:absolute;top:14px;left:14px;z-index:2}.twmv-card-select input{width:20px;height:20px;accent-color:var(--twmv-blue);cursor:pointer}.twmv-card-remove{position:absolute;top:12px;right:12px;display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--twmv-line);border-radius:9px;background:#fff;color:var(--twmv-blue);cursor:pointer}.twmv-card-remove svg{fill:var(--twmv-blue);stroke:var(--twmv-blue)}.twmv-card-main{display:grid;grid-template-columns:76px minmax(0,1fr);gap:15px;min-width:0;padding:8px 34px 0 16px}.twmv-card-logo{display:flex;width:76px;height:76px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e0e8f3;border-radius:14px;background:#fbfdff}.twmv-card-logo img{width:100%;height:100%;object-fit:contain}.twmv-logo--fallback{color:var(--twmv-blue);font-weight:900}.twmv-card-copy{min-width:0}.twmv-card-copy h2{margin:0 0 4px;color:var(--twmv-ink);font-size:20px;line-height:1.2}.twmv-card-copy p{display:-webkit-box;overflow:hidden;min-height:62px;margin:0 0 8px;color:#3f5272;font-size:13px;line-height:1.45;-webkit-line-clamp:3;-webkit-box-orient:vertical}.twmv-card-chips{display:flex;flex-wrap:wrap;gap:6px}.twmv-card-chips span{padding:3px 9px;border-radius:999px;background:#f0f4fa;color:#536684;font-size:11px}.twmv-offer{grid-column:1/-1;margin-top:12px;padding:10px 12px;border:1px dashed #b9cce8;border-radius:10px;font-size:12px}.twmv-offer strong,.twmv-offer span{display:block}.twmv-offer code{display:inline-block;margin:4px 0;padding:3px 7px;border-radius:5px;background:#075bd7;color:#fff}.twmv-offer--coupon{border-color:#bfd4f6;background:#f4f8ff;color:#174b91}.twmv-offer--active{border-color:#89d3b2;background:#f2fcf7;color:#087b50}.twmv-card-meta{display:flex;align-items:center;gap:16px;margin-top:auto;padding:15px 16px 12px;color:var(--twmv-ink);font-size:13px}.twmv-card-meta>strong{font-size:13px}.twmv-card-rating{display:inline-flex;align-items:center;gap:5px;color:#536784}.twmv-card-rating>span:first-child{color:var(--twmv-gold);font-size:18px}.twmv-card-rating strong{color:#314563}.twmv-card-rating small{color:#7a8aa4}.twmv-no-rating{color:#8694aa;font-size:12px}.twmv-card-actions{display:grid;grid-template-columns:1fr 1.2fr 1.1fr;gap:8px}.twmv-card-actions a,.twmv-card-actions button{display:flex;min-width:0;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:7px;border:1px solid #d4dfed;border-radius:8px;background:#fff;color:#274064;font-size:12px;white-space:nowrap;cursor:pointer}.twmv-card-actions a:hover,.twmv-card-actions button:hover,.twmv-card-actions button.is-active{border-color:#72a6ff;color:#075eea}.twmv-card-actions button.is-active{background:#f3f8ff}.twmv-card-actions svg{font-size:15px}.twmv-empty-state{display:flex;min-height:590px;align-items:center;justify-content:center;flex-direction:column;padding:44px;border:1px solid var(--twmv-line);border-radius:16px;background:#fff;text-align:center}.twmv-empty-state--small{min-height:360px}.twmv-empty-illustration{display:flex;width:170px;height:170px;align-items:center;justify-content:center;margin-bottom:20px;border-radius:50%;background:radial-gradient(circle,#f7faff 0,#edf4ff 70%,#fff 71%);color:var(--twmv-blue);font-size:72px}.twmv-empty-state h2{margin:0 0 12px;color:var(--twmv-ink);font-size:32px}.twmv-empty-state p{max-width:520px;margin:0 0 24px;color:#607392;font-size:16px}.twmv-editorial-tip,.twmv-editorial-note{display:flex;gap:16px;margin-top:20px;padding:18px 20px;border:1px solid #cfe0fa;border-radius:12px;background:#f7fbff}.twmv-editorial-tip>span{font-size:27px}.twmv-editorial-tip strong,.twmv-editorial-note strong{color:var(--twmv-ink)}.twmv-editorial-tip p,.twmv-editorial-note p{margin:3px 0 0;color:#5e7190;font-size:13px}.twmv-editorial-note{display:block;margin-bottom:24px;padding:28px}.twmv-editorial-note strong{font-size:22px}.twmv-editorial-note p{font-size:15px;line-height:1.7} .twmv-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0}.twmv-pagination button{display:flex;min-width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--twmv-line);border-radius:8px;background:#fff;cursor:pointer}.twmv-pagination button.is-active{border-color:var(--twmv-blue);background:var(--twmv-blue);color:#fff}.twmv-pagination button:disabled{opacity:.45;cursor:not-allowed} .twmv-skeleton{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(90deg,#f5f8fc 25%,#ebf1f8 37%,#f5f8fc 63%);background-size:400% 100%;animation:twmv-shimmer 1.35s ease infinite}.twmv-skeleton--cards{min-height:650px}.twmv-skeleton--compare{min-height:720px}.twmv-skeleton--picker{min-height:360px}@keyframes twmv-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}} .twmv-view-switch{display:grid;grid-template-columns:1fr 1fr;min-width:430px;border:1px solid #d1dcec;border-radius:10px;overflow:hidden;background:#fff}.twmv-view-switch button{min-height:50px;padding:0 22px;border:0;background:#fff;color:var(--twmv-ink);font-weight:750;cursor:pointer}.twmv-view-switch button.is-active{background:linear-gradient(100deg,#0758eb,#076ef8);color:#fff}.twmv-compare-output{min-height:620px}.twmv-compare-summary{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:16px;border:1px solid var(--twmv-line);border-radius:13px;background:#fff}.twmv-compare-summary>strong{flex:0 0 auto;color:var(--twmv-ink)}.twmv-compare-summary>div{display:flex;flex:1;gap:8px;min-width:0;overflow-x:auto}.twmv-compare-summary>div>button{display:grid;grid-template-columns:34px auto 25px;align-items:center;gap:7px;flex:0 0 auto;min-height:44px;padding:4px 8px;border:1px solid var(--twmv-line);border-radius:8px;background:#fff;cursor:pointer}.twmv-summary-tool-logo{display:flex;width:34px;height:34px;align-items:center;justify-content:center;overflow:hidden;border-radius:7px}.twmv-summary-tool-logo img{width:100%;height:100%;object-fit:contain}.twmv-compare-summary .twmv-primary-button{flex:0 0 auto}.twmv-additional-title{margin:24px 0 9px;color:var(--twmv-ink);font-size:22px}.twmv-compare-block{position:relative;margin-bottom:22px}.twmv-compare-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.twmv-compare-table{min-width:100%;border:1px solid var(--twmv-line);border-radius:14px;overflow:hidden;background:#fff}.twmv-compare-row{display:grid;grid-template-columns:190px repeat(4,minmax(245px,1fr));min-width:1170px;border-top:1px solid var(--twmv-line)}.twmv-compare-row:first-child{border-top:0}.twmv-compare-label,.twmv-compare-cell,.twmv-compare-head{min-width:0;padding:18px;border-left:1px solid var(--twmv-line)}.twmv-compare-label{position:sticky;z-index:3;left:0;border-left:0;background:#fbfcfe;color:var(--twmv-ink);font-weight:800}.twmv-compare-cell{display:flex;align-items:flex-start;color:#3f5475;min-height:58px}.twmv-compare-row--head .twmv-compare-label{padding-top:28px;font-size:18px}.twmv-compare-head{position:relative;display:flex;min-height:220px;flex-direction:column;gap:11px}.twmv-compare-remove{position:absolute;top:10px;right:10px;display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--twmv-ink);cursor:pointer}.twmv-compare-brand{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:13px;padding-right:25px}.twmv-compare-logo{display:flex;width:66px;height:66px;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--twmv-line);border-radius:13px;background:#fbfdff}.twmv-compare-logo img{width:100%;height:100%;object-fit:contain}.twmv-compare-brand h3{margin:0 0 3px;color:var(--twmv-ink);font-size:20px;line-height:1.2}.twmv-compare-brand p{display:-webkit-box;overflow:hidden;margin:0;color:#5c6f8e;font-size:13px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.twmv-compare-quick{overflow:hidden;min-height:31px;padding:6px 10px;border-radius:7px;background:#f1f6fd;color:#617493;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.twmv-provider-button{display:flex;min-height:42px;align-items:center;justify-content:center;gap:8px;margin-top:auto;border-radius:8px;background:linear-gradient(100deg,#0758eb,#076ef8);color:#fff!important;font-weight:800}.twmv-compare-placeholder{justify-content:center;border-style:dashed!important;background:#fbfdff}.twmv-compare-placeholder>button{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:0;background:transparent;color:#4c6388;cursor:pointer}.twmv-compare-placeholder svg{display:flex;width:48px;height:48px;padding:12px;border-radius:50%;background:#edf3fc;color:var(--twmv-ink)}.twmv-compare-placeholder strong{color:var(--twmv-ink)}.twmv-value-list{display:grid;gap:6px;width:100%;margin:0;padding:0;list-style:none}.twmv-value-list li{position:relative;padding-left:18px}.twmv-value-list li::before{position:absolute;left:0;top:.15em;content:"•";color:#3e567a;font-weight:900}.twmv-value-list--positive li::before{content:"✓";color:var(--twmv-green)}.twmv-value-list--negative li::before{content:"−";color:var(--twmv-negative)}.twmv-no-value{color:#9ba8bb}.twmv-rating-cell{display:grid;width:100%;gap:10px}.twmv-rating-source{min-height:44px;color:#314665;font-size:13px;line-height:1.35}.twmv-rating-arrows{display:flex;gap:9px}.twmv-rating-arrows button{display:flex;width:54px;height:38px;align-items:center;justify-content:center;border:1px solid #d5dfec;border-radius:8px;background:#fff;cursor:pointer}.twmv-rating-arrows button:disabled{opacity:.4;cursor:not-allowed}.twmv-rating-value{display:flex;align-items:center;gap:10px;min-height:28px}.twmv-rating-value strong{color:var(--twmv-ink);font-size:17px}.twmv-rating-value small{color:#7586a0}.twmv-stars{display:inline-flex;gap:2px;color:#cdd6e2;font-size:18px;letter-spacing:-1px}.twmv-stars .is-filled{color:var(--twmv-green)}.twmv-block-arrow{position:absolute;z-index:8;top:110px;display:none;width:48px;height:48px;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fff;color:var(--twmv-ink);box-shadow:0 8px 24px rgba(8,25,54,.14);cursor:pointer}.twmv-block-arrow--left{left:-25px}.twmv-block-arrow--right{right:-25px}.twmv-mobile-ratings{display:none} .twmv-modal-open{overflow:hidden}.twmv-modal-backdrop{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,18,42,.64);backdrop-filter:blur(3px)}.twmv-modal{position:relative;width:min(560px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;padding:32px;border-radius:17px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28);text-align:center}.twmv-modal-close{position:absolute;top:12px;right:12px;display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer}.twmv-modal-icon{display:flex;width:78px;height:78px;align-items:center;justify-content:center;margin:0 auto 18px;border-radius:50%;background:#eaf2ff;color:var(--twmv-negative);font-size:38px}.twmv-modal h2{margin:0 0 10px;color:var(--twmv-ink);font-size:25px}.twmv-modal-copy{color:#5d6f8d}.twmv-modal-copy p{margin:0}.twmv-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.twmv-modal-button{border:1px solid #d4deeb;background:#fff;color:var(--twmv-ink)}.twmv-modal-button--danger{border-color:var(--twmv-negative);background:#eef5ff;color:#fff}.twmv-picker{width:min(920px,100%);text-align:left}.twmv-picker h2{margin-bottom:18px}.twmv-picker-search{margin-bottom:15px}.twmv-picker-output{min-height:360px}.twmv-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.twmv-picker-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border:1px solid var(--twmv-line);border-radius:10px}.twmv-picker-logo{display:flex;width:54px;height:54px;align-items:center;justify-content:center;overflow:hidden;border-radius:10px}.twmv-picker-logo img{width:100%;height:100%;object-fit:contain}.twmv-picker-item>div{display:flex;min-width:0;flex-direction:column}.twmv-picker-item>div strong{color:var(--twmv-ink)}.twmv-picker-item>div span{color:#687a97;font-size:12px}.twmv-picker-item button{display:flex;min-height:38px;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d4dfed;border-radius:8px;background:#fff;color:#145fd5;cursor:pointer}.twmv-picker-item button.is-active{border-color:#77aaff;background:#eef5ff}.twmv-picker-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.twmv-picker-empty{padding:60px 20px;text-align:center;color:#687a97} .twmv-header-count{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;padding:0 5px;border-radius:999px;background:#075ff7;color:#fff;font-size:11px;font-weight:850;line-height:1}.twmv-header-count.is-zero{opacity:.55}.twcw-button{appearance:none;display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:inherit;cursor:pointer}.twcw-button-icon{display:inline-flex;flex:0 0 auto}.twcw-button-icon svg{width:1.15em;height:1.15em}.twcw-button.is-active{color:#075ff7}.twcw-watch.is-active .twcw-button-icon svg{fill:currentColor}.twcw-button:focus-visible,.twmv button:focus-visible,.twmv a:focus-visible,.twmv input:focus-visible,.twmv select:focus-visible{outline:3px solid rgba(7,95,247,.25);outline-offset:2px} @media (min-width:1180px){.twmv-watch-page .twmv-selection-panel{display:grid;grid-template-columns:minmax(0,1fr);}.twmv-watch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.twmv-compare-controls .twmv-filter-bar{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px}.twmv-compare-controls .twmv-more-filter-button{grid-column:auto}.twmv-compare-controls{grid-template-columns:minmax(320px,1fr) auto}.twmv-compare-controls>.twmv-filter-bar{grid-column:1/-1}} @media (max-width:1179px){.twmv{width:min(100% - 34px,1120px)}.twmv-title-block h1{font-size:48px}.twmv-summary{grid-template-columns:auto minmax(0,1fr);}.twmv-summary-tip{grid-column:2}.twmv-controls{grid-template-columns:minmax(280px,1fr) repeat(2,minmax(130px,1fr));}.twmv-controls .twmv-search{grid-column:1/-1}.twmv-compare-controls{grid-template-columns:minmax(0,1fr) auto}.twmv-compare-controls .twmv-filter-bar{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:12px}.twmv-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.twmv-watch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.twmv-selection-body{grid-template-columns:minmax(0,1fr)}.twmv-selection-actions{grid-template-columns:1fr 1fr}.twmv-compare-row{grid-template-columns:180px repeat(4,360px);min-width:1620px}.twmv-block-arrow{display:flex}.twmv-compare-scroll{scroll-snap-type:x proximity}.twmv-compare-head,.twmv-compare-cell{scroll-snap-align:start}.twmv-view-switch{min-width:390px}.twmv-picker-grid{grid-template-columns:1fr}} @media (max-width:900px){.twmv{width:min(100% - 28px,860px)}.twmv-breadcrumb{margin:18px 0 22px}.twmv-title-block{align-items:flex-start;flex-direction:column}.twmv-title-block h1{font-size:44px}.twmv-title-block--compare .twmv-view-switch{align-self:stretch}.twmv-view-switch{width:100%;min-width:0}.twmv-summary{min-height:88px;padding:18px}.twmv-controls,.twmv-compare-controls{grid-template-columns:1fr 1fr}.twmv-controls .twmv-search,.twmv-compare-controls .twmv-search{grid-column:1/-1}.twmv-compare-controls .twmv-add-tool-top{grid-column:1/-1;grid-row:auto}.twmv-filter-bar,.twmv-compare-controls .twmv-filter-bar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.twmv-more-filter-button{grid-column:1/-1}.twmv-card-main{grid-template-columns:70px minmax(0,1fr)}.twmv-card-logo{width:70px;height:70px}.twmv-card-actions{grid-template-columns:1fr 1.2fr 1fr}.twmv-compare-summary{align-items:stretch;flex-direction:column}.twmv-compare-summary .twmv-primary-button{width:100%}.twmv-compare-row{grid-template-columns:170px repeat(4,330px);min-width:1490px}.twmv-block-arrow--left{left:-14px}.twmv-block-arrow--right{right:-14px}} @media (max-width:767px){.twmv{width:calc(100% - 24px);font-size:15px}.twmv-breadcrumb{gap:8px;margin:14px 0 16px;font-size:12px}.twmv-title-block{gap:18px;margin-bottom:20px}.twmv-title-block h1{margin-bottom:8px;font-size:38px}.twmv-title-block p{font-size:15px}.twmv-summary{grid-template-columns:48px minmax(0,1fr);gap:12px;min-height:82px;margin-bottom:16px;padding:14px}.twmv-summary-icon{width:48px;height:48px;font-size:23px}.twmv-summary strong{font-size:18px}.twmv-summary>div:nth-child(2)>span{font-size:12px}.twmv-summary-tip{display:none}.twmv-controls,.twmv-compare-controls{grid-template-columns:1fr;margin-bottom:12px}.twmv-search{min-height:48px}.twmv-filter-bar,.twmv-compare-controls .twmv-filter-bar{display:grid;grid-template-columns:1fr 1fr;gap:9px}.twmv-filter-button,.twmv-more-filter-button{min-height:46px;padding:0 12px;font-size:13px}.twmv-more-filter-button{grid-column:1/-1}.twmv-filter-popover{position:fixed;z-index:99990;top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:70vh;overflow:auto;border-radius:16px}.twmv-more-filters{padding:16px}.twmv-more-grid{grid-template-columns:1fr;gap:13px}.twmv-more-actions{display:grid;grid-template-columns:1fr 1fr}.twmv-active-filters{gap:7px;margin-bottom:12px}.twmv-active-filters button{min-height:33px;padding:6px 10px;font-size:12px}.twmv-tabs{overflow-x:auto;white-space:nowrap}.twmv-tabs button{min-height:44px;padding:0 13px;font-size:12px}.twmv-sort-row{justify-content:stretch}.twmv-sort-row label{width:100%;justify-content:space-between}.twmv-sort-row select{flex:1}.twmv-selection-panel{padding:14px}.twmv-selection-head strong,.twmv-selection-empty strong{font-size:18px}.twmv-selection-body{display:block}.twmv-selection-chips{margin:10px 0}.twmv-selection-chip{grid-template-columns:44px minmax(90px,1fr) 32px;flex-basis:190px;min-height:60px}.twmv-selection-logo{width:44px;height:44px}.twmv-selection-actions{grid-template-columns:1fr}.twmv-selection-empty{align-items:stretch;flex-direction:column}.twmv-watch-grid{grid-template-columns:1fr;gap:11px}.twmv-watch-card{min-height:0;padding:18px 12px 12px}.twmv-card-select{top:14px;left:12px}.twmv-card-remove{top:10px;right:10px;width:40px;height:40px}.twmv-card-main{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:0 32px 0 30px}.twmv-card-logo{width:76px;height:76px}.twmv-card-copy h2{font-size:19px}.twmv-card-copy p{min-height:auto;-webkit-line-clamp:3}.twmv-card-meta{padding:13px 30px 10px;flex-wrap:wrap;gap:10px}.twmv-card-actions{grid-template-columns:1fr 1.25fr 1.05fr;gap:6px}.twmv-card-actions a,.twmv-card-actions button{min-height:40px;padding:5px;font-size:11px}.twmv-offer{grid-column:1/-1}.twmv-empty-state{min-height:470px;padding:28px 18px}.twmv-empty-illustration{width:132px;height:132px;font-size:58px}.twmv-empty-state h2{font-size:27px}.twmv-empty-state p{font-size:14px}.twmv-editorial-tip{padding:15px}.twmv-view-switch button{min-height:46px;padding:0 12px;font-size:13px}.twmv-compare-summary{padding:12px}.twmv-compare-summary>div{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.twmv-compare-summary>div>button{grid-template-columns:34px minmax(0,1fr) 24px}.twmv-compare-row{grid-template-columns:120px repeat(4,210px);min-width:960px}.twmv-compare-label,.twmv-compare-cell,.twmv-compare-head{padding:12px}.twmv-compare-label{font-size:12px}.twmv-compare-head{min-height:190px}.twmv-compare-brand{grid-template-columns:52px minmax(0,1fr);gap:8px;padding-right:20px}.twmv-compare-logo{width:52px;height:52px}.twmv-compare-brand h3{font-size:16px}.twmv-compare-brand p{font-size:11px}.twmv-compare-quick{font-size:10px}.twmv-provider-button{min-height:38px;font-size:12px}.twmv-rating-source{min-height:50px;font-size:11px}.twmv-rating-arrows button{width:44px;height:36px}.twmv-rating-value{flex-wrap:wrap;gap:6px}.twmv-stars{font-size:15px}.twmv-block-arrow{top:82px;width:42px;height:42px}.twmv-block-arrow--left{left:-8px}.twmv-block-arrow--right{right:-8px}.twmv-mobile-ratings{display:grid;gap:9px;margin-top:13px}.twmv-mobile-ratings>h3{margin:0 0 2px;color:var(--twmv-ink);font-size:18px}.twmv-mobile-ratings details{border:1px solid var(--twmv-line);border-radius:10px;background:#fff}.twmv-mobile-ratings summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;cursor:pointer;list-style:none}.twmv-mobile-ratings summary::-webkit-details-marker{display:none}.twmv-mobile-rating-logo{display:flex;width:42px;height:42px;overflow:hidden;border-radius:8px}.twmv-mobile-rating-logo img{width:100%;height:100%;object-fit:contain}.twmv-mobile-ratings summary strong{color:var(--twmv-ink)}.twmv-mobile-rating-body{padding:0 10px 12px}.twmv-mobile-rating-body>strong{display:block;margin-bottom:8px}.twmv-mobile-rating-body ul{margin:0;padding:0;list-style:none}.twmv-mobile-rating-body li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:7px;padding:7px 0;border-top:1px solid var(--twmv-line-2);font-size:11px}.twmv-mobile-rating-body .twmv-stars{font-size:13px}.twmv-editorial-note{padding:20px}.twmv-modal{padding:28px 18px 20px}.twmv-modal-actions{grid-template-columns:1fr 1fr}.twmv-picker{padding-top:48px}.twmv-picker-grid{grid-template-columns:1fr}.twmv-picker-item{grid-template-columns:48px minmax(0,1fr);}.twmv-picker-item button{grid-column:1/-1}.twmv-picker-footer{display:grid;grid-template-columns:1fr 1fr}.twmv-pagination{gap:5px}.twmv-pagination button{min-width:38px;height:38px}} @media (max-width:430px){.twmv{width:calc(100% - 18px)}.twmv-title-block h1{font-size:34px}.twmv-filter-bar,.twmv-compare-controls .twmv-filter-bar{grid-template-columns:1fr 1fr}.twmv-card-main{grid-template-columns:66px minmax(0,1fr);padding-left:28px}.twmv-card-logo{width:66px;height:66px}.twmv-card-actions{grid-template-columns:1fr 1fr}.twmv-card-actions button{grid-column:1/-1}.twmv-compare-row{grid-template-columns:105px repeat(4,190px);min-width:865px}.twmv-compare-summary>div{grid-template-columns:1fr}.twmv-more-actions,.twmv-modal-actions,.twmv-picker-footer{grid-template-columns:1fr}.twmv-mobile-rating-body li{grid-template-columns:minmax(0,1fr) auto}.twmv-mobile-rating-body .twmv-stars,.twmv-mobile-rating-body li small{grid-column:1/-1}} @media (prefers-reduced-motion:reduce){.twmv *,.twmv *::before,.twmv *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} .twmv{ --twmv-hover-shadow:0 8px 18px rgba(7,95,247,.10); --twmv-focus-ring:0 0 0 3px rgba(7,95,247,.16); width:min(1540px,calc(100% - 48px)); } .twmv-title-copy{min-width:0} .twmv-title-block{display:block;margin-bottom:28px} .twmv-title-block h1{ margin:0 0 18px; font-size:clamp(42px,4.25vw,62px); line-height:1.03; letter-spacing:-.046em; } .twmv-title-block p{ max-width:780px; margin:0; font-size:clamp(16px,1.15vw,19px); line-height:1.58; text-wrap:balance; } .twmv-breadcrumb{margin-top:22px} .twmv-search-shell{position:relative;min-width:0;z-index:45} .twmv-search-shell>.twmv-search{width:100%} .twmv-search-suggestions{ position:absolute; z-index:80; top:calc(100% + 8px); left:0; width:min(720px,100%); max-height:min(510px,68vh); overflow:hidden; border:1px solid #cdd9e9; border-radius:13px; background:#fff; box-shadow:0 22px 64px rgba(12,34,72,.2); } .twmv-search-suggestions__head{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 15px; border-bottom:1px solid #e4ebf4; background:#f8fbff; } .twmv-search-suggestions__head strong{color:#071735;font-size:14px} .twmv-search-suggestions__head span{color:#6c7f9d;font-size:12px} .twmv-search-suggestions__list{display:grid;max-height:430px;overflow:auto;overscroll-behavior:contain;padding:7px;scrollbar-width:thin} .twmv-search-suggestion{ display:grid!important; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:12px; width:100%; min-height:64px; padding:8px 10px; border:1px solid transparent!important; border-radius:9px; background:#fff!important; color:#17325c!important; text-align:left; cursor:pointer; transition:transform .15s ease,border-color .15s ease,background-color .15s ease,box-shadow .15s ease; } .twmv-search-suggestion+.twmv-search-suggestion{margin-top:2px} .twmv-search-suggestion__logo{display:flex;width:48px;height:48px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e0e8f2;border-radius:9px;background:#fbfdff} .twmv-search-suggestion__logo img{width:100%;height:100%;object-fit:contain} .twmv-search-suggestion__copy{display:flex;min-width:0;flex-direction:column} .twmv-search-suggestion__copy strong{overflow:hidden;color:#071735;font-size:14px;text-overflow:ellipsis;white-space:nowrap} .twmv-search-suggestion__copy small{overflow:hidden;color:#6d7f9b;font-size:12px;text-overflow:ellipsis;white-space:nowrap} .twmv-search-suggestion__action{display:inline-flex;align-items:center;gap:6px;min-width:112px;justify-content:center;padding:7px 9px;border:1px solid #cfdcec;border-radius:8px;color:#075bd7;font-size:12px;font-weight:800} .twmv-search-suggestion__action svg{width:16px;height:16px} .twmv-search-suggestion.is-selected{border-color:#c7dcff!important;background:#f3f8ff!important} .twmv-search-suggestions__loading,.twmv-search-suggestions__empty{padding:28px 18px;color:#647794;text-align:center;font-size:13px} /* Merkliste: lokale Sofortvorschläge nur aus bereits gemerkten Tools. */ .twmv-watch-local-search-shell{position:relative;z-index:48} .twmv-watch-local-suggestions{ position:absolute; z-index:92; top:calc(100% + 8px); left:0; width:100%; max-height:min(360px,55vh); overflow:hidden; border:1px solid #ccd9e9; border-radius:13px; background:#fff; box-shadow:0 16px 38px rgba(12,34,72,.12) } .twmv-watch-local-suggestions__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #e5ecf4;background:#f8fbff} .twmv-watch-local-suggestions__head strong{color:#071735;font-size:13px;font-weight:850} .twmv-watch-local-suggestions__head span{color:#72839c;font-size:11.5px} .twmv-watch-local-suggestions__list{display:grid;max-height:300px;overflow:auto;overscroll-behavior:contain;padding:6px;scrollbar-width:thin} .twmv-watch-local-suggestion{display:grid!important;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:11px;width:100%;min-height:58px;padding:7px 9px;border:1px solid transparent!important;border-radius:9px;background:#fff!important;color:#17325c!important;text-align:left;cursor:pointer;box-shadow:none!important} .twmv-watch-local-suggestion+.twmv-watch-local-suggestion{margin-top:2px} .twmv-watch-local-suggestion:hover,.twmv-watch-local-suggestion:focus-visible{border-color:#c9daf0!important;background:#f7faff!important;outline:none!important;box-shadow:none!important} .twmv-watch-local-suggestion__logo{display:flex;width:44px;height:44px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e0e8f2;border-radius:9px;background:#fbfdff} .twmv-watch-local-suggestion__logo img{width:100%;height:100%;object-fit:contain} .twmv-watch-local-suggestion__copy{display:flex;min-width:0;flex-direction:column;gap:2px} .twmv-watch-local-suggestion__copy strong{overflow:hidden;color:#071735;font-size:13.5px;font-weight:820;text-overflow:ellipsis;white-space:nowrap} .twmv-watch-local-suggestion__copy small{overflow:hidden;color:#6d7f9b;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap} .twmv-watch-local-suggestion__arrow{display:grid;place-items:center;color:#0b63e9} .twmv-watch-local-suggestion__arrow svg{width:16px;height:16px} .twmv-watch-local-suggestions__empty{padding:20px 14px;color:#647794;text-align:center;font-size:12.5px} .twmv-controls,.twmv-compare-controls{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; } .twmv-controls>.twmv-search,.twmv-controls>.twmv-search-shell{grid-column:1/-1} .twmv-compare-controls>.twmv-search-shell{grid-column:1/2} .twmv-compare-controls>.twmv-add-tool-top{grid-column:2/3} .twmv-controls>.twmv-filter-bar,.twmv-compare-controls>.twmv-filter-bar{ display:grid; grid-column:1/-1; grid-template-columns:repeat(9,minmax(0,1fr)); gap:11px; } .twmv-filter-button,.twmv-more-filter-button{ position:relative; min-width:0; min-height:54px; justify-content:space-between; gap:9px; padding:7px 13px; border-color:#d2ddeb!important; border-radius:11px; background:#fff!important; color:#10284d!important; -webkit-text-fill-color:#10284d; line-height:1.22; white-space:normal; transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease,background-color .17s ease,color .17s ease; } .twmv-filter-button__label{min-width:0;overflow:visible;text-overflow:clip;white-space:normal;text-align:left;text-wrap:balance} .twmv-chevron{display:grid;flex:0 0 18px;width:18px;height:18px;place-items:center;margin-left:auto;transition:transform .2s ease} .twmv-chevron svg{width:18px!important;height:18px!important;stroke-width:2.2!important} .twmv-filter-button[aria-expanded="true"] .twmv-chevron,.twmv-more-filter-button[aria-expanded="true"] .twmv-chevron{transform:rotate(180deg)} .twmv-filter-button.is-active,.twmv-filter-button[aria-expanded="true"],.twmv-more-filter-button[aria-expanded="true"]{ border-color:#6da7ff!important; background:#f2f7ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7; } .twmv-filter-wrap:nth-last-child(-n/**/+3) .twmv-filter-popover{right:0;left:auto} .twmv-filter-popover{width:min(310px,calc(100vw - 32px));padding:17px;border-color:#cfdaea;box-shadow:0 20px 55px rgba(13,36,75,.18)} .twmv-filter-popover>strong{font-size:16px} .twmv-filter-options label{min-height:40px;padding:3px 5px;border-radius:7px} .twmv-filter-options label:hover{background:#f3f7fd} .twmv-filter-empty{margin:8px 0;color:#70809a;font-size:13px} .twmv-more-filters{padding:24px;border-color:#d4deeb;box-shadow:0 12px 34px rgba(14,39,78,.04)} .twmv-more-title{align-items:flex-start;margin-bottom:20px} .twmv-more-title>div{display:flex;min-width:0;flex-direction:column;gap:3px} .twmv-more-title strong{font-size:21px;font-weight:900} .twmv-more-title span{max-width:680px;color:#697b99;font-size:13px;font-weight:500} .twmv-more-title button,.twmv-search [data-twmv-search-clear],.twmv-modal-close,.twmv-compare-remove,.twmv-selection-chip button{ display:flex!important; align-items:center!important; justify-content:center!important; border:1px solid #d6e0ec!important; border-radius:10px!important; background:#fff!important; color:#17325c!important; -webkit-text-fill-color:#17325c; transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease,background-color .17s ease,color .17s ease; } .twmv-more-title button{flex:0 0 42px;width:42px;height:42px} .twmv-search [data-twmv-search-clear]{flex:0 0 36px;width:36px;height:36px;font-size:22px} .twmv-modal-close{width:42px;height:42px;font-size:19px} .twmv-compare-remove{top:10px;right:10px;width:42px;height:42px;font-size:20px;z-index:4} .twmv-selection-chip button{width:38px;height:38px;font-size:19px} .twmv-more-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px} .twmv-more-grid label,.twmv-more-grid fieldset{font-size:13px;font-weight:800} .twmv-more-grid select,.twmv-more-grid input,.twmv-sort-row select{ appearance:none; -webkit-appearance:none; padding-right:42px; background-color:#fff!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23142d55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 9 5 5 5-5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 13px center; color:#314b70!important; -webkit-text-fill-color:#314b70; } .twmv-more-grid input[type="date"],.twmv-more-grid input[type="number"]{appearance:auto;-webkit-appearance:auto;background-image:none;padding-right:12px} .twmv-more-grid select:hover,.twmv-more-grid input:hover{border-color:#9cbce9} .twmv-more-actions{padding-top:2px} .twmv-active-filters button{ min-height:38px; gap:9px; border:1px solid #d4e4fb!important; background:#edf5ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7; } .twmv-active-filters button>span:first-child{min-width:0} .twmv-chip-remove{display:flex;flex:0 0 18px;font-size:18px} .twmv-active-filters .twmv-clear-all{border-color:transparent!important;background:transparent!important;color:#075bd7!important} .twmv-compare-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin:4px 0 18px; padding:14px 16px; border:1px solid #d8e3f0; border-radius:13px; background:#fbfdff; } .twmv-compare-toolbar__copy{display:flex;min-width:0;flex-direction:column;gap:2px} .twmv-compare-toolbar__copy strong{color:#071735;font-size:16px;font-weight:900} .twmv-compare-toolbar__copy span{color:#667a99;font-size:13px} .twmv-view-switch{display:grid;grid-template-columns:1fr 1fr;flex:0 0 min(470px,45%);min-width:420px;border:1px solid #cbd8e9;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(14,39,78,.035)} .twmv-view-switch button{ display:flex!important; min-height:58px; align-items:center; justify-content:center; gap:10px; padding:7px 16px; border:0!important; border-right:1px solid #d9e3ef!important; background:#fff!important; color:#10284d!important; -webkit-text-fill-color:#10284d; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease; } .twmv-view-switch button:last-child{border-right:0!important} .twmv-view-switch button.is-active{background:linear-gradient(100deg,#0758eb,#076ef8)!important;color:#fff!important;-webkit-text-fill-color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)} .twmv-view-switch__icon{display:flex;flex:0 0 22px;font-size:22px} .twmv-view-switch__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.2} .twmv-view-switch__copy strong{font-size:14px;font-weight:850;white-space:nowrap} .twmv-view-switch__copy small{margin-top:3px;font-size:11px;font-weight:650;opacity:.78;white-space:nowrap} .twmv-view-compact .twmv-compare-block,.twmv-view-full .twmv-compare-block{animation:twmv-view-enter .22s ease both} @keyframes twmv-view-enter{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}} .twmv-selection-chip{grid-template-columns:48px minmax(100px,1fr) 38px;flex-basis:226px;padding:8px 8px 8px 10px} .twmv-compare-summary{flex-wrap:wrap;padding:17px 18px;border-color:#d4dfec;background:#fbfdff} .twmv-compare-summary>strong{font-size:17px;font-weight:900} .twmv-compare-summary>div{order:3;flex-basis:100%;padding:2px 0 1px} .twmv-compare-summary>div>button{grid-template-columns:38px minmax(70px,auto) 32px;min-height:52px;padding:5px 7px;border-color:#d5e0ed!important;background:#fff!important;color:#10284d!important;-webkit-text-fill-color:#10284d} .twmv-summary-tool-logo{width:38px;height:38px} .twmv-compare-summary>div>button svg:last-child{width:20px;height:20px;padding:1px} .twmv-compare-summary .twmv-primary-button{margin-left:auto} .twmv-compare-table{border-color:#d5dfeb;box-shadow:0 8px 28px rgba(14,39,78,.035)} .twmv-compare-row{grid-template-columns:190px repeat(4,minmax(265px,1fr));min-width:1250px} .twmv-compare-label,.twmv-compare-cell,.twmv-compare-head{padding:20px} .twmv-compare-label{color:#071735;font-size:15px;font-weight:900} .twmv-compare-cell{color:#425a7e;font-size:15px;line-height:1.58;text-wrap:pretty} .twmv-compare-cell[data-row="overview"]{font-size:14px;line-height:1.6} .twmv-compare-head{min-height:232px;gap:12px;padding-top:22px} .twmv-compare-brand{padding-right:46px} .twmv-compare-brand h3{font-size:22px;line-height:1.15} .twmv-compare-brand p{font-size:14px;line-height:1.45;text-wrap:pretty} .twmv-compare-quick{min-height:40px;display:flex;align-items:center;padding:8px 12px;border-radius:8px;background:#f1f6fd;color:#536b90;font-size:13px} .twmv-provider-button{min-height:48px;border-radius:9px;font-size:15px;font-weight:850;transition:transform .17s ease,box-shadow .17s ease,filter .17s ease} .twmv-compare-placeholder{padding:14px!important;border-left:1px solid #d5dfeb!important;background:#fff!important} .twmv-compare-placeholder>button{ width:100%; height:100%; min-height:190px; border:2px dashed #aebfd7!important; border-radius:12px; background:#f8fbff!important; color:#17325c!important; -webkit-text-fill-color:#17325c; } .twmv-compare-placeholder>button svg{width:56px;height:56px;padding:15px;border-radius:50%;background:#eaf2ff;color:#075ff7} .twmv-compare-placeholder>button strong{font-size:18px;color:#071735!important} .twmv-compare-placeholder>button span{font-size:14px;color:#617594!important;text-align:center} .twmv-rating-arrows button{border-color:#d2deec!important;background:#fff!important;color:#142f58!important;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease,background-color .17s ease} .twmv-rating-source{min-height:40px;font-weight:650} .twmv-additional-title{margin:30px 0 12px;font-size:26px;line-height:1.25} .twmv-editorial-note{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:16px;margin-top:26px;padding:22px 24px;border:1px solid #d7e3f2;border-radius:14px;background:linear-gradient(135deg,#f5f9ff,#fbfdff);color:#435a7c} .twmv-editorial-note__icon{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:50%;background:#eaf3ff;color:#075ff7;font-size:25px} .twmv-editorial-note__icon svg{width:26px;height:26px} .twmv-editorial-note strong{display:block;margin-bottom:5px;color:#071735;font-size:20px;font-weight:900} .twmv-editorial-note p{max-width:1050px;margin:0;line-height:1.58;text-wrap:pretty} .twmv-modal-backdrop{align-items:flex-start;padding:46px 18px 18px;overflow:auto} .twmv-modal{width:min(560px,100%);max-height:calc(100dvh - 64px);padding:26px;border-radius:16px} .twmv-picker{display:flex;width:min(980px,100%);max-height:calc(100dvh - 64px);flex-direction:column;text-align:left;overflow:hidden} .twmv-picker h2{flex:0 0 auto;margin:0 48px 16px 0} .twmv-picker-search{flex:0 0 auto;margin-bottom:12px} .twmv-picker-output{flex:1 1 auto;min-height:250px;overflow:auto;padding-right:3px;overscroll-behavior:contain} .twmv-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .twmv-picker-item{grid-template-columns:48px minmax(0,1fr) auto;gap:9px;padding:9px} .twmv-picker-logo{width:48px;height:48px} .twmv-picker-item button{min-height:36px;padding:6px 9px;font-size:12px} .twmv-picker-footer{flex:0 0 auto;margin-top:12px;padding-top:12px;border-top:1px solid #e3eaf3;background:#fff} .twmv button,.twmv a,.twcw-button{-webkit-tap-highlight-color:transparent} .twmv button:focus-visible,.twmv a:focus-visible,.twmv input:focus-visible,.twmv select:focus-visible{outline:2px solid #075ff7!important;outline-offset:2px;box-shadow:var(--twmv-focus-ring)!important} .twmv-primary-button,.twmv-provider-button{background:linear-gradient(100deg,#0758eb,#076ef8)!important;color:#fff!important;-webkit-text-fill-color:#fff} .twmv-secondary-button{background:#fff!important;color:#10284d!important;-webkit-text-fill-color:#10284d} .twmv-modal-button--danger{background:#eef5ff!important;color:#fff!important;-webkit-text-fill-color:#fff} @media (hover:hover) and (pointer:fine){ .twmv-filter-button:hover,.twmv-more-filter-button:hover,.twmv-view-switch button:not(.is-active):hover,.twmv-selection-chip button:hover,.twmv-compare-remove:hover,.twmv-more-title button:hover,.twmv-active-filters button:not(.twmv-clear-all):hover,.twmv-compare-summary>div>button:hover,.twmv-rating-arrows button:not(:disabled):hover,.twmv-compare-placeholder>button:hover,.twmv-search [data-twmv-search-clear]:hover,.twmv-modal-close:hover,.twmv-search-suggestion:hover{ transform:translateY(-2px); border-color:#6da7ff!important; background:#edf5ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7; box-shadow:var(--twmv-hover-shadow)!important; } .twmv-primary-button:hover,.twmv-provider-button:hover{transform:translateY(-2px);background:linear-gradient(100deg,#064fd2,#086df5)!important;color:#fff!important;-webkit-text-fill-color:#fff;box-shadow:0 12px 25px rgba(7,95,247,.22)!important} .twmv-secondary-button:hover{transform:translateY(-2px);border-color:#82aef0!important;background:#f2f7ff!important;color:#075bd7!important;-webkit-text-fill-color:#075bd7;box-shadow:0 9px 20px rgba(7,95,247,.1)!important} .twmv-modal-button--danger:hover{transform:translateY(-1px);background:#eef5ff!important;color:#fff!important;-webkit-text-fill-color:#fff;box-shadow:0 10px 22px rgba(7,95,247,.10)!important} } @media (max-width:1399px){ .twmv-controls>.twmv-filter-bar,.twmv-compare-controls>.twmv-filter-bar{grid-template-columns:repeat(5,minmax(0,1fr))} .twmv-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .twmv-view-switch{flex-basis:430px;min-width:400px} .twmv-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:1080px){ .twmv{width:min(100% - 32px,1040px)} .twmv-controls>.twmv-filter-bar,.twmv-compare-controls>.twmv-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))} .twmv-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .twmv-compare-toolbar{align-items:stretch;flex-direction:column} .twmv-view-switch{width:100%;min-width:0;flex-basis:auto} } @media (max-width:767px){ .twmv{width:calc(100% - 24px)} .twmv-title-block h1{font-size:38px;margin-bottom:13px} .twmv-title-block p{font-size:15px;text-wrap:pretty} .twmv-compare-controls{grid-template-columns:1fr} .twmv-compare-controls>.twmv-search-shell,.twmv-compare-controls>.twmv-add-tool-top{grid-column:1/-1} .twmv-controls>.twmv-filter-bar,.twmv-compare-controls>.twmv-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .twmv-filter-button,.twmv-more-filter-button{min-height:48px;padding:6px 10px;font-size:13px} .twmv-more-filter-button{grid-column:1/-1} .twmv-filter-wrap:nth-last-child(-n/**/+3) .twmv-filter-popover{right:12px;left:12px} .twmv-search-suggestions{position:fixed;z-index:99991;top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:68vh} .twmv-search-suggestion{grid-template-columns:44px minmax(0,1fr);gap:9px} .twmv-search-suggestion__logo{width:44px;height:44px} .twmv-search-suggestion__action{grid-column:1/-1;min-width:0} .twmv-more-grid{grid-template-columns:1fr} .twmv-more-title span{display:block} .twmv-more-actions{grid-template-columns:1fr} .twmv-compare-toolbar{padding:12px;margin-bottom:14px} .twmv-compare-toolbar__copy span{font-size:12px} .twmv-view-switch button{min-height:58px;padding:7px 8px;gap:6px} .twmv-view-switch__icon{flex-basis:19px;font-size:19px} .twmv-view-switch__copy strong{font-size:11px;white-space:normal;text-align:left} .twmv-view-switch__copy small{display:none} .twmv-selection-chip{grid-template-columns:44px minmax(90px,1fr) 36px;flex-basis:210px} .twmv-compare-summary>div{grid-template-columns:1fr} .twmv-compare-summary .twmv-primary-button{order:4} .twmv-compare-label,.twmv-compare-cell,.twmv-compare-head{padding:13px} .twmv-compare-row{grid-template-columns:120px repeat(4,225px);min-width:1020px} .twmv-compare-placeholder{padding:9px!important} .twmv-compare-placeholder>button{min-height:165px} .twmv-editorial-note{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:17px} .twmv-editorial-note__icon{width:44px;height:44px;font-size:21px} .twmv-editorial-note strong{font-size:18px} .twmv-editorial-note p{font-size:13px} .twmv-modal-backdrop{padding:38px 10px 10px} .twmv-modal,.twmv-picker{max-height:calc(100dvh - 48px);padding:20px 14px 14px} .twmv-picker{padding-top:46px} .twmv-picker-grid{grid-template-columns:1fr} } @media (max-width:430px){ .twmv{width:calc(100% - 18px)} .twmv-title-block h1{font-size:34px} .twmv-controls>.twmv-filter-bar,.twmv-compare-controls>.twmv-filter-bar{grid-template-columns:1fr 1fr} .twmv-view-switch__copy strong{font-size:10.5px} } @media (prefers-reduced-motion:reduce){ .twmv *{scroll-behavior:auto!important;animation:none!important;transition:none!important} .twmv button:hover,.twmv a:hover{transform:none!important} } .twmv{ --twmv-hover-shadow:0 10px 24px rgba(7,95,247,.12); --twmv-focus-ring:0 0 0 2px rgba(7,95,247,.10); } .twmv [hidden],.twmv[hidden]{display:none!important} .twmv-search{ border-color:#d5dfed!important; box-shadow:0 1px 0 rgba(13,38,77,.015)!important; transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease; } .twmv-search:focus-within{ border-color:#8bb7ef!important; box-shadow:none!important; background:#fff!important; } .twmv-search input[data-twmv-search]:focus, .twmv-search input[data-twmv-search]:focus-visible{ outline:0!important; box-shadow:none!important; } .twmv-search [data-twmv-search-clear]{flex:0 0 38px;width:38px;height:38px;font-size:24px;font-weight:500} .twmv-search-suggestions{border-color:#cbd9eb;box-shadow:0 18px 48px rgba(12,34,72,.16)} .twmv-search-suggestion__copy strong{font-size:14px;line-height:1.25} .twmv-search-suggestion__copy small{line-height:1.3} .twmv-controls>.twmv-filter-bar,.twmv-compare-controls>.twmv-filter-bar{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px 14px!important; grid-column:1/-1; } .twmv-filter-wrap,.twmv-more-filter-button{min-width:0} .twmv-filter-button,.twmv-more-filter-button{ min-height:54px; min-width:0; justify-content:space-between!important; padding:8px 16px!important; border:1px solid #d3deec!important; border-radius:11px!important; background:#fff!important; color:#10284d!important; -webkit-text-fill-color:#10284d!important; box-shadow:none!important; line-height:1.2; white-space:normal; } .twmv-filter-button__label{ min-width:0; overflow:visible; text-overflow:clip; white-space:normal; text-align:left; text-wrap:balance; } .twmv-chevron{display:grid;flex:0 0 18px;width:18px;height:18px;place-items:center;margin-left:auto} .twmv-chevron svg{width:18px!important;height:18px!important;stroke-width:2.15!important;transition:transform .18s ease} .twmv-filter-button[aria-expanded="true"] .twmv-chevron svg,.twmv-more-filter-button[aria-expanded="true"] .twmv-chevron svg{transform:rotate(180deg)} .twmv-filter-button.is-active,.twmv-filter-button[aria-expanded="true"],.twmv-more-filter-button[aria-expanded="true"]{ border-color:#6ea8f7!important; background:#f1f7ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv-more-filter-button{grid-column:auto!important} .twmv-filter-wrap:nth-child(4n/**/+3) .twmv-filter-popover,.twmv-filter-wrap:nth-child(4n/**/+4) .twmv-filter-popover{right:0;left:auto} .twmv-filter-popover{width:min(320px,calc(100vw - 32px));padding:17px;border-color:#cfdbea;box-shadow:0 20px 55px rgba(13,36,75,.18)} .twmv-filter-popover--range{width:min(360px,calc(100vw - 32px))} .twmv-filter-popover>strong{font-size:16px} .twmv-filter-options{max-height:265px;padding-right:2px;scrollbar-width:thin;scrollbar-color:#9db4d4 #eef3f8} .twmv-filter-options label{min-height:40px;padding:3px 5px;border-radius:7px} .twmv-filter-options label:hover{background:#f3f7fd} .twmv-filter-reset-one,.twmv-range-reset{color:#075bd7!important;-webkit-text-fill-color:#075bd7!important} .twmv-range-filter{display:grid;gap:11px;margin-top:14px;padding:14px;border-top:1px solid #e2e9f2;background:#f8fbff;border-radius:10px} .twmv-range-filter__title{color:#10284d;font-size:13px;font-weight:850} .twmv-range-filter__values{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6a7d99;font-size:12px} .twmv-range-filter__values span{display:flex;flex-direction:column;gap:1px} .twmv-range-filter__values span:last-child{text-align:right} .twmv-range-filter__values strong{color:#10284d;font-size:13px;font-weight:850} .twmv-dual-range{position:relative;height:34px;margin:0 5px} .twmv-dual-range::before{position:absolute;top:15px;right:0;left:0;height:5px;border-radius:999px;background:#d9e4f2;content:""} .twmv-dual-range input[type="range"]{ position:absolute; top:0; left:0; width:100%; height:34px; margin:0; padding:0; appearance:none; -webkit-appearance:none; border:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; pointer-events:none; } .twmv-dual-range input[type="range"]::-webkit-slider-runnable-track{height:5px;background:transparent} .twmv-dual-range input[type="range"]::-moz-range-track{height:5px;background:transparent} .twmv-dual-range input[type="range"]::-webkit-slider-thumb{ width:20px;height:20px;margin-top:-7px;border:3px solid #fff;border-radius:50%;background:#075ff7;box-shadow:0 0 0 1px #075ff7,0 3px 8px rgba(7,95,247,.22);-webkit-appearance:none;pointer-events:auto;cursor:grab } .twmv-dual-range input[type="range"]::-moz-range-thumb{ width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#075ff7;box-shadow:0 0 0 1px #075ff7,0 3px 8px rgba(7,95,247,.22);pointer-events:auto;cursor:grab } .twmv-range-reset{justify-self:start;padding:0;border:0!important;background:transparent!important;font-size:12px;font-weight:800;cursor:pointer} .twmv-more-filters{overflow:visible;padding:24px;border-color:#d4deeb;box-shadow:0 12px 34px rgba(14,39,78,.04)} .twmv-more-title{align-items:flex-start;margin-bottom:20px} .twmv-more-title>div{display:flex;min-width:0;flex-direction:column;gap:3px} .twmv-more-title strong{font-size:21px;font-weight:900} .twmv-more-title span{max-width:820px;color:#697b99;font-size:13px;font-weight:500;text-wrap:pretty} .twmv-more-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 22px!important} .twmv-more-grid label,.twmv-more-grid fieldset{min-width:0;align-content:start;font-size:13px;font-weight:800;line-height:1.25} .twmv-more-grid select,.twmv-more-grid input{min-height:52px;font-weight:650;line-height:1.25} .twmv-more-actions{align-items:center;margin-top:24px;padding-top:0} .twmv-tabs button, .twmv-view-switch button, .twmv-filter-button, .twmv-more-filter-button, .twmv-more-title button, .twmv-search [data-twmv-search-clear], .twmv-selection-chip button, .twmv-compare-remove, .twmv-rating-arrows button, .twmv-compare-placeholder>button{ text-shadow:none!important; } .twmv-tabs button{background:transparent!important;color:#0b2245!important;-webkit-text-fill-color:#0b2245!important;border-top:0!important;border-right:0!important;border-left:0!important;border-radius:0!important;box-shadow:none!important} .twmv-tabs button:hover,.twmv-tabs button:focus,.twmv-tabs button:active{background:#f5f9ff!important;color:#075bd7!important;-webkit-text-fill-color:#075bd7!important} .twmv-tabs button.is-active{background:transparent!important;color:#075bd7!important;-webkit-text-fill-color:#075bd7!important;border-bottom-color:#075ff7!important} .twmv-view-switch button:not(.is-active){background:#fff!important;color:#10284d!important;-webkit-text-fill-color:#10284d!important} .twmv-view-switch button.is-active{background:linear-gradient(100deg,#0758eb,#076ef8)!important;color:#fff!important;-webkit-text-fill-color:#fff!important} .twmv-more-title button,.twmv-search [data-twmv-search-clear],.twmv-selection-chip button,.twmv-compare-remove{ border:1px solid #d6e0ec!important;background:#fff!important;color:#17325c!important;-webkit-text-fill-color:#17325c!important } .twmv-more-title button svg,.twmv-selection-chip button svg,.twmv-compare-remove svg{width:20px!important;height:20px!important} .twmv-compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:4px 0 18px;padding:14px 16px;border:1px solid #d8e3f0;border-radius:13px;background:#fbfdff} .twmv-compare-toolbar__copy strong{font-size:16px} .twmv-view-switch{flex:0 0 min(470px,45%);min-width:420px} .twmv-selection-chips,.twmv-compare-summary>div{scroll-snap-type:x proximity;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:#9eb8dc #edf2f8} .twmv-selection-chip,.twmv-compare-summary>div>button{scroll-snap-align:start} .twmv-selection-chip{grid-template-columns:48px minmax(112px,1fr) 40px;flex:0 0 236px;padding:8px 8px 8px 10px} .twmv-selection-chip strong,.twmv-selection-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal} .twmv-compare-table{width:100%;border-color:#d5dfeb;box-shadow:0 8px 28px rgba(14,39,78,.035)} .twmv-compare-row{grid-template-columns:190px repeat(4,minmax(265px,1fr));min-width:1250px} .twmv-compare-label,.twmv-compare-cell,.twmv-compare-head{padding:20px} .twmv-compare-label{font-size:15px;font-weight:900} .twmv-compare-cell{align-content:start;align-items:flex-start;font-size:15px;line-height:1.58;overflow-wrap:break-word;word-break:normal} .twmv-compare-head{min-height:196px;gap:14px;padding-top:22px;overflow:visible;overflow-wrap:normal;word-break:normal} .twmv-compare-brand{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;padding-right:50px} .twmv-compare-logo{width:72px;height:72px} .twmv-compare-brand h3{min-width:0;margin:0;color:#071735;font-size:21px;line-height:1.15;white-space:normal;overflow-wrap:normal;word-break:keep-all;hyphens:none;text-wrap:balance} .twmv-provider-button{min-height:48px;margin-top:auto;border-radius:9px;font-size:15px;font-weight:850} .twmv-additional-title{margin:30px 0 12px;font-size:26px;line-height:1.25;text-wrap:balance} .twmv-compare-placeholder{ margin:-1px 0 -1px -1px; padding:12px!important; border:2px dashed #9fb3cf!important; background:#fbfdff!important; } .twmv-compare-placeholder>button{width:100%;height:100%;min-height:168px;border:0!important;border-radius:10px;background:#f8fbff!important;color:#17325c!important;-webkit-text-fill-color:#17325c!important} .twmv-compare-placeholder>button strong{font-size:18px;color:#071735!important;-webkit-text-fill-color:#071735!important} .twmv-compare-placeholder>button span{font-size:14px;color:#617594!important;-webkit-text-fill-color:#617594!important;text-align:center} .twmv-overview-text{margin:0;line-height:1.62;text-wrap:pretty;orphans:3;widows:3} .twmv-text-preview,.twmv-expandable-list{width:100%;min-width:0} .twmv-text-preview.is-expanded .twmv-overview-text{max-height:360px;overflow:auto;padding-right:8px;overscroll-behavior:contain;scrollbar-width:thin} .twmv-expandable-list.is-expanded .twmv-value-list{max-height:300px;overflow:auto;padding-right:8px;overscroll-behavior:contain;scrollbar-width:thin} .twmv-token-list{display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:7px;width:100%;min-width:0} .twmv-token-list.is-expanded{max-height:230px;overflow:auto;padding-right:6px;overscroll-behavior:contain;scrollbar-width:thin} .twmv-inline-toggle,.twmv-token-more{display:inline-flex!important;align-items:center;justify-content:center;min-height:34px;margin-top:10px;padding:6px 10px;border:1px solid #cfe0f5!important;border-radius:8px!important;background:#f4f8ff!important;color:#075bd7!important;-webkit-text-fill-color:#075bd7!important;font-size:12px;font-weight:800;cursor:pointer;box-shadow:none!important} .twmv-token{display:inline-flex;max-width:100%;padding:5px 9px;border:1px solid #e0e8f3;border-radius:999px;background:#f2f6fb;color:#435b7f;font-size:12px;line-height:1.25;overflow-wrap:break-word;word-break:normal} .twmv-token-more{margin-top:0;border-radius:999px!important} .twmv-value-list{width:100%;margin:0;padding:0;list-style:none} .twmv-value-list li{position:relative;margin:0 0 10px;padding-left:22px;line-height:1.52;text-wrap:pretty;orphans:2;widows:2} .twmv-value-list li:last-child{margin-bottom:0} .twmv-rating-cell{display:grid;width:100%;gap:12px} .twmv-rating-source{min-height:0;font-size:13px;line-height:1.35;text-wrap:pretty;font-weight:700} .twmv-rating-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .twmv-rating-arrows{flex:0 0 auto} .twmv-rating-arrows button{width:46px;height:40px} .twmv-rating-value{margin-left:auto;justify-content:flex-end;flex-wrap:wrap} .twmv-editorial-note{grid-template-columns:54px minmax(0,1fr);align-items:center;padding:23px 24px} .twmv-editorial-note strong{font-size:20px} .twmv-editorial-note p{max-width:none!important;margin:0;line-height:1.62;text-wrap:pretty;orphans:3;widows:3} @media (hover:hover) and (pointer:fine){ .twmv-filter-button:hover,.twmv-more-filter-button:hover,.twmv-view-switch button:not(.is-active):hover,.twmv-selection-chip button:hover,.twmv-compare-remove:hover,.twmv-more-title button:hover,.twmv-active-filters button:not(.twmv-clear-all):hover,.twmv-compare-summary>div>button:hover,.twmv-rating-arrows button:not(:disabled):hover,.twmv-compare-placeholder>button:hover,.twmv-search [data-twmv-search-clear]:hover,.twmv-modal-close:hover,.twmv-search-suggestion:hover{ transform:translateY(-2px)!important; border-color:#6da7ff!important; background:#edf5ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; box-shadow:var(--twmv-hover-shadow)!important; } .twmv-primary-button:hover,.twmv-provider-button:hover{transform:translateY(-2px)!important;background:linear-gradient(100deg,#064fd2,#086df5)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 12px 25px rgba(7,95,247,.22)!important} .twmv-secondary-button:hover{transform:translateY(-2px)!important;border-color:#82aef0!important;background:#f2f7ff!important;color:#075bd7!important;-webkit-text-fill-color:#075bd7!important;box-shadow:0 9px 20px rgba(7,95,247,.1)!important} } @media (max-width:1080px){ .twmv-controls>.twmv-filter-bar,.twmv-compare-controls>.twmv-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important} .twmv-filter-wrap:nth-child(odd) .twmv-filter-popover{right:auto;left:0} .twmv-filter-wrap:nth-child(even) .twmv-filter-popover{right:0;left:auto} .twmv-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .twmv-compare-toolbar{align-items:stretch;flex-direction:column} .twmv-view-switch{width:100%;min-width:0;flex-basis:auto} .twmv-compare-row{grid-template-columns:180px repeat(4,330px);min-width:1500px} } @media (max-width:767px){ .twmv-controls>.twmv-filter-bar,.twmv-compare-controls>.twmv-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} .twmv-more-filter-button{grid-column:auto!important} .twmv-filter-button,.twmv-more-filter-button{min-height:49px;padding:7px 11px!important;font-size:13px} .twmv-filter-popover,.twmv-filter-popover--range{position:fixed;z-index:99992;top:auto!important;right:12px!important;bottom:12px;left:12px!important;width:auto;max-height:72vh;overflow:auto} .twmv-more-grid{grid-template-columns:1fr!important} .twmv-more-actions{display:grid;grid-template-columns:1fr;gap:9px} .twmv-view-switch button{min-height:58px;padding:7px 8px} .twmv-compare-row{grid-template-columns:120px repeat(4,235px);min-width:1060px} .twmv-compare-label,.twmv-compare-cell,.twmv-compare-head{padding:13px} .twmv-compare-head{min-height:180px} .twmv-compare-brand{grid-template-columns:58px minmax(0,1fr);gap:10px;padding-right:44px} .twmv-compare-logo{width:58px;height:58px} .twmv-compare-brand h3{font-size:17px} .twmv-compare-placeholder{padding:8px!important} .twmv-compare-placeholder>button{min-height:150px} .twmv-rating-controls{align-items:flex-start;flex-direction:column} .twmv-rating-value{margin-left:0;justify-content:flex-start} .twmv-editorial-note{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;padding:17px} .twmv-editorial-note__icon{width:44px;height:44px} .twmv-editorial-note strong{font-size:18px} .twmv-editorial-note p{font-size:13px} } @media (max-width:430px){ .twmv-filter-button,.twmv-more-filter-button{padding-inline:10px!important;font-size:12.5px} .twmv-view-switch__copy strong{font-size:10.5px} } @media (max-width:350px){ .twmv-controls>.twmv-filter-bar,.twmv-compare-controls>.twmv-filter-bar{grid-template-columns:1fr!important} } @media (prefers-reduced-motion:reduce){ .twmv *{scroll-behavior:auto!important;animation:none!important;transition:none!important} .twmv button:hover,.twmv a:hover{transform:none!important} } .twmv [hidden],.twmv[hidden]{display:none!important} .twmv-search:focus-within{border-color:#79a9e8!important;box-shadow:none!important} .twmv-filter-popover--range>.twmv-range-filter{margin-top:0;border-top:0} .twmv-filter-quick{display:grid;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e9f2} .twmv-filter-quick__title{color:#10284d;font-size:12px;font-weight:850} .twmv-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .twmv-more-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-self:end;align-items:stretch;gap:12px;min-width:0;margin:0!important;padding:0!important} .twmv-more-actions .twmv-primary-button,.twmv-more-actions .twmv-secondary-button{width:100%;min-width:0;min-height:52px;padding-inline:12px;white-space:nowrap} .twmv-compare-toolbar__copy span{max-width:520px;text-wrap:pretty} .twmv-compare-page .twmv-status:empty{display:none!important} .twmv-compare-summary{gap:16px 18px;padding:20px!important} .twmv-compare-summary>strong{font-size:18px!important} .twmv-compare-summary>div{order:3;flex-basis:100%;gap:10px!important;padding-top:4px!important} .twmv-compare-summary .twmv-primary-button{margin-left:auto;min-height:50px} .twmv-search [data-twmv-search-clear],.twmv-more-title button,.twmv-modal-close,.twmv-compare-remove,.twmv-selection-chip button{width:38px!important;height:38px!important;flex-basis:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;font-size:20px!important} .twmv-more-title button svg,.twmv-modal-close svg,.twmv-compare-remove svg,.twmv-selection-chip button svg{width:18px!important;height:18px!important;stroke-width:2.15!important} .twmv-compare-remove{top:12px!important;right:12px!important;z-index:5} .twmv-compare-block{max-width:100%;margin-bottom:28px} .twmv-compare-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:1px 1px 10px;scroll-padding-inline:1px;scrollbar-gutter:stable} .twmv-compare-table{width:100%;min-width:1330px;overflow:visible!important} .twmv-compare-row{grid-template-columns:minmax(180px,190px) repeat(4,minmax(285px,1fr));min-width:1330px} .twmv-compare-head{min-width:0;overflow:visible!important;padding:22px 20px 20px!important} .twmv-compare-brand{grid-template-columns:72px minmax(0,1fr)!important;gap:14px!important;padding-right:44px!important} .twmv-compare-brand h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;font-size:clamp(19px,1.35vw,22px)!important} .twmv-provider-button{width:100%;min-width:0} .twmv-expandable-list.has-more,.twmv-token-set.has-more{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;min-width:0} .twmv-expandable-list.has-more .twmv-expandable-list__scroll{height:300px;overflow:hidden;padding-right:7px} .twmv-expandable-list.has-more.is-expanded .twmv-expandable-list__scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9db4d4 #eef3f8} .twmv-token-list__scroll{display:flex;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:8px 7px;width:100%;min-width:0} .twmv-token-set.has-more .twmv-token-list__scroll{height:164px;overflow:hidden;padding-right:7px} .twmv-token-set.has-more.is-expanded .twmv-token-list__scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9db4d4 #eef3f8} .twmv-token{padding:6px 10px;line-height:1.35} .twmv-inline-toggle,.twmv-token-more{justify-self:start;margin-top:10px!important} .twmv-rating-cell{justify-items:center;text-align:center} .twmv-rating-source{display:flex;width:100%;align-items:center;justify-content:center;min-height:34px;text-align:center} .twmv-rating-controls{display:grid!important;width:100%;justify-items:center;justify-content:center!important;gap:13px!important} .twmv-rating-arrows{justify-content:center} .twmv-rating-value{margin:0!important;justify-content:center!important;text-align:center} .twmv-additional-title{margin:42px 0 16px!important} .twmv-editorial-note{align-items:center!important} .twmv-editorial-note p{max-width:1180px!important;line-height:1.58!important;text-wrap:pretty} @media (max-width:1080px){ .twmv-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .twmv-more-actions{grid-column:1/-1} .twmv-compare-table{min-width:1240px} .twmv-compare-row{grid-template-columns:170px repeat(4,267.5px);min-width:1240px} } @media (max-width:767px){ .twmv-more-grid{grid-template-columns:1fr!important} .twmv-more-actions{grid-column:auto;grid-template-columns:1fr} .twmv-compare-summary .twmv-primary-button{width:100%;margin-left:0;order:2} .twmv-compare-summary>div{order:3} .twmv-compare-table{min-width:1060px} .twmv-compare-row{grid-template-columns:120px repeat(4,235px);min-width:1060px} .twmv-expandable-list.has-more .twmv-expandable-list__scroll{height:270px} .twmv-token-set.has-more .twmv-token-list__scroll{height:150px} .twmv-rating-controls{justify-items:start!important} .twmv-rating-source,.twmv-rating-value{justify-content:flex-start!important;text-align:left} .twmv-additional-title{margin-top:32px!important} } .twmv input[type="search"]::-webkit-search-cancel-button, .twmv input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none; appearance:none; display:none; } .twmv-text-preview.has-more{ display:grid; grid-template-rows:minmax(0,1fr) auto; width:100%; min-width:0; } .twmv-text-preview.has-more .twmv-text-preview__scroll{ height:320px; overflow:hidden; padding-right:7px; } .twmv-text-preview.has-more.is-expanded .twmv-text-preview__scroll{ overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#9db4d4 #eef3f8; } .twmv-text-preview.has-more .twmv-overview-text{ max-height:none!important; overflow:visible!important; padding-right:0!important; } @media (max-width:767px){ .twmv-text-preview.has-more .twmv-text-preview__scroll{height:280px} } .twmv-compare-summary{margin-bottom:24px!important} .twmv-compare-summary>div{ align-items:center; padding:5px 0 5px!important; scrollbar-gutter:stable; } .twmv-compare-summary>div>button{ grid-template-columns:28px 38px minmax(82px,auto) 30px!important; gap:7px!important; } .twmv-summary-position,.twmv-selection-position{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; border:1px solid #cfe0f5; border-radius:999px; background:#eef5ff; color:#075bd7; font-weight:850; line-height:1; } .twmv-summary-position{width:25px;height:25px;font-size:11px} .twmv-selection-position{width:26px;height:26px;font-size:11px} .twmv-selection-chip{ grid-template-columns:26px 44px minmax(92px,1fr) 34px!important; flex-basis:246px!important; gap:8px!important; } .twmv-position-control{ display:flex; min-height:38px; align-items:center; justify-content:space-between; gap:10px; padding:5px 8px 5px 11px; border:1px solid #d9e4f1; border-radius:8px; background:#f8fbff; color:#405778; } .twmv-position-control>span{font-size:12px;font-weight:800} .twmv-position-control input{ width:62px; min-height:30px; padding:3px 26px 3px 9px; border:1px solid #cbd9ea!important; border-radius:7px; background-color:#fff!important; color:#10284d!important; font-size:13px; font-weight:800; cursor:pointer; } .twmv-search [data-twmv-search-clear], .twmv-more-title button, .twmv-modal-close, .twmv-compare-remove, .twmv-selection-chip button{ width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; flex-basis:36px!important; font-size:17px!important; } .twmv-more-title button svg, .twmv-modal-close svg, .twmv-compare-remove svg, .twmv-selection-chip button svg{ width:16px!important; height:16px!important; stroke-width:2.1!important; } .twmv-compare-remove{top:12px!important;right:12px!important} .twmv-compare-scroll{scroll-snap-type:none!important} @media (min-width:1081px){ .twmv-compare-scroll{overflow-x:hidden!important;padding-right:0!important;padding-left:0!important} .twmv-compare-table{width:100%!important;min-width:0!important;overflow:hidden!important} .twmv-compare-row{ width:100%!important; min-width:0!important; grid-template-columns:minmax(170px,190px) repeat(4,minmax(0,1fr))!important; } } .twmv-compare-head{ min-width:0!important; min-height:0!important; gap:12px!important; overflow:hidden!important; padding:22px 20px 20px!important; } .twmv-compare-brand{ grid-template-columns:68px minmax(0,1fr)!important; gap:13px!important; padding-right:42px!important; } .twmv-compare-brand h3{ display:block!important; min-width:0!important; margin:0!important; overflow:visible!important; text-overflow:clip!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; hyphens:none!important; font-size:clamp(18px,1.25vw,21px)!important; line-height:1.16!important; } .twmv-provider-button{margin-top:2px!important} .twmv-compare-placeholder{overflow:hidden!important} .twmv-compare-placeholder>button{box-sizing:border-box!important;min-width:0!important} .twmv-additional-title{margin:52px 0 18px!important} .twmv-additional-title+.twmv-compare-block{margin-top:0!important} .twmv-compare-cell{min-width:0!important;overflow:hidden} .twmv-compare-cell[data-row="overview"]{overflow:hidden} .twmv-compare-cell[data-row="offer"]{align-items:center!important;min-height:72px} .twmv-compare-cell[data-row="offer"] .twmv-no-value{ display:inline-flex; align-items:center; min-height:24px; line-height:1; } .twmv-editorial-note p{max-width:none!important;text-wrap:pretty} @media (max-width:1080px){ .twmv-selection-chip{grid-template-columns:24px 42px minmax(88px,1fr) 34px!important;flex-basis:232px!important} .twmv-compare-scroll{padding-bottom:13px!important} } @media (max-width:767px){ .twmv-compare-summary>div{padding-bottom:10px!important} .twmv-compare-summary>div>button{grid-template-columns:25px 34px minmax(70px,1fr) 28px!important} .twmv-selection-chip{grid-template-columns:24px 40px minmax(76px,1fr) 32px!important;flex-basis:218px!important} .twmv-position-control{padding-left:9px} .twmv-position-control>span{font-size:11px} .twmv-position-control input{width:58px} .twmv-additional-title{margin-top:38px!important} } .twmv-more-field{display:grid;align-content:start;gap:7px;min-width:0;color:var(--twmv-ink);font-size:13px;font-weight:800;line-height:1.25} .twmv-more-field__label{display:block} .twmv-price-level-control{position:relative;min-width:0} .twmv-price-level-button{display:flex;width:100%;min-width:0;min-height:52px;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:1px solid #d7e1ee;border-radius:9px;background:#fff;color:#536787;font:inherit;font-weight:650;text-align:left;cursor:pointer} .twmv-price-level-button:hover,.twmv-price-level-button[aria-expanded="true"]{border-color:#8eb8ef;background:#f8fbff;color:#173c73;-webkit-text-fill-color:#173c73} .twmv-price-level-button:focus-visible{outline:0;border-color:#73aaff;box-shadow:0 0 0 3px rgba(7,95,247,.08)} .twmv-price-level-button>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .twmv-price-level-popover{position:absolute;z-index:80;top:calc(100% + 8px);right:0;left:0;overflow:hidden;border:1px solid #cbd9eb;border-radius:11px;background:#fff;box-shadow:0 18px 48px rgba(12,34,72,.16)} .twmv-price-level-options{display:grid;max-height:210px;overflow:auto;overscroll-behavior:contain;padding:6px} .twmv-price-level-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:38px;padding:7px 9px;border:0;border-radius:7px;background:#fff;color:#314866;font:inherit;font-size:13px;font-weight:650;text-align:left;cursor:pointer} .twmv-price-level-option small{color:#8a98ad;font-size:12px;font-weight:650} .twmv-price-level-option:hover,.twmv-price-level-option:focus-visible,.twmv-price-level-option.is-selected{outline:0;background:#eef5ff;color:#075bd7;-webkit-text-fill-color:#075bd7} .twmv-price-level-range{display:grid;gap:7px;padding:10px 12px 12px;border-top:1px solid #e1e9f3;background:#f8fbff} .twmv-price-level-range__title{color:#17325c;font-size:12px;font-weight:800} .twmv-price-level-range .twmv-range{gap:7px} .twmv-price-level-range .twmv-range input{min-height:38px;padding:0 10px;border-radius:8px;background:#fff;font-size:13px} .twmv-price-level-range .twmv-range>span{font-size:13px} .twmv-search-suggestion__action{transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease} @media (hover:hover) and (pointer:fine){ .twmv-search-suggestion:hover .twmv-search-suggestion__action{transform:translateY(-1px);border-color:#82aef0!important;background:#f2f7ff!important;color:#075bd7!important;-webkit-text-fill-color:#075bd7!important} } @media (max-width:760px){ .twmv-price-level-popover{position:fixed;z-index:99993;top:auto;right:12px;bottom:12px;left:12px;max-height:70vh;overflow:auto} } .twmv-desktop-summary-tip,.twmv-desktop-tip-title,.twmv-desktop-tip-copy{display:none} .twmv-non-desktop-summary-tip,.twmv-non-desktop-tip-title{display:inline} .twmv-non-desktop-tip-copy{display:block} .twmv-compare-disclaimer{display:none} @media (min-width:1180px){ .twmv-title-block--compare{ display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,510px); align-items:end; gap:46px; } .twmv-title-block--compare .twmv-title-copy{min-width:0} .twmv-compare-disclaimer{ display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:13px; width:100%; margin:0 0 7px; padding:15px 17px; border:1px solid #cfe0f4; border-radius:12px; background:linear-gradient(135deg,#f4f8ff,#fbfdff); color:#435a7c; box-shadow:0 8px 24px rgba(16,35,70,.035); } .twmv-compare-disclaimer__icon{ display:flex; width:42px; height:42px; align-items:center; justify-content:center; border:1px solid #c8dbf5; border-radius:50%; background:#eaf3ff; color:#075ff7; } .twmv-compare-disclaimer__icon svg{width:21px;height:21px;stroke-width:2.15} .twmv-compare-disclaimer p{margin:0;font-size:13px;line-height:1.52;text-wrap:pretty} .twmv-desktop-summary-tip,.twmv-desktop-tip-title{display:inline} .twmv-desktop-tip-copy{display:block} .twmv-non-desktop-summary-tip,.twmv-non-desktop-tip-title,.twmv-non-desktop-tip-copy{display:none} .twmv-watch-page .twmv-summary{ grid-template-columns:auto minmax(0,1fr) minmax(330px,420px); gap:22px; } .twmv-watch-page .twmv-summary strong, .twmv-watch-page .twmv-summary strong span{ color:#071735!important; -webkit-text-fill-color:#071735!important; } .twmv-watch-page .twmv-summary-icon{ border:1px solid #9fb9dd; background:#f2f7ff; color:#173c73; box-shadow:inset 0 0 0 4px #fff; } .twmv-watch-page .twmv-summary-icon svg{width:30px;height:30px;stroke-width:2.25} .twmv-watch-page .twmv-summary-tip{line-height:1.48;text-wrap:pretty} .twmv-watch-page .twmv-tabs{display:none!important} .twmv-watch-page .twmv-selection-panel{ display:grid; grid-template-columns:minmax(210px,245px) minmax(0,1fr) minmax(360px,430px); align-items:center; gap:18px; margin:22px 0 20px; padding:20px 22px; background:#fff; } .twmv-watch-page .twmv-selection-head{ display:block; min-width:0; margin:0; } .twmv-watch-page .twmv-selection-head>div{gap:3px} .twmv-watch-page .twmv-selection-head strong{font-size:18px;line-height:1.25} .twmv-watch-page .twmv-selection-head span{font-size:13px} .twmv-watch-page .twmv-selection-body{display:contents} .twmv-watch-page .twmv-selection-chips{ min-width:0; margin:0; padding:3px 0 10px; scrollbar-gutter:stable; } .twmv-watch-page .twmv-selection-chip{ grid-template-columns:26px 44px minmax(92px,1fr) 34px!important; flex:0 0 246px!important; min-height:64px; gap:8px!important; } .twmv-watch-page .twmv-selection-logo{width:44px;height:44px;padding:4px} .twmv-watch-page .twmv-selection-actions{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; align-self:center; } .twmv-watch-page .twmv-selection-actions button{ width:100%; min-width:0; min-height:50px; padding-inline:14px; white-space:nowrap; } .twmv-watch-page .twmv-selection-empty{ grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; } .twmv-watch-page .twmv-watch-grid{gap:18px} .twmv-watch-page .twmv-watch-card{ min-height:270px; padding:22px 20px 17px; } .twmv-watch-page .twmv-card-main{ grid-template-columns:86px minmax(0,1fr); gap:18px; padding:8px 42px 0 18px; } .twmv-watch-page .twmv-card-logo{width:86px;height:86px;padding:7px} .twmv-watch-page .twmv-card-copy h2{margin:7px 0 12px;font-size:22px} .twmv-watch-page .twmv-card-copy p{display:none} .twmv-watch-page .twmv-card-chips{gap:7px} .twmv-watch-page .twmv-card-chips span{padding:5px 10px;font-size:12px} .twmv-watch-page .twmv-card-meta{gap:14px;padding:18px 18px 13px} .twmv-watch-page .twmv-card-remove svg{width:21px;height:21px;stroke-width:2.25} .twmv-watch-page .twmv-card-actions{gap:9px} .twmv-watch-page .twmv-card-actions a, .twmv-watch-page .twmv-card-actions button{min-height:42px;font-size:12px;font-weight:700} .twmv-watch-page .twmv-editorial-tip{ margin-top:28px; margin-bottom:54px; align-items:center; padding:20px 22px; } .twmv-watch-page .twmv-editorial-tip>span{font-size:30px} .twmv-watch-page .twmv-editorial-tip strong{font-size:17px} .twmv-watch-page .twmv-editorial-tip p{font-size:14px;line-height:1.55;text-wrap:pretty} .twmv-compare-page .twmv-rating-arrows button{width:40px!important;height:36px!important} .twmv-compare-page .twmv-rating-arrows button svg{width:15px!important;height:15px!important} .twmv button:not(.twmv-primary-button):not(.twmv-modal-button--danger):hover{ border-color:#82aef0!important; background:#f2f7ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv .twmv-card-remove:hover{ border-color:#82aef0!important; background:#f2f7ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv .twmv-price-level-button, .twmv .twmv-price-level-button:hover, .twmv .twmv-price-level-button:focus, .twmv .twmv-price-level-button:active, .twmv .twmv-price-level-button[aria-expanded="true"]{ border-color:#8eb8ef!important; background:#f8fbff!important; color:#173c73!important; -webkit-text-fill-color:#173c73!important; box-shadow:none!important; } .twmv .twmv-price-level-option:hover, .twmv .twmv-price-level-option:focus-visible, .twmv .twmv-price-level-option.is-selected{ background:#eef5ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv .twmv-picker-item button, .twmv .twmv-picker-item button:hover, .twmv .twmv-picker-item button:focus, .twmv .twmv-picker-item button:active, .twmv .twmv-picker-item button.is-active, .twmv .twmv-picker-item button.is-active:hover{ border-color:#82aef0!important; background:#f2f7ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; box-shadow:none!important; } .twmv .twmv-picker-item button.is-active, .twmv .twmv-picker-item button.is-active:hover{ border-color:#6fa6f4!important; background:#eaf3ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv .twmv-search-suggestion__action, .twmv .twmv-search-suggestion:hover .twmv-search-suggestion__action, .twmv .twmv-search-suggestion.is-selected .twmv-search-suggestion__action, .twmv .twmv-search-suggestion.is-selected:hover .twmv-search-suggestion__action{ border-color:#82aef0!important; background:#f2f7ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; box-shadow:none!important; } .twmv .twmv-search-suggestion.is-selected, .twmv .twmv-search-suggestion.is-selected:hover{ border-color:#bfd6fa!important; background:#edf5ff!important; color:#173c73!important; -webkit-text-fill-color:#173c73!important; } .twmv .twmv-filter-button:hover, .twmv .twmv-more-filter-button:hover, .twmv .twmv-secondary-button:hover, .twmv .twmv-card-actions a:hover, .twmv .twmv-card-actions button:hover, .twmv .twmv-selection-chip button:hover, .twmv .twmv-compare-remove:hover, .twmv .twmv-modal-close:hover{ border-color:#82aef0!important; background:#f2f7ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv .twmv-view-switch button.is-active, .twmv .twmv-view-switch button.is-active:hover, .twmv .twmv-primary-button, .twmv .twmv-primary-button:hover{ background:linear-gradient(100deg,#0758eb,#076ef8)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } .twmv .twmv-modal-button--danger:hover{ transform:none!important; background:#eef5ff!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:none!important; } } .twmv .twmv-filter-reset-one, .twmv .twmv-filter-reset-one:hover, .twmv .twmv-filter-reset-one:focus, .twmv .twmv-range-reset, .twmv .twmv-range-reset:hover, .twmv .twmv-range-reset:focus{ color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; background:transparent!important; box-shadow:none!important; } .twmv .twmv-view-switch__copy strong{ font-weight:800!important; letter-spacing:0!important; } .twmv .twmv-view-switch__copy small{ color:#617899!important; opacity:1!important; font-weight:700!important; } .twmv .twmv-view-switch button.is-active .twmv-view-switch__copy small{ color:rgba(255,255,255,.92)!important; } .twmv .twmv-primary-button, .twmv .twmv-secondary-button, .twmv .twmv-modal-button, .twmv .twmv-picker-item button, .twmv .twmv-search-suggestion__action{ font-family:inherit!important; } .twmv .twmv-primary-button svg, .twmv .twmv-secondary-button svg, .twmv .twmv-picker-item button svg, .twmv .twmv-search-suggestion__action svg{ flex:0 0 auto; } .twmv .twmv-add-tool-top, .twmv .twmv-compare-summary .twmv-primary-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; } .twmv .twmv-add-tool-top span{display:inline-flex;align-items:center} .twmv .twmv-picker-item button, .twmv .twmv-picker-item button:hover, .twmv .twmv-picker-item button:focus, .twmv .twmv-picker-item button:active, .twmv .twmv-picker-item button.is-active, .twmv .twmv-picker-item button.is-active:hover, .twmv .twmv-search-suggestion__action, .twmv .twmv-search-suggestion:hover .twmv-search-suggestion__action, .twmv .twmv-search-suggestion.is-selected .twmv-search-suggestion__action, .twmv .twmv-search-suggestion.is-selected:hover .twmv-search-suggestion__action{ border-color:#7faef1!important; background:#eef5ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv .twmv-picker-item button.is-active, .twmv .twmv-picker-item button.is-active:hover, .twmv .twmv-search-suggestion.is-selected, .twmv .twmv-search-suggestion.is-selected:hover{ border-color:#bfd4f6!important; background:#edf4ff!important; color:#163c72!important; -webkit-text-fill-color:#163c72!important; } .twmv .twmv-search-suggestion.is-selected .twmv-search-suggestion__action, .twmv .twmv-search-suggestion.is-selected:hover .twmv-search-suggestion__action{ color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv .twmv-modal-icon{ background:#eaf2ff!important; color:#075bd7!important; } .twmv .twmv-modal-button--danger, .twmv .twmv-modal-button--danger:hover{ border-color:#80aef1!important; background:#eef5ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; box-shadow:none!important; transform:none!important; } .twmv .twmv-rating-source{ font-size:15px!important; font-weight:800!important; letter-spacing:.01em; color:#243f68!important; } .twmv .twmv-rating-arrows{ gap:8px!important; } .twmv .twmv-rating-arrows button{ width:42px!important; height:34px!important; border-radius:8px!important; } .twmv .twmv-rating-arrows button svg, .twmv .twmv-rating-arrows button i{ font-size:14px!important; } .twmv .twmv-compare-table, .twmv .twmv-more-filters, .twmv .twmv-compare-summary, .twmv .twmv-selection-panel{ box-shadow:none!important; } .twmv .twmv-summary-tip, .twmv .twmv-editorial-tip p{ text-wrap:balance; } .twmv .twmv-summary-tip{ max-width:520px; } .twmv .twmv-editorial-tip strong{ display:block; margin-bottom:4px; font-size:18px; } .twmv .twmv-editorial-tip p{ max-width:980px; line-height:1.6; } .twmv .twmv-search-shell--watch{ position:relative; display:grid; gap:10px; } .twmv .twmv-search-shell--watch .twmv-search-suggestions{ top:calc(100% + 8px); } .twmv .twmv-selection-panel{ padding:22px 24px!important; border-color:#d5dfeb!important; background:#fff!important; } .twmv .twmv-selection-body{ display:grid!important; grid-template-columns:minmax(210px,280px) minmax(0,1fr) auto!important; align-items:center!important; gap:18px!important; } .twmv .twmv-selection-head{ gap:8px!important; } .twmv .twmv-selection-head strong{ margin-bottom:2px; } .twmv .twmv-selection-head span{ display:block; margin-top:8px!important; } .twmv .twmv-selection-chips{ margin:0!important; padding:2px 2px 8px!important; } .twmv .twmv-selection-chip{ min-height:76px!important; border-color:#d6e0ec!important; border-radius:12px!important; } .twmv .twmv-selection-chip .twmv-selection-title{ font-weight:800!important; } .twmv .twmv-selection-actions{ grid-template-columns:repeat(2,minmax(210px,1fr))!important; align-self:stretch; min-width:470px; } .twmv .twmv-selection-actions .twmv-primary-button, .twmv .twmv-selection-actions .twmv-secondary-button{ min-height:52px!important; } .twmv .twmv-card-remove{ width:54px!important; height:54px!important; border-radius:12px!important; } .twmv .twmv-card-remove svg{ width:24px!important; height:24px!important; } .twmv .twmv-watch-card{ padding:24px 20px 18px!important; } .twmv .twmv-card-main{ padding-right:54px!important; } .twmv .twmv-card-copy h2{ margin-bottom:6px!important; } .twmv .twmv-card-copy p{ line-height:1.5!important; } .twmv .twmv-card-actions a, .twmv .twmv-card-actions button{ min-height:44px!important; font-weight:750!important; } @media (max-width:1179px){ .twmv .twmv-selection-body{ grid-template-columns:1fr!important; align-items:stretch!important; } .twmv .twmv-selection-actions{ min-width:0; } } .twmv-watch-page .twmv-search-shell--watch{ display:block; position:relative; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestions{ top:calc(100% + 8px); } .twmv-watch-local-search{ margin:0 0 16px; } .twmv-watch-local-search .twmv-search{ min-height:54px; border-color:#cfdbea; background:#fbfdff; } .twmv-watch-local-search .twmv-search:focus-within{ background:#fff; } .twmv-watch-local-search [data-twmv-watch-search-clear]{ display:flex; width:34px; height:34px; align-items:center; justify-content:center; border:1px solid #d7e1ee; border-radius:9px; background:#fff; color:#17365f; cursor:pointer; font-size:21px; line-height:1; } .twmv-watch-local-search [data-twmv-watch-search-clear]:hover, .twmv-watch-local-search [data-twmv-watch-search-clear]:focus, .twmv-watch-local-search [data-twmv-watch-search-clear]:active{ border-color:#9bbbea!important; background:#fff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; box-shadow:none!important; transform:none!important; } .twmv .twmv-card-remove{ position:absolute; z-index:3; top:16px; right:16px; display:flex; width:46px!important; height:46px!important; align-items:center; justify-content:center; padding:0!important; border:1px solid #d3deeb!important; border-radius:11px!important; background:#fff!important; color:#17365f!important; -webkit-text-fill-color:#17365f!important; box-shadow:none!important; cursor:pointer; transform:none!important; } .twmv .twmv-card-remove svg{ width:19px!important; height:19px!important; stroke-width:2!important; } .twmv .twmv-card-remove:hover, .twmv .twmv-card-remove:focus, .twmv .twmv-card-remove:active{ border-color:#d3deeb!important; background:#fff!important; color:#17365f!important; -webkit-text-fill-color:#17365f!important; box-shadow:none!important; transform:none!important; } .twmv .twmv-picker-item button, .twmv .twmv-picker-item button:hover, .twmv .twmv-picker-item button:focus, .twmv .twmv-picker-item button:active, .twmv .twmv-picker-item button.is-active, .twmv .twmv-picker-item button.is-active:hover, .twmv .twmv-search-suggestion__action, .twmv .twmv-search-suggestion:hover .twmv-search-suggestion__action, .twmv .twmv-search-suggestion.is-selected .twmv-search-suggestion__action, .twmv .twmv-search-suggestion.is-selected:hover .twmv-search-suggestion__action{ border-color:#7faef1!important; background:#eef5ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; box-shadow:none!important; } @media (max-width:767px){ .twmv .twmv-card-remove{ top:10px; right:10px; width:40px!important; height:40px!important; } .twmv-watch-local-search{margin-bottom:12px} } .twmv-watch-page .twmv-summary-icon{ border:1px solid #b8cde8!important; background:#f4f8ff!important; box-shadow:none!important; } .twmv-watch-page .twmv-summary-icon svg{ stroke-width:2.15!important; } .twmv-watch-page .twmv-status, .twmv-watch-page .twmv-status:not(:empty){ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; background:transparent!important; } .twmv-watch-page .twmv-selection-panel{ padding:18px 20px!important; border-color:#d5dfeb!important; border-radius:15px!important; background:#fbfdff!important; } .twmv-watch-page .twmv-selection-layout--watch{ display:grid; grid-template-columns:minmax(220px,250px) minmax(0,1fr); gap:16px 20px; align-items:start; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-head{ margin:0!important; align-self:center; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-head strong{ font-size:18px!important; line-height:1.18!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-head span{ margin-top:8px!important; font-size:13px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{ display:flex!important; justify-self:end; align-items:center; gap:10px!important; min-width:0; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions button{ min-width:210px; min-height:50px!important; padding-inline:16px!important; white-space:nowrap; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-track{ grid-column:2; min-width:0; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chips{ display:flex; gap:10px; min-width:0; overflow-x:auto; padding:2px 0 8px!important; scrollbar-width:thin; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{ grid-template-columns:26px 42px minmax(94px,1fr) 36px!important; flex:0 0 248px!important; min-height:68px!important; gap:8px!important; border-color:#d5e0ed!important; border-radius:12px!important; background:#fff!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-logo{ width:42px!important; height:42px!important; border-radius:10px!important; } .twmv-watch-page .twmv-selection-layout--watch.twmv-selection-layout--empty{ grid-template-columns:minmax(0,1fr) auto; align-items:center; } .twmv-watch-page .twmv-selection-layout--watch.twmv-selection-layout--empty .twmv-selection-actions{ grid-column:auto; } .twmv-watch-page .twmv-watch-grid{ gap:20px!important; } .twmv-watch-page .twmv-watch-card{ min-height:258px!important; padding:20px 18px 16px!important; border-radius:16px!important; box-shadow:none!important; } .twmv-watch-page .twmv-watch-card:hover{ transform:none!important; box-shadow:none!important; } .twmv-watch-page .twmv-card-select{ display:flex!important; align-items:center; gap:8px; top:16px!important; left:16px!important; } .twmv-watch-page .twmv-card-select input{ width:18px!important; height:18px!important; margin:0; } .twmv-watch-page .twmv-card-select-text{ color:#617592; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; } .twmv-watch-page .twmv-card-remove{ top:16px!important; right:16px!important; width:42px!important; height:42px!important; border-radius:12px!important; } .twmv-watch-page .twmv-card-remove svg{ width:18px!important; height:18px!important; } .twmv-watch-page .twmv-card-main{ grid-template-columns:74px minmax(0,1fr)!important; gap:16px!important; padding:14px 40px 0 14px!important; } .twmv-watch-page .twmv-card-logo{ width:74px!important; height:74px!important; padding:6px!important; border-radius:14px!important; } .twmv-watch-page .twmv-card-copy h2{ margin:4px 0 10px!important; font-size:21px!important; } .twmv-watch-page .twmv-card-copy p{ min-height:0!important; margin-bottom:10px!important; } .twmv-watch-page .twmv-card-chips span{ padding:5px 10px!important; font-size:12px!important; } .twmv-watch-page .twmv-card-meta{ gap:12px!important; padding:16px 14px 12px!important; } .twmv-watch-page .twmv-card-actions{ gap:8px!important; } .twmv-watch-page .twmv-card-actions a{ border-color:#d5e0ed!important; background:#fff!important; color:#17365f!important; -webkit-text-fill-color:#17365f!important; } .twmv-watch-page .twmv-card-actions button[data-twmv-card-compare]{ border-color:#b9d0f2!important; background:#f4f8ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv-watch-page .twmv-card-actions button[data-twmv-card-compare].is-active, .twmv-watch-page .twmv-card-actions button[data-twmv-card-compare].is-active:hover{ border-color:#075ff7!important; background:linear-gradient(100deg,#0758eb,#076ef8)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } .twmv-watch-page .twmv-editorial-tip{ margin-top:24px!important; margin-bottom:24px!important; } @media (max-width:1179px){ .twmv-watch-page .twmv-selection-layout--watch{ grid-template-columns:1fr; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-track{ grid-column:1; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{ justify-self:stretch; display:grid!important; grid-template-columns:1fr 1fr; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions button{ min-width:0; } .twmv-watch-page .twmv-selection-layout--watch.twmv-selection-layout--empty{ grid-template-columns:1fr; } } @media (max-width:767px){ .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{ grid-template-columns:1fr; } .twmv-watch-page .twmv-card-select-text{ font-size:10px; } .twmv-watch-page .twmv-card-main{ grid-template-columns:70px minmax(0,1fr)!important; padding:12px 36px 0 12px!important; } .twmv-watch-page .twmv-card-logo{ width:70px!important; height:70px!important; } } @media (min-width:1180px){ .twmv-watch-page .twmv-selection-panel{display:block!important;min-height:0!important;padding:22px 24px 18px!important;overflow:visible!important} .twmv-watch-page .twmv-selection-layout--watch{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"head actions" "track track"!important;gap:16px 22px!important;align-items:center!important;min-height:0!important} .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-head{grid-area:head!important;align-self:center!important;margin:0!important} .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{grid-area:actions!important;display:flex!important;justify-self:end!important;align-self:center!important;gap:10px!important;min-width:0!important} .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions button{width:auto!important;min-width:190px!important;min-height:50px!important;padding:11px 18px!important} .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-track{grid-area:track!important;grid-column:1/-1!important;min-width:0!important;width:100%!important;overflow:hidden!important} .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chips{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 10px!important;margin:0!important;scrollbar-gutter:stable!important;scrollbar-width:thin!important} .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{flex:0 0 250px!important;grid-template-columns:28px 44px minmax(0,1fr) 36px!important;min-height:72px!important;padding:9px 10px!important;gap:9px!important} .twmv-watch-page .twmv-selection-layout--watch.twmv-selection-layout--empty{grid-template-areas:"head actions"!important} } .twmv-watch-page .twmv-selection-head strong{font-size:20px!important;line-height:1.25!important} .twmv-watch-page .twmv-selection-head span{margin-top:8px!important;color:#667997!important;font-size:14px!important} .twmv-watch-page .twmv-selection-logo{width:44px!important;height:44px!important;padding:3px!important} .twmv-watch-page .twmv-selection-chip>div{min-width:0!important} .twmv-watch-page .twmv-selection-title{font-size:14px!important;font-weight:800!important;line-height:1.25!important} .twmv-watch-page .twmv-selection-chip>div>span{margin-top:3px!important;font-size:11px!important} .twmv-watch-page .twmv-selection-chip>button{width:34px!important;height:34px!important;border:1px solid #d7e1ed!important;border-radius:9px!important;background:#fff!important;color:#17365f!important} .twmv-watch-page .twmv-selection-chip>button:hover,.twmv-watch-page .twmv-selection-chip>button:focus{border-color:#8db6ef!important;background:#f4f8ff!important;color:#075bd7!important;box-shadow:none!important;transform:none!important} .twmv-watch-page .twmv-status{display:none!important} .twmv-custom-select-field{position:relative;min-width:0} .twmv-custom-select{position:relative;min-width:0} .twmv-custom-select__button{display:flex!important;width:100%!important;min-height:52px!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 16px!important;border:1px solid #d5dfeb!important;border-radius:10px!important;background:#fff!important;color:#17365f!important;font:inherit!important;font-size:14px!important;font-weight:750!important;text-align:left!important;cursor:pointer!important} .twmv-custom-select__button:hover{border-color:#88b5f1!important;background:#f8fbff!important;color:#17365f!important;box-shadow:0 0 0 2px rgba(7,95,247,.035)!important} .twmv-custom-select__button:focus,.twmv-custom-select__button[aria-expanded="true"]{border-color:#7aadef!important;background:#f7faff!important;color:#17365f!important;box-shadow:0 0 0 2px rgba(7,95,247,.05)!important} .twmv-custom-select__popover{position:absolute!important;z-index:120!important;top:calc(100% + 7px)!important;right:0!important;left:0!important;width:100%!important;max-height:270px!important;overflow:hidden!important;border:1px solid #d0dceb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 12px 30px rgba(30,55,90,.14)!important} .twmv-custom-select__options{max-height:268px!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:6px!important;scrollbar-width:thin!important} .twmv-custom-select__option,.twmv-custom-select__options>button{display:flex!important;width:100%!important;min-height:38px!important;align-items:center!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:#354d70!important;-webkit-text-fill-color:#354d70!important;font:inherit!important;font-size:13px!important;font-weight:650!important;text-align:left!important;cursor:pointer!important} .twmv-custom-select__option:hover,.twmv-custom-select__options>button:hover,.twmv-custom-select__option:focus,.twmv-custom-select__options>button:focus{background:#eef5ff!important;color:#075bd7!important;-webkit-text-fill-color:#075bd7!important;box-shadow:none!important} .twmv-custom-select__option.is-selected,.twmv-custom-select__options>button.is-selected{background:#e8f2ff!important;color:#075bd7!important;-webkit-text-fill-color:#075bd7!important;font-weight:800!important} .twmv-price-level-popover{max-height:300px!important;overflow:hidden!important} .twmv-price-level-options{max-height:200px!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important} .twmv-sort-row{align-items:center!important;gap:10px!important} .twmv-sort-label{color:#687995!important;font-size:14px!important} .twmv-custom-select--sort{width:230px!important} .twmv-custom-select--sort .twmv-custom-select__button{min-height:46px!important} .twmv-custom-select--sort .twmv-custom-select__popover{top:calc(100% + 7px)!important;right:0!important;bottom:auto!important;left:auto!important;width:230px!important;max-height:260px!important} @media (max-width:1179px){.twmv-watch-page .twmv-selection-layout--watch{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.twmv-watch-page .twmv-selection-layout--watch .twmv-selection-track{width:100%!important;min-width:0!important}.twmv-custom-select__popover{position:absolute!important;max-height:min(270px,48vh)!important}} @media (max-width:767px){.twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{grid-template-columns:1fr!important}.twmv-custom-select--sort{width:100%!important}.twmv-custom-select--sort .twmv-custom-select__popover{width:100%!important}} .twmv-watch-page .twmv-selection-panel{ margin-bottom:16px!important; } @media (min-width:1180px){ .twmv-watch-page .twmv-selection-layout--watch{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:16px 20px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-head{ flex:1 1 360px!important; width:auto!important; min-width:280px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{ display:flex!important; flex:0 0 auto!important; flex-wrap:nowrap!important; width:auto!important; max-width:none!important; min-width:0!important; margin-left:auto!important; gap:12px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-secondary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions a.twmv-primary-button{ flex:0 0 auto!important; width:auto!important; min-width:228px!important; max-width:none!important; min-height:50px!important; padding:11px 22px!important; white-space:nowrap!important; font-weight:600!important; line-height:1.15!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions a.twmv-primary-button{ min-width:238px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions svg{ width:20px!important; height:20px!important; flex:0 0 20px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-track{ flex:0 0 100%!important; width:100%!important; max-width:100%!important; margin:0!important; } } .twmv-watch-page .twmv-watch-toolbar{ position:relative; z-index:20; display:grid; grid-template-columns:minmax(420px,780px) minmax(420px,460px); align-items:center; justify-content:space-between; gap:24px; margin:0 0 20px; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ justify-self:end!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search{ min-width:0; margin:0!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search{ min-height:54px!important; border-color:#d5dfeb!important; border-radius:12px!important; background:#fff!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search:focus-within{ border-color:#75a8ed!important; box-shadow:none!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ display:grid!important; grid-template-columns:auto minmax(238px,1fr); align-items:center!important; justify-content:end!important; gap:12px!important; margin:0!important; white-space:nowrap; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-label{ color:#687995!important; font-size:14px!important; font-weight:500!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort{ width:260px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort .twmv-custom-select__button{ min-height:54px!important; border-radius:12px!important; font-weight:700!important; } .twmv-watch-page .twmv-card-select{ gap:7px!important; } .twmv-watch-page .twmv-card-select-text{ color:#647793!important; font-size:10.5px!important; font-weight:750!important; letter-spacing:.055em!important; } .twmv-watch-page .twmv-watch-card.is-selected .twmv-card-select-text{ color:#075bd7!important; } .twmv-watch-page .twmv-card-remove{ width:42px!important; height:42px!important; border-color:#d7e1ed!important; background:#fff!important; color:#075bd7!important; box-shadow:none!important; } .twmv-watch-page .twmv-card-remove:hover, .twmv-watch-page .twmv-card-remove:focus, .twmv-watch-page .twmv-card-remove:active{ border-color:#8db6ef!important; background:#eef5ff!important; color:#075bd7!important; box-shadow:none!important; transform:none!important; } .twmv-watch-page .twmv-card-logo{ width:72px!important; height:72px!important; } .twmv-watch-page .twmv-card-main{ grid-template-columns:72px minmax(0,1fr)!important; align-items:start!important; } .twmv-watch-page .twmv-card-copy h2{ font-size:21px!important; line-height:1.22!important; } .twmv-watch-page .twmv-card-actions a, .twmv-watch-page .twmv-card-actions button{ min-height:44px!important; font-weight:700!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-card.is-selected{ border-color:#6ea7ee!important; background:#fcfdff!important; box-shadow:none!important; } @media (max-width:1179px){ .twmv-watch-page .twmv-watch-toolbar{ grid-template-columns:1fr; gap:10px; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ grid-template-columns:auto minmax(0,1fr); justify-content:stretch!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort{ width:auto!important; min-width:0; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort .twmv-custom-select__popover{ right:0!important; left:0!important; width:100%!important; } } @media (max-width:767px){ .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ grid-template-columns:1fr; gap:6px!important; } .twmv-watch-page .twmv-card-logo{ width:68px!important; height:68px!important; } .twmv-watch-page .twmv-card-main{ grid-template-columns:68px minmax(0,1fr)!important; } } @media (min-width:1180px){ .twmv-compare-page .twmv-rating-cell{ min-height:132px!important; align-content:start!important; gap:12px!important; } .twmv-compare-page .twmv-rating-source{ display:-webkit-box!important; width:100%!important; min-height:38px!important; max-height:38px!important; overflow:hidden!important; align-content:center!important; justify-content:center!important; line-height:1.3!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; } .twmv-compare-page .twmv-rating-controls{ grid-template-rows:38px 30px!important; min-height:80px!important; gap:12px!important; } .twmv-compare-page .twmv-rating-arrows{ gap:10px!important; } .twmv-compare-page .twmv-rating-arrows button{ width:46px!important; height:38px!important; min-width:46px!important; min-height:38px!important; border-radius:9px!important; } .twmv-compare-page .twmv-rating-arrows button svg{ width:16px!important; height:16px!important; } .twmv-compare-page .twmv-view-switch__copy strong{ font-weight:700!important; letter-spacing:0!important; } .twmv-compare-page .twmv-view-switch__copy small{ font-weight:600!important; } } @media (min-width:1180px){ .twmv-compare-page .twmv-add-tool-top, .twmv-compare-page .twmv-compare-summary .twmv-primary-button, .twmv-compare-page .twmv-view-switch__copy strong{ font-family:inherit!important; font-size:15px!important; font-weight:650!important; line-height:1.2!important; letter-spacing:0!important; } .twmv-compare-page .twmv-view-switch__copy small{ font-family:inherit!important; font-weight:500!important; line-height:1.2!important; } .twmv-compare-page .twmv-provider-button{ font-family:inherit!important; font-size:15px!important; font-weight:650!important; letter-spacing:0!important; } .twmv-compare-page .twmv-compare-logo{ box-sizing:border-box!important; width:72px!important; height:72px!important; padding:9px!important; } .twmv-compare-page .twmv-compare-logo img{ display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; } .twmv-compare-page .twmv-summary-tool-logo{ box-sizing:border-box!important; padding:3px!important; } .twmv-compare-page .twmv-summary-tool-logo img{ display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; } .twmv-compare-page .twmv-expandable-list.has-more > .twmv-inline-toggle, .twmv-compare-page .twmv-text-preview.has-more > .twmv-inline-toggle{ box-sizing:border-box!important; justify-self:stretch!important; width:100%!important; max-width:100%!important; min-height:38px!important; margin:16px 0 2px!important; padding:7px 16px!important; text-align:center!important; } } @media (min-width:1180px){ .twmv-compare-page .twmv-picker-footer .twmv-primary-button, .twmv-compare-page .twmv-picker-footer .twmv-secondary-button{ font-family:inherit!important; font-size:15px!important; font-weight:650!important; line-height:1.2!important; letter-spacing:0!important; } .twmv-compare-page .twmv-compare-output{ display:flow-root!important; min-height:0!important; margin:0!important; } .twmv-compare-page .twmv-compare-output > .twmv-compare-block:last-child, .twmv-compare-page .twmv-compare-output > .twmv-compare-block:last-of-type{ margin-bottom:0!important; } .twmv-compare-page .twmv-pagination[hidden]{ display:none!important; } .twmv-compare-page .twmv-compare-closing{ display:flow-root!important; margin:0!important; padding:20px 0 34px!important; } .twmv-compare-page .twmv-compare-closing > .twmv-editorial-note{ margin:0!important; } .twmv-compare-page{ display:flow-root!important; padding-bottom:0!important; margin-bottom:0!important; } .twmv-watch-page .twmv-selection-panel, .twmv-watch-page .twmv-watch-toolbar{ margin-bottom:20px!important; } .twmv-watch-page .twmv-editorial-tip{ margin-top:20px!important; margin-bottom:20px!important; } .twmv-watch-page{ display:flow-root!important; padding-bottom:0!important; margin-bottom:0!important; } .twmv-watch-page .twmv-watch-toolbar{ grid-template-columns:repeat(3,minmax(0,1fr))!important; column-gap:18px!important; align-items:center!important; width:100%!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search{ grid-column:1 / span 2!important; width:100%!important; max-width:none!important; min-width:0!important; justify-self:stretch!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ grid-column:3!important; grid-template-columns:auto minmax(0,1fr)!important; width:100%!important; min-width:0!important; padding-left:48px!important; justify-self:stretch!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort{ width:100%!important; min-width:0!important; } .twmv-compare-page .twmv-compare-sticky{ display:none!important; } } .twmv-compare-sticky-portal{ position:fixed; z-index:8500; display:block; height:58px; overflow:hidden; visibility:hidden; opacity:0; pointer-events:none; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; transform:translateY(-4px); transition:opacity .14s ease,transform .14s ease,visibility .14s ease; } .twmv-compare-sticky-portal.is-visible{ visibility:visible; opacity:1; transform:translateY(0); } .twmv-compare-sticky-portal .twmv-compare-sticky-row{ display:grid; grid-template-columns:minmax(170px,190px) repeat(4,minmax(0,1fr)); min-width:100%; min-height:56px; background:transparent; will-change:transform; } .twmv-compare-sticky-portal .twmv-sticky-logo-label, .twmv-compare-sticky-portal .twmv-sticky-logo-cell{ display:flex; min-width:0; min-height:56px; align-items:center; justify-content:center; border:0; background:transparent; } .twmv-compare-sticky-portal .twmv-sticky-logo{ display:flex; box-sizing:border-box; width:46px; height:46px; align-items:center; justify-content:center; overflow:hidden; padding:7px; border:1px solid #d8e3f0; border-radius:11px; background:rgba(255,255,255,.98); box-shadow:0 5px 14px rgba(14,39,78,.10); } .twmv-compare-sticky-portal .twmv-sticky-logo img{ display:block; width:100%; height:100%; object-fit:contain; } @media (prefers-reduced-motion:reduce){ .twmv-compare-sticky-portal{transition:none!important} } .twmv-compare-page .twmv-compare-output{ display:flow-root; } .twmv-compare-page .twmv-compare-output > .twmv-compare-block:last-child, .twmv-compare-page .twmv-compare-output > .twmv-compare-block:last-of-type{ margin-bottom:0; } .twmv-compare-page .twmv-compare-closing{ display:flow-root; margin:0; padding:20px 0 34px; } .twmv-compare-page .twmv-compare-closing > .twmv-editorial-note{ margin:0; } @media (max-width:767px){ .twmv-compare-page .twmv-compare-closing{ padding:16px 0 24px; } } @media (min-width:1180px){ .twmv-compare-page [data-twmv-filter-apply], .twmv-compare-page .twmv-view-switch__copy strong, .twmv-compare-page [data-twmv-add-tool]{ font-family:inherit!important; font-size:15px!important; font-style:normal!important; font-weight:600!important; line-height:1.25!important; letter-spacing:0!important; text-transform:none!important; } } @media (min-width:1180px){ .twmv-compare-page .twmv-add-tool-top, .twmv-compare-page .twmv-compare-summary .twmv-primary-button, .twmv-compare-page .twmv-picker-footer .twmv-primary-button{ font-family:inherit!important; font-size:15px!important; font-style:normal!important; font-weight:600!important; font-stretch:normal!important; line-height:1.2!important; letter-spacing:0!important; text-transform:none!important; font-synthesis:none!important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; } .twmv-compare-page .twmv-add-tool-top span, .twmv-compare-page .twmv-picker-footer .twmv-primary-button span, .twmv-compare-page .twmv-compare-summary .twmv-primary-button span{ font-family:inherit!important; font-size:inherit!important; font-style:inherit!important; font-weight:inherit!important; letter-spacing:inherit!important; line-height:inherit!important; text-transform:inherit!important; } } .twmv-watch-list-shell{display:none} @media (min-width:1180px){ .twmv-watch-page .twmv-watch-grid--legacy{display:none!important} .twmv-watch-page .twmv-watch-output{min-height:0!important} .twmv-watch-page .twmv-watch-list-shell{ display:block!important; width:100%; overflow:hidden; border:1px solid #d8e1ec; border-radius:14px; background:#fff; box-shadow:none; } .twmv-watch-page .twmv-watch-list-head, .twmv-watch-page .twmv-watch-list-row{ display:grid; grid-template-columns:minmax(0,1.62fr) minmax(155px,.76fr) minmax(250px,1.12fr) minmax(286px,1.02fr); min-width:0; } .twmv-watch-page .twmv-watch-list-head{ min-height:50px; align-items:center; border-bottom:1px solid #d8e1ec; background:#fbfcfe; } .twmv-watch-page .twmv-watch-list-head>span{ padding:0 18px; color:#536986; font-size:11px; font-weight:700; letter-spacing:.055em; line-height:1.2; text-transform:uppercase; } .twmv-watch-page .twmv-watch-list-row{ position:relative; min-height:124px; align-items:stretch; border-bottom:1px solid #e2e8f0; background:#fff; transition:background-color .15s ease,border-color .15s ease; } .twmv-watch-page .twmv-watch-list-row:last-child{border-bottom:0} .twmv-watch-page .twmv-watch-list-row:hover{background:#fcfdff} .twmv-watch-page .twmv-watch-list-row.is-selected{background:#fcfdff} .twmv-watch-page .twmv-watch-list-tool, .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ box-sizing:border-box; min-width:0; padding:18px; } .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ border-left:1px solid #e2e8f0; } .twmv-watch-page .twmv-watch-list-tool{ display:grid; grid-template-columns:68px minmax(0,1fr); align-items:center; gap:16px; } .twmv-watch-page .twmv-watch-list-logo{ display:flex; box-sizing:border-box; width:68px; height:68px; align-items:center; justify-content:center; overflow:hidden; padding:7px; border:1px solid #dfe7f1; border-radius:13px; background:#fbfdff; } .twmv-watch-page .twmv-watch-list-logo img{ display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; } .twmv-watch-page .twmv-watch-list-tool-copy{min-width:0} .twmv-watch-page .twmv-watch-list-tool-copy h2{ margin:0 0 10px; overflow:hidden; color:#0b2245; font-size:18px; font-weight:700; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } .twmv-watch-page .twmv-watch-list-chips{ display:flex; min-width:0; flex-wrap:wrap; gap:6px; } .twmv-watch-page .twmv-watch-list-chips span{ display:inline-flex; min-height:24px; align-items:center; max-width:100%; padding:4px 9px; overflow:hidden; border:1px solid #e1e9f4; border-radius:999px; background:#f3f7fd; color:#315b94; font-size:10.5px; font-weight:600; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; } .twmv-watch-page .twmv-watch-list-price{ display:flex; flex-direction:column; justify-content:center; gap:8px; } .twmv-watch-page .twmv-watch-list-price strong{ color:#0b2245; font-size:17px; font-weight:700; line-height:1.2; } .twmv-watch-page .twmv-watch-list-price span{ display:-webkit-box; max-height:34px; overflow:hidden; color:#637794; font-size:12px; font-weight:500; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .twmv-watch-page .twmv-watch-list-rating{ display:flex; align-items:center; } .twmv-watch-page .twmv-watch-rating-cell{ display:grid; width:100%; min-width:0; grid-template-rows:auto auto; gap:9px; } .twmv-watch-page .twmv-watch-rating-source{ overflow:hidden; color:#263d60; font-size:11.5px; font-weight:650; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; } .twmv-watch-page .twmv-watch-rating-line{ display:flex; min-width:0; align-items:center; justify-content:space-between; gap:12px; } .twmv-watch-page .twmv-watch-rating-value{ display:flex; min-width:0; align-items:baseline; gap:7px; white-space:nowrap; } .twmv-watch-page .twmv-watch-rating-star{ color:#f5ad00; font-size:22px; line-height:1; } .twmv-watch-page .twmv-watch-rating-value strong{ color:#0b2245; font-size:18px; font-weight:700; line-height:1; } .twmv-watch-page .twmv-watch-rating-value small{ overflow:hidden; color:#74859d; font-size:11px; font-weight:500; text-overflow:ellipsis; } .twmv-watch-page .twmv-watch-rating-arrows{ display:flex; flex:0 0 auto; align-items:center; gap:7px; } .twmv-watch-page .twmv-watch-rating-arrows button{ display:flex; box-sizing:border-box; width:34px; height:34px; min-width:34px; min-height:34px; align-items:center; justify-content:center; padding:0; border:1px solid #d7e1ed; border-radius:8px; background:#fff; color:#17365f; cursor:pointer; box-shadow:none; transform:none; } .twmv-watch-page .twmv-watch-rating-arrows button svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; } .twmv-watch-page .twmv-watch-rating-arrows button:hover, .twmv-watch-page .twmv-watch-rating-arrows button:focus{ border-color:#8db6ef; background:#f4f8ff; color:#075bd7; box-shadow:none; transform:none; } .twmv-watch-page .twmv-watch-rating-arrows button:disabled{ cursor:default; opacity:.38; border-color:#e2e8f0; background:#fff; color:#7a8ca5; } .twmv-watch-page .twmv-watch-list-actions{ display:grid; grid-template-columns:1fr 1fr; align-content:center; gap:8px; } .twmv-watch-page .twmv-watch-list-action{ display:flex; box-sizing:border-box; min-width:0; min-height:38px; align-items:center; justify-content:center; gap:7px; padding:7px 9px; border:1px solid #d7e1ed; border-radius:8px; background:#fff; color:#17365f; -webkit-text-fill-color:#17365f; font-family:inherit; font-size:11.5px; font-weight:600; line-height:1.15; text-align:center; text-decoration:none; white-space:nowrap; cursor:pointer; box-shadow:none; transform:none; } .twmv-watch-page .twmv-watch-list-action svg{ width:15px; height:15px; flex:0 0 15px; fill:none; stroke:currentColor; stroke-width:1.8; } .twmv-watch-page .twmv-watch-list-action:hover, .twmv-watch-page .twmv-watch-list-action:focus{ border-color:#8db6ef; background:#f4f8ff; color:#075bd7; -webkit-text-fill-color:#075bd7; box-shadow:none; transform:none; } .twmv-watch-page .twmv-watch-list-action--compare{ border-color:#b9d0f2; background:#f7faff; color:#075bd7; -webkit-text-fill-color:#075bd7; } .twmv-watch-page .twmv-watch-list-action--compare.is-active{ border-color:#86b0ea; background:#edf5ff; color:#075bd7; -webkit-text-fill-color:#075bd7; } .twmv-watch-page .twmv-watch-list-action--remove, .twmv-watch-page .twmv-watch-list-action--remove:hover, .twmv-watch-page .twmv-watch-list-action--remove:focus{ border-color:#d7e1ed; background:#fff; color:#526985; -webkit-text-fill-color:#526985; } .twmv-watch-page .twmv-watch-list-footer{ display:flex; min-height:42px; align-items:center; padding:0 18px; border-top:1px solid #e2e8f0; background:#fbfcfe; color:#637794; font-size:11.5px; font-weight:500; } } @media (min-width:1180px){ .twmv-compare-page button[data-twmv-expand-list], .twmv-compare-page button[data-twmv-expand-text]{ box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; justify-self:stretch!important; width:100%!important; max-width:100%!important; min-height:38px!important; margin:16px 0 2px!important; padding:7px 16px!important; border-radius:8px!important; text-align:center!important; white-space:normal!important; } .twmv-compare-page .twmv-token-set.has-more > .twmv-token-more{ border-radius:8px!important; } } @media (min-width:1180px){ .twmv-compare-page .twmv-token-more[hidden]{display:none!important} } @media (max-width:1179px){ .twmv-watch-page, .twmv-compare-page{ --twmv-responsive-gap:16px; } .twmv-watch-page .twmv-summary, .twmv-watch-page .twmv-controls, .twmv-watch-page .twmv-selection-panel, .twmv-watch-page .twmv-watch-toolbar, .twmv-watch-page .twmv-watch-output, .twmv-watch-page .twmv-editorial-tip, .twmv-compare-page .twmv-compare-controls, .twmv-compare-page .twmv-compare-toolbar, .twmv-compare-page .twmv-compare-output, .twmv-compare-page .twmv-compare-closing{ scroll-margin-top:84px; } .twmv-watch-page .twmv-watch-grid--legacy{ display:none!important; } .twmv-watch-page .twmv-watch-list-shell{ display:block!important; width:100%!important; overflow:hidden!important; border:1px solid #d8e1ec!important; border-radius:14px!important; background:#fff!important; box-shadow:none!important; } .twmv-watch-page .twmv-watch-list-head{ display:none!important; } .twmv-watch-page .twmv-watch-list-body{ display:block!important; } .twmv-watch-page .twmv-watch-list-row{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr)!important; grid-template-areas: "tool price" "rating actions"!important; min-width:0!important; min-height:0!important; align-items:stretch!important; border:0!important; border-bottom:1px solid #e2e8f0!important; background:#fff!important; box-shadow:none!important; transform:none!important; } .twmv-watch-page .twmv-watch-list-row:last-child{ border-bottom:0!important; } .twmv-watch-page .twmv-watch-list-row.is-selected{ background:#fcfdff!important; box-shadow:inset 3px 0 0 #1b6ff3!important; } .twmv-watch-page .twmv-watch-list-row:hover{ background:#fcfdff!important; transform:none!important; } .twmv-watch-page .twmv-watch-list-tool, .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ box-sizing:border-box!important; min-width:0!important; padding:16px!important; border:0!important; } .twmv-watch-page .twmv-watch-list-tool{ grid-area:tool!important; display:grid!important; grid-template-columns:62px minmax(0,1fr)!important; align-items:center!important; gap:14px!important; } .twmv-watch-page .twmv-watch-list-logo{ display:flex!important; box-sizing:border-box!important; width:62px!important; height:62px!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; padding:7px!important; border:1px solid #dfe7f1!important; border-radius:12px!important; background:#fbfdff!important; } .twmv-watch-page .twmv-watch-list-logo img{ display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ margin:0 0 8px!important; color:#0b2245!important; font-size:18px!important; font-weight:700!important; line-height:1.2!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; } .twmv-watch-page .twmv-watch-list-chips{ display:flex!important; flex-wrap:wrap!important; gap:6px!important; } .twmv-watch-page .twmv-watch-list-chips span{ display:inline-flex!important; min-height:24px!important; align-items:center!important; max-width:100%!important; padding:4px 8px!important; overflow:hidden!important; border:1px solid #e1e9f4!important; border-radius:999px!important; background:#f3f7fd!important; color:#315b94!important; font-size:10.5px!important; font-weight:600!important; line-height:1.15!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-list-price{ grid-area:price!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:6px!important; border-left:1px solid #e2e8f0!important; } .twmv-watch-page .twmv-watch-list-price::before, .twmv-watch-page .twmv-watch-list-rating::before, .twmv-watch-page .twmv-watch-list-actions::before{ display:block!important; margin:0 0 7px!important; color:#687995!important; font-size:10px!important; font-weight:700!important; letter-spacing:.055em!important; line-height:1.15!important; text-transform:uppercase!important; } .twmv-watch-page .twmv-watch-list-price::before{content:"Preis"!important} .twmv-watch-page .twmv-watch-list-rating::before{content:"Bewertung"!important} .twmv-watch-page .twmv-watch-list-actions::before{content:"Aktionen"!important} .twmv-watch-page .twmv-watch-list-price strong{ color:#0b2245!important; font-size:17px!important; font-weight:700!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-list-price span{ color:#637794!important; font-size:12px!important; font-weight:500!important; line-height:1.35!important; } .twmv-watch-page .twmv-watch-list-rating{ grid-area:rating!important; display:block!important; border-top:1px solid #e2e8f0!important; } .twmv-watch-page .twmv-watch-rating-cell{ display:grid!important; width:100%!important; min-width:0!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"source arrows" "value arrows"!important; align-items:center!important; gap:5px 10px!important; } .twmv-watch-page .twmv-watch-rating-source{ grid-area:source!important; overflow:hidden!important; color:#263d60!important; font-size:11.5px!important; font-weight:650!important; line-height:1.25!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-line{ display:contents!important; } .twmv-watch-page .twmv-watch-rating-value{ grid-area:value!important; display:flex!important; min-width:0!important; align-items:baseline!important; gap:6px!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-star{font-size:20px!important} .twmv-watch-page .twmv-watch-rating-value strong{font-size:17px!important} .twmv-watch-page .twmv-watch-rating-value small{font-size:10.5px!important} .twmv-watch-page .twmv-watch-rating-arrows{ grid-area:arrows!important; display:flex!important; align-items:center!important; gap:7px!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ display:flex!important; box-sizing:border-box!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; align-items:center!important; justify-content:center!important; padding:0!important; border:1px solid #d7e1ed!important; border-radius:8px!important; background:#fff!important; color:#17365f!important; box-shadow:none!important; transform:none!important; } .twmv-watch-page .twmv-watch-rating-arrows button:hover, .twmv-watch-page .twmv-watch-rating-arrows button:focus{ border-color:#8db6ef!important; background:#f4f8ff!important; color:#075bd7!important; box-shadow:none!important; transform:none!important; } .twmv-watch-page .twmv-watch-list-actions{ grid-area:actions!important; display:grid!important; grid-template-columns:1fr 1fr!important; align-content:center!important; gap:8px!important; border-top:1px solid #e2e8f0!important; border-left:1px solid #e2e8f0!important; } .twmv-watch-page .twmv-watch-list-actions::before{ grid-column:1/-1!important; margin-bottom:0!important; } .twmv-watch-page .twmv-watch-list-action{ display:flex!important; box-sizing:border-box!important; min-width:0!important; min-height:40px!important; align-items:center!important; justify-content:center!important; gap:7px!important; padding:7px 8px!important; border:1px solid #d7e1ed!important; border-radius:8px!important; background:#fff!important; color:#17365f!important; -webkit-text-fill-color:#17365f!important; font-family:inherit!important; font-size:11.5px!important; font-weight:600!important; line-height:1.15!important; text-align:center!important; text-decoration:none!important; white-space:nowrap!important; box-shadow:none!important; transform:none!important; } .twmv-watch-page .twmv-watch-list-action--compare{ border-color:#b9d0f2!important; background:#f7faff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv-watch-page .twmv-watch-list-action--compare.is-active{ border-color:#86b0ea!important; background:#edf5ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv-watch-page .twmv-watch-list-action--remove, .twmv-watch-page .twmv-watch-list-action--remove:hover, .twmv-watch-page .twmv-watch-list-action--remove:focus{ border-color:#d7e1ed!important; background:#fff!important; color:#526985!important; -webkit-text-fill-color:#526985!important; } .twmv-watch-page .twmv-watch-list-footer{ display:flex!important; min-height:42px!important; align-items:center!important; padding:0 16px!important; border-top:1px solid #e2e8f0!important; background:#fbfcfe!important; color:#637794!important; font-size:11.5px!important; font-weight:500!important; } .twmv-watch-page .twmv-watch-toolbar{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:22px!important; margin:0 0 18px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search{ min-width:0!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ display:grid!important; grid-template-columns:auto minmax(205px,230px)!important; align-items:center!important; justify-self:end!important; gap:10px!important; margin:0!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort{ width:230px!important; min-width:0!important; } .twmv-watch-page .twmv-selection-panel{ padding:18px!important; margin-bottom:18px!important; } .twmv-watch-page .twmv-selection-layout--watch{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"head actions" "track track"!important; align-items:center!important; gap:14px 16px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-head{ grid-area:head!important; min-width:0!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{ grid-area:actions!important; display:grid!important; grid-template-columns:1fr 1fr!important; width:auto!important; min-width:330px!important; gap:10px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-secondary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions a.twmv-primary-button{ width:auto!important; min-width:0!important; min-height:46px!important; padding:9px 14px!important; font-family:inherit!important; font-size:13px!important; font-weight:600!important; line-height:1.15!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-track{ grid-area:track!important; grid-column:1/-1!important; width:100%!important; min-width:0!important; overflow:hidden!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chips{ display:flex!important; width:100%!important; min-width:0!important; gap:10px!important; overflow-x:auto!important; overflow-y:hidden!important; padding:1px 0 9px!important; margin:0!important; scrollbar-width:thin!important; overscroll-behavior-inline:contain!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{ flex:0 0 225px!important; grid-template-columns:28px 42px minmax(0,1fr) 34px!important; min-height:66px!important; padding:8px 9px!important; gap:8px!important; } .twmv-watch-page .twmv-selection-logo{ width:42px!important; height:42px!important; } .twmv-watch-page .twmv-controls>.twmv-filter-bar, .twmv-compare-page .twmv-compare-controls>.twmv-filter-bar{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; } .twmv-watch-page .twmv-more-filter-button, .twmv-compare-page .twmv-more-filter-button{ grid-column:auto!important; } .twmv-compare-page .twmv-compare-controls>.twmv-filter-bar{ position:relative!important; overflow:visible!important; } .twmv-compare-page .twmv-filter-wrap{ position:relative!important; min-width:0!important; } .twmv-compare-page .twmv-filter-popover, .twmv-compare-page .twmv-filter-popover--range{ position:absolute!important; z-index:150!important; top:calc(100% + 7px)!important; bottom:auto!important; width:calc(200% + 9px)!important; max-height:min(560px,68dvh)!important; padding:16px!important; overflow:hidden!important; border-radius:13px!important; box-shadow:0 18px 44px rgba(13,42,82,.14)!important; } .twmv-compare-page .twmv-filter-wrap:nth-child(odd) .twmv-filter-popover{ right:auto!important; left:0!important; } .twmv-compare-page .twmv-filter-wrap:nth-child(even) .twmv-filter-popover{ right:0!important; left:auto!important; } .twmv-compare-page .twmv-filter-popover>strong{ position:relative!important; z-index:2!important; margin-bottom:12px!important; font-size:16px!important; } .twmv-compare-page .twmv-filter-popover>.twmv-filter-options{ max-height:min(330px,43dvh)!important; overflow:auto!important; overscroll-behavior:contain!important; scrollbar-gutter:stable!important; } .twmv-compare-page .twmv-filter-popover--range .twmv-range-filter{ margin-top:0!important; } .twmv-compare-page .twmv-filter-popover--range .twmv-filter-quick{ min-height:0!important; } .twmv-compare-page .twmv-filter-popover--range .twmv-filter-quick .twmv-filter-options{ max-height:min(190px,24dvh)!important; overflow:auto!important; overscroll-behavior:contain!important; scrollbar-gutter:stable!important; } .twmv-compare-page .twmv-view-switch{ width:min(460px,100%)!important; min-width:0!important; flex:0 1 460px!important; } .twmv-compare-page .twmv-view-switch button{ min-height:54px!important; padding:7px 12px!important; } .twmv-compare-page .twmv-view-switch__copy strong{ font-family:inherit!important; font-size:13.5px!important; font-style:normal!important; font-weight:600!important; letter-spacing:0!important; line-height:1.2!important; text-transform:none!important; } .twmv-compare-page .twmv-view-switch__copy small{ font-family:inherit!important; font-size:11px!important; font-weight:500!important; line-height:1.2!important; } .twmv-compare-page .twmv-compare-summary{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"title add" "tools tools"!important; align-items:center!important; gap:14px 16px!important; padding:16px!important; margin-bottom:18px!important; border-color:#d4dfec!important; background:#fbfdff!important; } .twmv-compare-page .twmv-compare-summary>strong{ grid-area:title!important; font-size:17px!important; font-weight:700!important; } .twmv-compare-page .twmv-compare-summary>div{ grid-area:tools!important; display:flex!important; width:100%!important; min-width:0!important; gap:8px!important; overflow-x:auto!important; overflow-y:hidden!important; padding:1px 0 9px!important; scrollbar-width:thin!important; overscroll-behavior-inline:contain!important; } .twmv-compare-page .twmv-compare-summary>div>button{ display:grid!important; grid-template-columns:30px 40px minmax(72px,auto) 30px!important; flex:0 0 auto!important; min-height:56px!important; padding:6px 7px!important; } .twmv-compare-page .twmv-compare-summary .twmv-primary-button{ grid-area:add!important; width:auto!important; min-width:210px!important; min-height:46px!important; margin:0!important; padding:9px 14px!important; font-family:inherit!important; font-size:13px!important; font-weight:600!important; line-height:1.15!important; } .twmv-compare-page .twmv-compare-block{ margin-bottom:20px!important; } .twmv-compare-page .twmv-compare-scroll{ width:100%!important; overflow-x:auto!important; overflow-y:visible!important; overscroll-behavior-inline:contain!important; scroll-snap-type:none!important; scrollbar-width:thin!important; -webkit-overflow-scrolling:touch!important; } .twmv-compare-page .twmv-compare-table{ width:max-content!important; min-width:100%!important; overflow:visible!important; border-color:#d5dfeb!important; border-radius:14px!important; box-shadow:none!important; } .twmv-compare-page .twmv-compare-row{ grid-template-columns:145px repeat(4,245px)!important; min-width:1125px!important; } .twmv-compare-page .twmv-compare-label, .twmv-compare-page .twmv-compare-cell, .twmv-compare-page .twmv-compare-head{ padding:15px!important; } .twmv-compare-page .twmv-compare-label{ position:sticky!important; z-index:5!important; left:0!important; background:#fbfcfe!important; color:#071735!important; font-size:13px!important; font-weight:800!important; box-shadow:1px 0 0 #d5dfeb!important; } .twmv-compare-page .twmv-compare-head{ min-height:196px!important; gap:10px!important; padding-top:18px!important; } .twmv-compare-page .twmv-compare-brand{ grid-template-columns:58px minmax(0,1fr)!important; gap:10px!important; padding-right:36px!important; } .twmv-compare-page .twmv-compare-logo{ width:58px!important; height:58px!important; padding:7px!important; } .twmv-compare-page .twmv-compare-brand h3{ font-size:17px!important; line-height:1.18!important; } .twmv-compare-page .twmv-position-control{ min-height:40px!important; } .twmv-compare-page .twmv-provider-button{ min-height:40px!important; font-family:inherit!important; font-size:13px!important; font-weight:600!important; } .twmv-compare-page button[data-twmv-expand-list], .twmv-compare-page button[data-twmv-expand-text], .twmv-compare-page .twmv-token-set.has-more>.twmv-token-more{ display:flex!important; box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-height:38px!important; align-items:center!important; justify-content:center!important; margin:14px 0 2px!important; padding:7px 12px!important; border-radius:8px!important; text-align:center!important; } .twmv-compare-page .twmv-rating-arrows button{ width:42px!important; height:36px!important; min-width:42px!important; min-height:36px!important; } .twmv-compare-page .twmv-mobile-ratings{ display:none!important; } .twmv-compare-page .twmv-additional-title{ margin:34px 0 14px!important; font-size:21px!important; } .twmv-compare-sticky-portal{ display:block!important; height:52px!important; } .twmv-compare-sticky-portal .twmv-compare-sticky-row{ grid-template-columns:145px repeat(4,245px)!important; min-height:50px!important; } .twmv-compare-sticky-portal .twmv-sticky-logo-label, .twmv-compare-sticky-portal .twmv-sticky-logo-cell{ min-height:50px!important; } .twmv-compare-sticky-portal .twmv-sticky-logo{ width:42px!important; height:42px!important; padding:7px!important; border-radius:10px!important; } .twmv-compare-page .twmv-compare-closing{ padding:18px 0 28px!important; } .twmv-compare-page .twmv-compare-closing>.twmv-editorial-note{ margin:0!important; } .twmv-watch-page .twmv-editorial-tip{ margin-top:22px!important; margin-bottom:28px!important; } } @media (max-width:767px){ .twmv-watch-page, .twmv-compare-page{ --twmv-responsive-gap:12px; } .twmv-watch-page .twmv-controls>.twmv-filter-bar, .twmv-compare-page .twmv-compare-controls>.twmv-filter-bar{ grid-template-columns:1fr 1fr!important; gap:9px!important; } .twmv-watch-page .twmv-more-filter-button, .twmv-compare-page .twmv-more-filter-button{ grid-column:1/-1!important; } .twmv-watch-page .twmv-selection-panel{ padding:14px!important; margin-bottom:14px!important; } .twmv-watch-page .twmv-selection-layout--watch{ grid-template-columns:1fr!important; grid-template-areas:"head" "actions" "track"!important; gap:12px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{ display:grid!important; grid-template-columns:1fr 1fr!important; width:100%!important; min-width:0!important; gap:8px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-secondary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions a.twmv-primary-button{ min-height:44px!important; padding:8px 9px!important; font-size:12px!important; white-space:normal!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{ flex-basis:205px!important; grid-template-columns:26px 40px minmax(0,1fr) 32px!important; min-height:62px!important; } .twmv-watch-page .twmv-selection-head strong{font-size:18px!important} .twmv-watch-page .twmv-selection-head span{margin-top:5px!important;font-size:12px!important} .twmv-watch-page .twmv-watch-toolbar{ grid-template-columns:1fr!important; gap:10px!important; margin-bottom:14px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ grid-template-columns:auto minmax(0,1fr)!important; width:100%!important; justify-self:stretch!important; gap:9px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort{ width:100%!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search, .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort .twmv-custom-select__button{ min-height:48px!important; } .twmv-watch-page .twmv-watch-list-row{ grid-template-columns:1fr!important; grid-template-areas:"tool" "price" "rating" "actions"!important; } .twmv-watch-page .twmv-watch-list-tool, .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ padding:14px!important; border-left:0!important; } .twmv-watch-page .twmv-watch-list-tool{ grid-template-columns:58px minmax(0,1fr)!important; gap:12px!important; padding-bottom:12px!important; } .twmv-watch-page .twmv-watch-list-logo{ width:58px!important; height:58px!important; padding:6px!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ margin-bottom:7px!important; font-size:17px!important; } .twmv-watch-page .twmv-watch-list-chips span{ min-height:23px!important; padding:4px 7px!important; font-size:10px!important; } .twmv-watch-page .twmv-watch-list-price{ border-top:1px solid #e8edf4!important; padding-top:12px!important; padding-bottom:12px!important; } .twmv-watch-page .twmv-watch-list-price::before, .twmv-watch-page .twmv-watch-list-rating::before, .twmv-watch-page .twmv-watch-list-actions::before{ margin-bottom:6px!important; font-size:9.5px!important; } .twmv-watch-page .twmv-watch-list-price strong{font-size:16px!important} .twmv-watch-page .twmv-watch-list-rating{ border-top:1px solid #e8edf4!important; padding-top:12px!important; padding-bottom:12px!important; } .twmv-watch-page .twmv-watch-rating-cell{ grid-template-columns:minmax(0,1fr) auto!important; gap:4px 8px!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; } .twmv-watch-page .twmv-watch-list-actions{ border-top:1px solid #e8edf4!important; padding-top:12px!important; grid-template-columns:1fr 1fr!important; gap:7px!important; } .twmv-watch-page .twmv-watch-list-action{ min-height:40px!important; padding:7px 6px!important; font-size:11px!important; } .twmv-watch-page .twmv-watch-list-footer{ min-height:40px!important; padding:8px 13px!important; font-size:10.5px!important; } .twmv-compare-page .twmv-compare-toolbar{ align-items:stretch!important; flex-direction:column!important; gap:12px!important; } .twmv-compare-page .twmv-view-switch{ width:100%!important; min-width:0!important; } .twmv-compare-page .twmv-view-switch button{ min-height:50px!important; padding:6px 8px!important; } .twmv-compare-page .twmv-view-switch__copy strong{ font-size:12px!important; } .twmv-compare-page .twmv-view-switch__copy small{ font-size:10px!important; } .twmv-compare-page .twmv-compare-summary{ grid-template-columns:1fr!important; grid-template-areas:"title" "tools" "add"!important; gap:11px!important; padding:13px!important; } .twmv-compare-page .twmv-compare-summary>strong{ font-size:16px!important; } .twmv-compare-page .twmv-compare-summary>div{ padding-bottom:8px!important; } .twmv-compare-page .twmv-compare-summary>div>button{ grid-template-columns:28px 38px minmax(66px,auto) 28px!important; min-height:54px!important; } .twmv-compare-page .twmv-compare-summary .twmv-primary-button{ width:100%!important; min-width:0!important; min-height:44px!important; } .twmv-compare-page .twmv-compare-row{ grid-template-columns:108px repeat(4,208px)!important; min-width:940px!important; } .twmv-compare-page .twmv-compare-label, .twmv-compare-page .twmv-compare-cell, .twmv-compare-page .twmv-compare-head{ padding:12px!important; } .twmv-compare-page .twmv-compare-label{ font-size:11px!important; line-height:1.3!important; } .twmv-compare-page .twmv-compare-head{ min-height:182px!important; } .twmv-compare-page .twmv-compare-brand{ grid-template-columns:50px minmax(0,1fr)!important; gap:8px!important; padding-right:29px!important; } .twmv-compare-page .twmv-compare-logo{ width:50px!important; height:50px!important; padding:6px!important; } .twmv-compare-page .twmv-compare-brand h3{ font-size:15px!important; } .twmv-compare-page .twmv-position-control{ min-height:38px!important; font-size:11px!important; } .twmv-compare-page .twmv-provider-button{ min-height:38px!important; font-size:12px!important; } .twmv-compare-page .twmv-compare-remove{ width:34px!important; height:34px!important; top:8px!important; right:8px!important; } .twmv-compare-page .twmv-rating-arrows button{ width:38px!important; height:34px!important; min-width:38px!important; min-height:34px!important; } .twmv-compare-page .twmv-additional-title{ margin:28px 0 12px!important; font-size:19px!important; } .twmv-compare-sticky-portal{ height:48px!important; } .twmv-compare-sticky-portal .twmv-compare-sticky-row{ grid-template-columns:108px repeat(4,208px)!important; min-height:46px!important; } .twmv-compare-sticky-portal .twmv-sticky-logo-label, .twmv-compare-sticky-portal .twmv-sticky-logo-cell{ min-height:46px!important; } .twmv-compare-sticky-portal .twmv-sticky-logo{ width:38px!important; height:38px!important; padding:6px!important; } .twmv-compare-page .twmv-compare-closing{ padding:14px 0 22px!important; } .twmv-compare-page .twmv-editorial-note, .twmv-watch-page .twmv-editorial-tip{ padding:16px!important; } .twmv-watch-page .twmv-editorial-tip{ margin-top:18px!important; margin-bottom:22px!important; } } @media (max-width:430px){ .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{ grid-template-columns:1fr!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ grid-template-columns:1fr!important; gap:6px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-label{ display:block!important; } .twmv-watch-page .twmv-watch-list-actions{ grid-template-columns:1fr 1fr!important; } .twmv-watch-page .twmv-watch-list-action{ white-space:normal!important; } .twmv-compare-page .twmv-compare-row{ grid-template-columns:100px repeat(4,196px)!important; min-width:884px!important; } .twmv-compare-sticky-portal .twmv-compare-sticky-row{ grid-template-columns:100px repeat(4,196px)!important; } } @media (max-width:1179px){ .twmv-watch-page .twmv-tabs{ display:none!important; } .twmv-watch-page .twmv-summary{ grid-template-columns:56px minmax(0,1fr)!important; grid-template-areas: "icon copy" ". tip"!important; align-items:center!important; gap:9px 16px!important; min-height:0!important; margin-bottom:22px!important; padding:18px 20px!important; } .twmv-watch-page .twmv-summary-icon{ grid-area:icon!important; width:56px!important; height:56px!important; align-self:center!important; } .twmv-watch-page .twmv-summary>div:nth-child(2){ grid-area:copy!important; gap:2px!important; } .twmv-watch-page .twmv-summary strong, .twmv-watch-page .twmv-summary strong span{ color:#071735!important; -webkit-text-fill-color:#071735!important; } .twmv-watch-page .twmv-summary strong{ font-size:20px!important; font-weight:800!important; line-height:1.22!important; } .twmv-watch-page .twmv-summary>div:nth-child(2)>span{ color:#314563!important; -webkit-text-fill-color:#314563!important; font-size:13.5px!important; line-height:1.42!important; } .twmv-watch-page .twmv-summary-tip{ grid-area:tip!important; grid-column:auto!important; margin-top:2px!important; gap:10px!important; color:#4f6382!important; font-size:13px!important; line-height:1.42!important; } .twmv-watch-page .twmv-controls{ margin-bottom:18px!important; } .twmv-watch-page .twmv-selection-panel{ margin-top:0!important; margin-bottom:20px!important; } .twmv-watch-page .twmv-watch-toolbar{ gap:24px!important; margin-bottom:18px!important; } .twmv-watch-page .twmv-watch-list-row{ grid-template-columns:minmax(0,1.58fr) minmax(220px,.72fr)!important; } .twmv-watch-page .twmv-watch-list-tool, .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ padding:14px 16px!important; } .twmv-watch-page .twmv-watch-list-tool{ grid-template-columns:62px minmax(0,1fr)!important; gap:14px!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ margin-bottom:7px!important; font-size:18px!important; font-weight:700!important; } .twmv-watch-page .twmv-watch-list-price{ gap:5px!important; } .twmv-watch-page .twmv-watch-list-price::before, .twmv-watch-page .twmv-watch-list-rating::before, .twmv-watch-page .twmv-watch-list-actions::before{ margin-bottom:6px!important; } .twmv-watch-page .twmv-watch-list-actions{ gap:7px!important; } .twmv-watch-page .twmv-watch-list-action{ min-height:39px!important; padding:7px 7px!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; } .twmv-watch-page .twmv-editorial-tip{ margin-top:22px!important; margin-bottom:28px!important; } } @media (min-width:768px) and (max-width:1179px){ .twmv-watch-page .twmv-selection-layout--watch{ gap:13px 16px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{ min-width:318px!important; gap:9px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-secondary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions a.twmv-primary-button{ min-height:45px!important; padding:8px 13px!important; font-size:12.5px!important; font-weight:600!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{ flex-basis:220px!important; min-height:64px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ grid-template-columns:auto 230px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort{ width:230px!important; } } @media (max-width:767px){ .twmv-watch-page .twmv-summary{ grid-template-columns:50px minmax(0,1fr)!important; gap:8px 12px!important; padding:15px!important; margin-bottom:18px!important; } .twmv-watch-page .twmv-summary-icon{ width:50px!important; height:50px!important; } .twmv-watch-page .twmv-summary strong{ font-size:18px!important; } .twmv-watch-page .twmv-summary>div:nth-child(2)>span{ font-size:12.5px!important; } .twmv-watch-page .twmv-summary-tip{ margin-top:1px!important; font-size:12px!important; } .twmv-watch-page .twmv-watch-list-row{ grid-template-columns:1fr!important; grid-template-areas:"tool" "price" "rating" "actions"!important; } .twmv-watch-page .twmv-watch-list-tool, .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ padding:14px!important; border-left:0!important; } .twmv-watch-page .twmv-watch-list-tool{ grid-template-columns:58px minmax(0,1fr)!important; gap:12px!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ font-size:17px!important; } .twmv-watch-page .twmv-watch-list-actions{ gap:7px!important; } .twmv-watch-page .twmv-watch-list-action{ min-height:40px!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; } } @media (max-width:1179px){ .twmv-watch-page .twmv-selection-position{ display:none!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{ grid-template-columns:42px minmax(0,1fr) 34px!important; } } @media (min-width:768px) and (max-width:1179px){ .twmv-watch-page .twmv-summary{ grid-template-columns:56px minmax(0,1fr)!important; grid-template-areas: "icon copy" "tip tip"!important; gap:12px 18px!important; padding:20px 22px!important; } .twmv-watch-page .twmv-summary>div:nth-child(2){ gap:6px!important; } .twmv-watch-page .twmv-summary>div:nth-child(2)>span{ margin-top:0!important; } .twmv-watch-page .twmv-summary-tip{ display:grid!important; grid-template-columns:20px minmax(0,1fr)!important; align-items:start!important; width:100%!important; max-width:none!important; padding-left:74px!important; gap:10px!important; margin-top:2px!important; text-wrap:pretty!important; } .twmv-watch-page .twmv-summary-tip span{ display:block!important; min-width:0!important; } .twmv-watch-page .twmv-more-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:end!important; } .twmv-watch-page .twmv-more-actions{ grid-column:2!important; align-self:end!important; margin-top:0!important; gap:10px!important; } .twmv-watch-page .twmv-more-actions .twmv-primary-button, .twmv-watch-page .twmv-more-actions .twmv-secondary-button{ min-height:48px!important; padding-inline:10px!important; font-size:13px!important; } .twmv-watch-page .twmv-watch-list-row{ grid-template-columns:minmax(0,1.72fr) minmax(202px,.62fr)!important; } .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ padding-top:12px!important; padding-bottom:12px!important; } .twmv-watch-page .twmv-watch-list-rating{ align-items:flex-start!important; } .twmv-watch-page .twmv-watch-list-actions::before{ display:none!important; content:none!important; } .twmv-watch-page .twmv-watch-rating-cell{ grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas: "source arrows" "value arrows"!important; align-items:start!important; gap:6px 12px!important; } .twmv-watch-page .twmv-watch-rating-source{ font-size:12px!important; } .twmv-watch-page .twmv-watch-rating-value{ gap:7px!important; } .twmv-watch-page .twmv-watch-rating-value strong{ font-size:18px!important; } .twmv-watch-page .twmv-watch-rating-value small{ font-size:11px!important; } .twmv-watch-page .twmv-watch-rating-arrows{ align-self:center!important; } .twmv-watch-page .twmv-watch-list-actions{ align-content:start!important; gap:8px!important; } } @media (max-width:767px){ .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{ grid-template-columns:40px minmax(0,1fr) 32px!important; } } @media (min-width:768px) and (max-width:1179px){ .twmv-watch-page .twmv-summary{ grid-template-columns:56px minmax(0,1fr)!important; grid-template-areas: "icon copy" ". tip"!important; align-items:center!important; column-gap:18px!important; row-gap:11px!important; min-height:0!important; padding:20px 22px!important; } .twmv-watch-page .twmv-summary-icon{ grid-area:icon!important; align-self:center!important; } .twmv-watch-page .twmv-summary>div:nth-child(2){ grid-area:copy!important; display:flex!important; min-width:0!important; flex-direction:column!important; gap:5px!important; } .twmv-watch-page .twmv-summary strong, .twmv-watch-page .twmv-summary strong span{ color:#071735!important; -webkit-text-fill-color:#071735!important; } .twmv-watch-page .twmv-summary>div:nth-child(2)>span{ color:#314563!important; -webkit-text-fill-color:#314563!important; line-height:1.45!important; } .twmv-watch-page .twmv-summary-tip{ grid-area:tip!important; grid-column:2!important; display:flex!important; width:100%!important; max-width:none!important; min-width:0!important; align-items:flex-start!important; justify-content:flex-start!important; gap:10px!important; margin:0!important; padding:0!important; color:#4f6382!important; font-size:13px!important; line-height:1.48!important; text-wrap:pretty!important; } .twmv-watch-page .twmv-summary-tip>span:first-child{ display:flex!important; flex:0 0 22px!important; width:22px!important; min-width:22px!important; align-items:flex-start!important; justify-content:center!important; } .twmv-watch-page .twmv-summary-tip>span:first-child svg{ display:block!important; width:22px!important; height:22px!important; } .twmv-watch-page .twmv-summary-tip .twmv-desktop-summary-tip{ display:block!important; flex:1 1 auto!important; width:auto!important; min-width:0!important; max-width:100%!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; } .twmv-watch-page .twmv-summary-tip .twmv-non-desktop-summary-tip{ display:none!important; } .twmv-watch-page .twmv-watch-list-rating{ display:block!important; padding:14px 18px!important; } .twmv-watch-page .twmv-watch-rating-cell{ display:grid!important; width:auto!important; max-width:100%!important; grid-template-columns:max-content auto!important; grid-template-areas: "source source" "value arrows"!important; justify-content:start!important; align-items:center!important; column-gap:18px!important; row-gap:8px!important; } .twmv-watch-page .twmv-watch-rating-source{ grid-area:source!important; max-width:100%!important; overflow:visible!important; color:#263d60!important; font-size:12px!important; font-weight:700!important; line-height:1.3!important; text-overflow:clip!important; white-space:normal!important; } .twmv-watch-page .twmv-watch-rating-line{ display:contents!important; } .twmv-watch-page .twmv-watch-rating-value{ grid-area:value!important; display:flex!important; min-width:0!important; align-items:baseline!important; gap:7px!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-star{ color:#f5ad00!important; -webkit-text-fill-color:#f5ad00!important; font-size:21px!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value strong{ color:#0b2245!important; -webkit-text-fill-color:#0b2245!important; font-size:18px!important; font-weight:700!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value small{ color:#74859d!important; -webkit-text-fill-color:#74859d!important; font-size:11px!important; font-weight:500!important; } .twmv-watch-page .twmv-watch-rating-arrows{ grid-area:arrows!important; display:flex!important; align-self:center!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; margin:0!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; } .twmv-watch-page .twmv-watch-list-actions{ align-content:center!important; padding:14px 16px!important; } .twmv-watch-page .twmv-watch-list-actions::before{ display:none!important; content:none!important; } } .twmv-watch-page .twmv-watch-list-tool-copy h2 a{ color:inherit!important; -webkit-text-fill-color:inherit!important; text-decoration:none!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2 a:hover, .twmv-watch-page .twmv-watch-list-tool-copy h2 a:focus{ color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; text-decoration:none!important; } .twmv-watch-page .twmv-watch-list-chips a{ display:inline-flex; align-items:center; color:inherit; text-decoration:none; } .twmv-watch-page .twmv-watch-rating-source{ text-decoration:none!important; } .twmv-watch-page a.twmv-watch-rating-source:hover, .twmv-watch-page a.twmv-watch-rating-source:focus{ color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; text-decoration:none!important; } .twmv-watch-page .twmv-watch-list-action--compare, .twmv-watch-page .twmv-watch-list-action--compare:hover, .twmv-watch-page .twmv-watch-list-action--compare:focus, .twmv-watch-page .twmv-watch-list-action--compare.is-active, .twmv-watch-page .twmv-watch-list-action--compare.is-active:hover, .twmv-watch-page .twmv-watch-list-action--compare.is-active:focus{ border-color:#b8cdea!important; background:#fff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; box-shadow:none!important; transform:none!important; } @media (min-width:1180px){ .twmv-watch-page .twmv-watch-list-chips a{ min-height:24px; max-width:100%; padding:4px 9px; overflow:hidden; border:1px solid #e1e9f4; border-radius:999px; background:#f3f7fd; color:#315b94!important; -webkit-text-fill-color:#315b94!important; font-size:10.5px; font-weight:600; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; } } @media (max-width:1179px){ .twmv-watch-page .twmv-more-actions .twmv-primary-button, .twmv-watch-page .twmv-more-actions .twmv-secondary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-primary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-secondary-button, .twmv-watch-page .twmv-watch-list-action, .twmv-compare-page .twmv-more-actions .twmv-primary-button, .twmv-compare-page .twmv-more-actions .twmv-secondary-button, .twmv-compare-page .twmv-primary-button, .twmv-compare-page .twmv-secondary-button{ font-family:inherit!important; font-weight:600!important; font-style:normal!important; letter-spacing:0!important; line-height:1.2!important; text-transform:none!important; } .twmv-watch-page .twmv-more-actions .twmv-primary-button, .twmv-watch-page .twmv-more-actions .twmv-secondary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-primary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-secondary-button{ font-size:13px!important; } .twmv-watch-page .twmv-watch-list-action{ font-size:11.5px!important; } .twmv-watch-page .twmv-watch-list-chips a{ min-height:24px!important; max-width:100%!important; padding:4px 8px!important; overflow:hidden!important; border:1px solid #e1e9f4!important; border-radius:999px!important; background:#f3f7fd!important; color:#315b94!important; -webkit-text-fill-color:#315b94!important; font-size:10.5px!important; font-weight:600!important; line-height:1.15!important; text-overflow:ellipsis!important; white-space:nowrap!important; } } @media (min-width:768px) and (max-width:1179px){ .twmv-watch-page .twmv-watch-list-row{ grid-template-columns:minmax(0,1.72fr) minmax(220px,.68fr)!important; } .twmv-watch-page .twmv-watch-list-actions{ padding:14px 14px!important; gap:8px!important; } .twmv-watch-page .twmv-watch-list-action{ min-height:40px!important; padding:7px 9px!important; } .twmv-watch-page .twmv-watch-list-rating{ display:grid!important; grid-template-columns:max-content minmax(0,1fr)!important; align-items:center!important; column-gap:14px!important; padding:14px 16px!important; } .twmv-watch-page .twmv-watch-list-rating::before{ display:block!important; margin:0!important; align-self:center!important; } .twmv-watch-page .twmv-watch-rating-cell{ display:grid!important; width:100%!important; min-width:0!important; grid-template-columns:minmax(70px,1fr) max-content max-content!important; grid-template-areas:"source value arrows"!important; align-items:center!important; justify-content:stretch!important; column-gap:12px!important; row-gap:0!important; } .twmv-watch-page .twmv-watch-rating-source{ grid-area:source!important; min-width:0!important; overflow:hidden!important; font-size:12px!important; font-weight:700!important; line-height:1.3!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-line{ display:contents!important; } .twmv-watch-page .twmv-watch-rating-value{ grid-area:value!important; display:flex!important; align-items:baseline!important; gap:6px!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-arrows{ grid-area:arrows!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:7px!important; margin:0!important; } } @media (min-width:768px) and (max-width:1179px){ .twmv-watch-page .twmv-watch-list-tool{ padding:16px 18px!important; gap:15px!important; } .twmv-watch-page .twmv-watch-list-price{ padding:16px 18px!important; gap:7px!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ margin-bottom:8px!important; } .twmv-watch-page .twmv-watch-list-chips{ gap:6px!important; } .twmv-watch-page .twmv-watch-list-rating{ display:grid!important; grid-template-columns:max-content minmax(0,1fr)!important; align-items:center!important; column-gap:16px!important; padding:15px 18px!important; } .twmv-watch-page .twmv-watch-list-rating::before{ align-self:center!important; margin:0!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-rating-cell{ display:grid!important; width:max-content!important; max-width:100%!important; min-width:0!important; grid-template-columns:max-content max-content max-content!important; grid-template-areas:"source value arrows"!important; align-items:center!important; justify-content:start!important; column-gap:14px!important; row-gap:0!important; } .twmv-watch-page .twmv-watch-rating-source{ grid-area:source!important; min-width:0!important; max-width:150px!important; overflow:hidden!important; font-size:12px!important; font-weight:700!important; line-height:1.3!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-line{ display:contents!important; } .twmv-watch-page .twmv-watch-rating-value{ grid-area:value!important; display:flex!important; min-width:0!important; align-items:baseline!important; gap:6px!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-star{ font-size:20px!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value strong{ font-size:18px!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value small{ font-size:11px!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-rating-arrows{ grid-area:arrows!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; margin:0!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; } .twmv-watch-page .twmv-watch-list-actions{ align-content:center!important; padding:14px 16px!important; gap:8px!important; } .twmv-watch-page .twmv-watch-list-action{ min-height:40px!important; padding:7px 8px!important; font-family:inherit!important; font-size:11.5px!important; font-weight:600!important; line-height:1.2!important; } } @media (min-width:768px) and (max-width:1179px){ .twmv-watch-page .twmv-watch-list-row{ grid-template-columns:minmax(0,1.76fr) minmax(268px,.74fr)!important; } .twmv-watch-page .twmv-watch-list-tool, .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ padding-top:16px!important; padding-bottom:16px!important; } .twmv-watch-page .twmv-watch-list-tool{ padding-left:18px!important; padding-right:18px!important; gap:16px!important; } .twmv-watch-page .twmv-watch-list-price{ padding-left:18px!important; padding-right:18px!important; gap:8px!important; } .twmv-watch-page .twmv-watch-list-rating{ display:grid!important; grid-template-columns:max-content minmax(0,1fr)!important; align-items:center!important; column-gap:18px!important; padding-left:18px!important; padding-right:18px!important; } .twmv-watch-page .twmv-watch-list-rating::before{ margin:0!important; align-self:center!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-rating-cell{ display:grid!important; width:100%!important; min-width:0!important; grid-template-columns:minmax(110px,max-content) minmax(110px,max-content) auto!important; grid-template-areas:"source value arrows"!important; align-items:center!important; justify-content:stretch!important; column-gap:18px!important; row-gap:0!important; } .twmv-watch-page .twmv-watch-rating-line{ display:contents!important; } .twmv-watch-page .twmv-watch-rating-source{ grid-area:source!important; min-width:0!important; max-width:none!important; overflow:hidden!important; font-size:12px!important; font-weight:700!important; line-height:1.25!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-value{ grid-area:value!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:7px!important; min-width:0!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-star{ font-size:18px!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value strong{ font-size:17px!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value small{ font-size:11px!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-rating-arrows{ grid-area:arrows!important; display:flex!important; align-items:center!important; justify-self:end!important; justify-content:flex-end!important; gap:6px!important; margin:0!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; border-radius:8px!important; } .twmv-watch-page .twmv-watch-rating-arrows button svg{ width:12px!important; height:12px!important; } .twmv-watch-page .twmv-watch-list-actions{ align-content:center!important; padding-left:14px!important; padding-right:18px!important; gap:9px!important; } .twmv-watch-page .twmv-watch-list-action{ min-height:40px!important; padding:8px 12px!important; font-family:inherit!important; font-size:11.5px!important; font-weight:600!important; line-height:1.2!important; } } .twmv-watch-page .twmv-watch-list-action--compare, .twmv-watch-page .twmv-watch-list-action--compare:hover, .twmv-watch-page .twmv-watch-list-action--compare:focus{ border-color:#d7e1ed!important; background:#fff!important; color:#17365f!important; -webkit-text-fill-color:#17365f!important; box-shadow:none!important; transform:none!important; } .twmv-watch-page .twmv-watch-list-action--compare svg, .twmv-watch-page .twmv-watch-list-action--compare:hover svg, .twmv-watch-page .twmv-watch-list-action--compare:focus svg{ color:currentColor!important; } .twmv-watch-page .twmv-watch-list-action--compare:hover, .twmv-watch-page .twmv-watch-list-action--compare:focus{ border-color:#8db6ef!important; background:#f4f8ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv-watch-page .twmv-watch-list-action--compare.is-active, .twmv-watch-page .twmv-watch-list-action--compare.is-active:hover, .twmv-watch-page .twmv-watch-list-action--compare.is-active:focus{ border-color:#86b0ea!important; background:#edf5ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } @media (min-width:768px) and (max-width:1179px){ .twmv-watch-page .twmv-watch-list-tool, .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ padding-top:18px!important; padding-bottom:18px!important; } .twmv-watch-page .twmv-watch-list-tool, .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating{ padding-left:20px!important; padding-right:20px!important; } .twmv-watch-page .twmv-watch-list-row{ grid-template-columns:minmax(0,1.72fr) minmax(280px,.78fr)!important; } .twmv-watch-page .twmv-watch-list-rating{ grid-template-columns:max-content minmax(0,1fr)!important; column-gap:20px!important; } .twmv-watch-page .twmv-watch-rating-cell{ grid-template-columns:minmax(118px,max-content) minmax(126px,max-content) auto!important; column-gap:22px!important; } .twmv-watch-page .twmv-watch-rating-source{ font-size:12.5px!important; } .twmv-watch-page .twmv-watch-rating-value{ gap:8px!important; } .twmv-watch-page .twmv-watch-rating-arrows{ gap:8px!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; border-radius:8px!important; } .twmv-watch-page .twmv-watch-rating-arrows button svg{ width:11px!important; height:11px!important; } .twmv-watch-page .twmv-watch-list-actions{ padding-left:16px!important; padding-right:20px!important; align-content:center!important; align-items:center!important; gap:12px!important; } .twmv-watch-page .twmv-watch-list-action{ min-height:42px!important; padding:9px 14px!important; font-size:12px!important; line-height:1.2!important; border-radius:10px!important; } } @media (min-width:768px) and (max-width:1179px){ .twmv-watch-page .twmv-watch-list-shell{ overflow:visible!important; border:0!important; border-radius:0!important; background:transparent!important; } .twmv-watch-page .twmv-watch-list-body{ display:grid!important; gap:12px!important; } .twmv-watch-page .twmv-watch-list-row, .twmv-watch-page .twmv-watch-list-row:last-child, .twmv-watch-page .twmv-watch-list-row.is-selected, .twmv-watch-page .twmv-watch-list-row:hover{ grid-template-columns:minmax(0,1.58fr) minmax(268px,.76fr)!important; grid-template-areas: "tool price" "rating actions"!important; min-height:252px!important; overflow:hidden!important; border:1px solid #d9e2ed!important; border-radius:14px!important; background:#fff!important; box-shadow:inset 3px 0 0 #1b6ff3!important; transform:none!important; } .twmv-watch-page .twmv-watch-list-tool{ min-height:142px!important; grid-template-columns:76px minmax(0,1fr)!important; align-items:center!important; gap:20px!important; padding:22px 24px 20px 26px!important; } .twmv-watch-page .twmv-watch-list-logo{ width:76px!important; height:76px!important; padding:9px!important; border-radius:12px!important; background:#fff!important; } .twmv-watch-page .twmv-watch-list-logo img{ width:100%!important; height:100%!important; object-fit:contain!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ margin:0 0 11px!important; font-size:20px!important; font-weight:700!important; line-height:1.18!important; } .twmv-watch-page .twmv-watch-list-chips{ gap:7px!important; } .twmv-watch-page .twmv-watch-list-chips span, .twmv-watch-page .twmv-watch-list-chips a{ min-height:25px!important; padding:5px 9px!important; font-size:10.5px!important; line-height:1.1!important; } .twmv-watch-page .twmv-watch-list-price{ min-height:142px!important; justify-content:flex-start!important; gap:7px!important; padding:24px 22px 20px!important; border-left:1px solid #e1e7ef!important; } .twmv-watch-page .twmv-watch-list-price::before{ margin:0 0 5px!important; font-size:10px!important; letter-spacing:.06em!important; } .twmv-watch-page .twmv-watch-list-price strong{ font-size:19px!important; font-weight:700!important; line-height:1.15!important; } .twmv-watch-page .twmv-watch-list-price span{ font-size:12px!important; line-height:1.4!important; } .twmv-watch-page .twmv-watch-list-rating{ min-height:108px!important; display:grid!important; grid-template-columns:92px minmax(0,1fr)!important; align-items:center!important; column-gap:18px!important; padding:19px 24px 19px 26px!important; border-top:1px solid #e1e7ef!important; } .twmv-watch-page .twmv-watch-list-rating::before{ align-self:center!important; margin:0!important; font-size:10px!important; font-weight:700!important; letter-spacing:.06em!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-rating-cell{ display:grid!important; width:100%!important; min-width:0!important; max-width:none!important; grid-template-columns:minmax(104px,1fr) max-content max-content!important; grid-template-areas:"source value arrows"!important; align-items:center!important; justify-content:stretch!important; column-gap:16px!important; row-gap:0!important; } .twmv-watch-page .twmv-watch-rating-source{ grid-area:source!important; min-width:0!important; max-width:none!important; overflow:hidden!important; color:#132c51!important; font-size:12px!important; font-weight:700!important; line-height:1.25!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-line{ display:contents!important; } .twmv-watch-page .twmv-watch-rating-value{ grid-area:value!important; display:flex!important; min-width:0!important; align-items:center!important; justify-content:flex-start!important; gap:7px!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-star{ font-size:20px!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value strong{ font-size:18px!important; font-weight:700!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value small{ font-size:10.5px!important; font-weight:500!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-rating-arrows{ grid-area:arrows!important; display:flex!important; justify-self:end!important; align-items:center!important; gap:7px!important; margin:0!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; padding:0!important; border-radius:8px!important; } .twmv-watch-page .twmv-watch-rating-arrows button svg{ width:11px!important; height:11px!important; } .twmv-watch-page .twmv-watch-list-actions{ min-height:108px!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; align-content:center!important; align-items:stretch!important; gap:9px 10px!important; padding:18px 18px 18px 20px!important; border-top:1px solid #e1e7ef!important; border-left:1px solid #e1e7ef!important; } .twmv-watch-page .twmv-watch-list-actions::before{ display:none!important; content:none!important; } .twmv-watch-page .twmv-watch-list-action{ min-width:0!important; min-height:42px!important; padding:8px 8px!important; gap:7px!important; border-radius:9px!important; font-family:inherit!important; font-size:11.5px!important; font-weight:600!important; line-height:1.15!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-list-action svg{ width:14px!important; height:14px!important; flex:0 0 14px!important; } .twmv-watch-page .twmv-watch-list-action--compare, .twmv-watch-page .twmv-watch-list-action--compare:hover, .twmv-watch-page .twmv-watch-list-action--compare:focus{ border-color:#d7e1ed!important; background:#fff!important; color:#17365f!important; -webkit-text-fill-color:#17365f!important; } .twmv-watch-page .twmv-watch-list-action--compare.is-active, .twmv-watch-page .twmv-watch-list-action--compare.is-active:hover, .twmv-watch-page .twmv-watch-list-action--compare.is-active:focus{ border-color:#78a8ec!important; background:#f2f7ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv-watch-page .twmv-watch-list-footer{ min-height:38px!important; margin-top:2px!important; padding:0 4px!important; border:0!important; background:transparent!important; } } @media (min-width:800px) and (max-width:1179px){ .twmv-watch-page .twmv-watch-list-body{ gap:14px!important; } .twmv-watch-page .twmv-watch-list-row, .twmv-watch-page .twmv-watch-list-row:last-child, .twmv-watch-page .twmv-watch-list-row.is-selected, .twmv-watch-page .twmv-watch-list-row:hover{ grid-template-columns:minmax(0,1fr) minmax(clamp(252px, calc(582px - 36vw), 294px),.82fr)!important; grid-template-areas: "tool price" "rating actions"!important; min-height:0!important; border:1px solid #d9e2ed!important; border-radius:14px!important; background:#fff!important; box-shadow:inset 3px 0 0 #1b6ff3!important; } .twmv-watch-page .twmv-watch-list-tool{ min-height:116px!important; grid-template-columns:76px minmax(0,1fr)!important; align-items:center!important; gap:24px!important; padding:18px 26px 16px 26px!important; border:0!important; } .twmv-watch-page .twmv-watch-list-logo{ width:76px!important; height:76px!important; padding:10px!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ margin:0 0 10px!important; font-size:20px!important; line-height:1.16!important; } .twmv-watch-page .twmv-watch-list-chips{ gap:7px!important; } .twmv-watch-page .twmv-watch-list-price{ min-height:116px!important; justify-content:flex-start!important; gap:7px!important; padding:20px 22px 16px 22px!important; border-top:0!important; border-left:1px solid #e1e7ef!important; } .twmv-watch-page .twmv-watch-list-price::before{ margin:0 0 4px!important; } .twmv-watch-page .twmv-watch-list-rating{ min-height:92px!important; display:grid!important; grid-template-columns:118px minmax(0,1fr)!important; align-items:center!important; column-gap:20px!important; padding:14px 26px 14px 26px!important; border-top:0!important; background-image:linear-gradient(#e1e7ef,#e1e7ef)!important; background-repeat:no-repeat!important; background-position:26px 0!important; background-size:calc(100% - 50px) 1px!important; } .twmv-watch-page .twmv-watch-list-rating::before{ align-self:center!important; margin:0!important; font-size:10px!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-rating-cell{ display:grid!important; width:100%!important; min-width:0!important; grid-template-columns:minmax(126px,1fr) max-content max-content!important; grid-template-areas:"source value arrows"!important; align-items:center!important; column-gap:18px!important; } .twmv-watch-page .twmv-watch-rating-source{ font-size:12px!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-rating-value{ gap:7px!important; } .twmv-watch-page .twmv-watch-rating-star{ font-size:20px!important; } .twmv-watch-page .twmv-watch-rating-value strong{ font-size:18px!important; } .twmv-watch-page .twmv-watch-rating-value small{ font-size:10.5px!important; } .twmv-watch-page .twmv-watch-rating-arrows{ gap:7px!important; justify-self:end!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:31px!important; height:31px!important; min-width:31px!important; min-height:31px!important; border-radius:8px!important; } .twmv-watch-page .twmv-watch-rating-arrows button svg{ width:10px!important; height:10px!important; } .twmv-watch-page .twmv-watch-list-actions{ min-height:92px!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; align-content:center!important; align-items:stretch!important; gap:9px 10px!important; padding:13px 18px 13px 20px!important; border-top:0!important; border-left:1px solid #e1e7ef!important; } .twmv-watch-page .twmv-watch-list-action{ min-height:38px!important; padding:7px 8px!important; font-size:11.5px!important; font-weight:600!important; line-height:1.15!important; } } .twmv a.twmv-token, .twmv-watch-page .twmv-card-chips a{ color:inherit!important; -webkit-text-fill-color:inherit!important; text-decoration:none!important; } .twmv a.twmv-token:hover, .twmv a.twmv-token:focus-visible, .twmv-watch-page .twmv-card-chips a:hover, .twmv-watch-page .twmv-card-chips a:focus-visible{ border-color:#b8d2f5!important; background:#eef5ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; text-decoration:none!important; } .twmv-watch-page .twmv-card-chips a{ display:inline-flex; align-items:center; padding:3px 9px; border-radius:999px; background:#f0f4fa; color:#536684!important; -webkit-text-fill-color:#536684!important; font-size:11px; } @media (min-width:800px) and (max-width:1179px){ .twmv-watch-page .twmv-watch-list-row, .twmv-watch-page .twmv-watch-list-row:last-child, .twmv-watch-page .twmv-watch-list-row:hover{ position:relative!important; box-shadow:none!important; } .twmv-watch-page .twmv-watch-list-row::before{ display:none!important; content:""; } .twmv-watch-page .twmv-watch-list-row.is-selected{ position:relative!important; box-shadow:none!important; } .twmv-watch-page .twmv-watch-list-row.is-selected::before{ display:block!important; content:""!important; position:absolute!important; z-index:3!important; top:-1px!important; bottom:-1px!important; left:-1px!important; width:4px!important; border-radius:14px 0 0 14px!important; background:#1b6ff3!important; pointer-events:none!important; } } .twmv .twmv-selection-taxonomy{ color:inherit!important; -webkit-text-fill-color:inherit!important; text-decoration:none!important; } .twmv .twmv-selection-taxonomy:hover, .twmv .twmv-selection-taxonomy:focus-visible{ color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; text-decoration:none!important; } .twmv-watch-page .twmv-selection-chip .twmv-selection-taxonomy{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin-top:3px!important; overflow:hidden!important; color:#697b98!important; -webkit-text-fill-color:#697b98!important; font-family:inherit!important; font-size:11px!important; font-weight:500!important; line-height:1.25!important; text-decoration:none!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-watch-page .twmv-selection-chip .twmv-selection-taxonomy:hover, .twmv-watch-page .twmv-selection-chip .twmv-selection-taxonomy:focus-visible{ color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; text-decoration:none!important; } .twmv-watch-page .twmv-selection-chip>div{ min-width:0!important; overflow:hidden!important; justify-content:center!important; } .twmv-watch-page .twmv-selection-chip .twmv-selection-title{ display:block!important; width:100%!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } @media (min-width:768px) and (max-width:1179px){ .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{ align-items:center!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip .twmv-selection-title{ font-size:14px!important; font-weight:800!important; line-height:1.2!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip .twmv-selection-taxonomy{ font-size:11px!important; line-height:1.2!important; } } @media (min-width:700px) and (max-width:767px){ .twmv-watch-page .twmv-controls>.twmv-filter-bar{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } .twmv-watch-page .twmv-more-filter-button{ grid-column:auto!important; } .twmv-watch-page .twmv-selection-panel{ padding:16px!important; margin-bottom:16px!important; } .twmv-watch-page .twmv-selection-layout--watch{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas: "head actions" "track track"!important; align-items:center!important; gap:13px 14px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-head{ grid-area:head!important; min-width:0!important; } .twmv-watch-page .twmv-selection-head strong{ font-size:17px!important; line-height:1.2!important; } .twmv-watch-page .twmv-selection-head span{ margin-top:5px!important; font-size:11.5px!important; line-height:1.3!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{ grid-area:actions!important; display:grid!important; grid-template-columns:1fr 1fr!important; width:286px!important; min-width:286px!important; gap:8px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-secondary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions a.twmv-primary-button{ min-height:42px!important; padding:8px 9px!important; font-size:11.5px!important; font-weight:600!important; line-height:1.15!important; white-space:nowrap!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-track{ grid-area:track!important; grid-column:1/-1!important; width:100%!important; min-width:0!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chips{ gap:9px!important; padding-bottom:8px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{ flex:0 0 190px!important; grid-template-columns:40px minmax(0,1fr) 31px!important; min-height:58px!important; gap:7px!important; padding:7px 8px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-logo{ width:40px!important; height:40px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip .twmv-selection-title{ font-size:13px!important; line-height:1.15!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip .twmv-selection-taxonomy{ font-size:10.5px!important; line-height:1.15!important; } .twmv-watch-page .twmv-watch-toolbar{ display:grid!important; grid-template-columns:minmax(0,1fr) 265px!important; align-items:center!important; gap:18px!important; margin:0 0 16px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search{ min-width:0!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; width:265px!important; min-width:0!important; justify-self:end!important; align-items:center!important; gap:8px!important; margin:0!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-label{ font-size:11.5px!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort{ width:180px!important; min-width:0!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search, .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort .twmv-custom-select__button{ min-height:48px!important; } .twmv-watch-page .twmv-watch-list-shell{ overflow:visible!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .twmv-watch-page .twmv-watch-list-body{ display:grid!important; gap:12px!important; } .twmv-watch-page .twmv-watch-list-row, .twmv-watch-page .twmv-watch-list-row:last-child, .twmv-watch-page .twmv-watch-list-row:hover, .twmv-watch-page .twmv-watch-list-row.is-selected{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1.56fr) minmax(218px,.76fr)!important; grid-template-areas: "tool price" "rating actions"!important; min-width:0!important; min-height:0!important; overflow:hidden!important; border:1px solid #d9e2ed!important; border-radius:13px!important; background:#fff!important; box-shadow:none!important; transform:none!important; } .twmv-watch-page .twmv-watch-list-row::before{ display:none!important; content:""; } .twmv-watch-page .twmv-watch-list-row.is-selected::before{ display:block!important; content:""!important; position:absolute!important; z-index:4!important; top:-1px!important; bottom:-1px!important; left:-1px!important; width:4px!important; border-radius:13px 0 0 13px!important; background:#1b6ff3!important; pointer-events:none!important; } .twmv-watch-page .twmv-watch-list-tool, .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ box-sizing:border-box!important; min-width:0!important; } .twmv-watch-page .twmv-watch-list-tool{ grid-area:tool!important; min-height:106px!important; display:grid!important; grid-template-columns:64px minmax(0,1fr)!important; align-items:center!important; gap:15px!important; padding:16px 18px 14px 20px!important; border:0!important; } .twmv-watch-page .twmv-watch-list-logo{ width:64px!important; height:64px!important; padding:8px!important; border:1px solid #dfe7f1!important; border-radius:11px!important; background:#fff!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ margin:0 0 8px!important; font-size:17.5px!important; font-weight:700!important; line-height:1.18!important; } .twmv-watch-page .twmv-watch-list-chips{ display:flex!important; flex-wrap:wrap!important; gap:6px!important; } .twmv-watch-page .twmv-watch-list-chips span, .twmv-watch-page .twmv-watch-list-chips a{ min-height:23px!important; padding:4px 7px!important; font-size:9.8px!important; line-height:1.1!important; } .twmv-watch-page .twmv-watch-list-price{ grid-area:price!important; min-height:106px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:5px!important; padding:15px 16px!important; border-top:0!important; border-left:1px solid #e1e7ef!important; } .twmv-watch-page .twmv-watch-list-price::before{ display:block!important; margin:0 0 3px!important; font-size:9.5px!important; letter-spacing:.055em!important; } .twmv-watch-page .twmv-watch-list-price strong{ font-size:17px!important; line-height:1.15!important; } .twmv-watch-page .twmv-watch-list-price span{ font-size:11px!important; line-height:1.3!important; } .twmv-watch-page .twmv-watch-list-rating{ grid-area:rating!important; min-height:86px!important; display:grid!important; grid-template-columns:76px minmax(0,1fr)!important; align-items:center!important; column-gap:12px!important; padding:13px 18px 13px 20px!important; border-top:0!important; border-left:0!important; background-image:linear-gradient(#e1e7ef,#e1e7ef)!important; background-repeat:no-repeat!important; background-position:20px 0!important; background-size:calc(100% - 38px) 1px!important; } .twmv-watch-page .twmv-watch-list-rating::before{ display:block!important; align-self:center!important; margin:0!important; font-size:9.2px!important; font-weight:700!important; letter-spacing:.055em!important; line-height:1.15!important; } .twmv-watch-page .twmv-watch-rating-cell{ display:grid!important; width:100%!important; min-width:0!important; max-width:none!important; grid-template-columns:minmax(80px,1fr) max-content max-content!important; grid-template-areas:"source value arrows"!important; align-items:center!important; justify-content:stretch!important; column-gap:10px!important; row-gap:0!important; } .twmv-watch-page .twmv-watch-rating-source{ grid-area:source!important; min-width:0!important; max-width:none!important; overflow:hidden!important; color:#132c51!important; font-size:11px!important; font-weight:700!important; line-height:1.2!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-line{ display:contents!important; } .twmv-watch-page .twmv-watch-rating-value{ grid-area:value!important; display:flex!important; min-width:0!important; align-items:center!important; gap:5px!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-star{ font-size:18px!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value strong{ font-size:16px!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value small{ font-size:9.5px!important; line-height:1.15!important; } .twmv-watch-page .twmv-watch-rating-arrows{ grid-area:arrows!important; display:flex!important; align-items:center!important; justify-self:end!important; gap:6px!important; margin:0!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:29px!important; height:29px!important; min-width:29px!important; min-height:29px!important; padding:0!important; border-radius:8px!important; } .twmv-watch-page .twmv-watch-rating-arrows button svg{ width:10px!important; height:10px!important; } .twmv-watch-page .twmv-watch-list-actions{ grid-area:actions!important; min-height:86px!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; align-content:center!important; align-items:stretch!important; gap:7px!important; padding:12px 12px 12px 14px!important; border-top:0!important; border-left:1px solid #e1e7ef!important; } .twmv-watch-page .twmv-watch-list-actions::before{ display:none!important; content:none!important; } .twmv-watch-page .twmv-watch-list-action{ min-width:0!important; min-height:36px!important; padding:6px 6px!important; gap:5px!important; border-radius:8px!important; font-family:inherit!important; font-size:10.4px!important; font-weight:600!important; line-height:1.1!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-list-action svg{ width:12px!important; height:12px!important; flex:0 0 12px!important; } .twmv-watch-page .twmv-watch-list-action--compare, .twmv-watch-page .twmv-watch-list-action--compare:hover, .twmv-watch-page .twmv-watch-list-action--compare:focus{ border-color:#d7e1ed!important; background:#fff!important; color:#17365f!important; -webkit-text-fill-color:#17365f!important; } .twmv-watch-page .twmv-watch-list-action--compare.is-active, .twmv-watch-page .twmv-watch-list-action--compare.is-active:hover, .twmv-watch-page .twmv-watch-list-action--compare.is-active:focus{ border-color:#78a8ec!important; background:#edf5ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv-watch-page .twmv-watch-list-footer{ min-height:38px!important; margin-top:2px!important; padding:0 4px!important; border:0!important; background:transparent!important; font-size:10.5px!important; } .twmv-watch-page .twmv-editorial-tip{ margin-top:18px!important; margin-bottom:24px!important; padding:17px 18px!important; gap:13px!important; border-radius:13px!important; } .twmv-watch-page .twmv-editorial-tip strong{ margin-bottom:5px!important; font-size:17px!important; line-height:1.2!important; } .twmv-watch-page .twmv-editorial-tip p{ font-size:11.5px!important; line-height:1.5!important; } } @media (min-width:700px) and (max-width:767px){ .twmv-watch-page .twmv-summary{ align-items:center!important; gap:14px!important; padding:17px 19px!important; } .twmv-watch-page .twmv-summary>div:nth-child(2){ display:flex!important; flex-direction:column!important; gap:6px!important; } .twmv-watch-page .twmv-summary>div:nth-child(2)>strong{ margin:0!important; line-height:1.18!important; } .twmv-watch-page .twmv-summary>div:nth-child(2)>span{ margin:0!important; line-height:1.42!important; } .twmv-watch-page .twmv-controls, .twmv-watch-page .twmv-search-shell--watch{ overflow:visible!important; } .twmv-watch-page .twmv-search-shell--watch{ position:relative!important; z-index:220!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestions{ position:absolute!important; z-index:99992!important; top:calc(100% + 8px)!important; right:0!important; bottom:auto!important; left:0!important; width:100%!important; max-height:min(440px,58vh)!important; overflow:hidden!important; border-radius:13px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion{ grid-template-columns:46px minmax(0,1fr) 116px!important; gap:10px!important; min-height:62px!important; padding:7px 9px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__logo{ width:46px!important; height:46px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__action{ grid-column:auto!important; min-width:108px!important; padding:7px 8px!important; white-space:nowrap!important; } .twmv-watch-page .twmv-more-actions{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } .twmv-watch-page .twmv-more-actions .twmv-secondary-button, .twmv-watch-page .twmv-more-actions .twmv-primary-button{ min-height:46px!important; margin:0!important; } .twmv-watch-page .twmv-controls{margin-bottom:14px!important} .twmv-watch-page .twmv-selection-panel{margin-top:2px!important} .twmv-watch-page .twmv-watch-toolbar{margin-top:0!important} .twmv-watch-page .twmv-watch-list-body{gap:13px!important} } @media (max-width:699px){ .twmv-watch-page .twmv-summary{ grid-template-columns:52px minmax(0,1fr)!important; grid-template-areas:"icon copy"!important; align-items:center!important; column-gap:14px!important; row-gap:0!important; min-height:0!important; margin-bottom:18px!important; padding:16px!important; } .twmv-watch-page .twmv-summary-icon{ grid-area:icon!important; width:52px!important; height:52px!important; align-self:center!important; } .twmv-watch-page .twmv-summary>div:nth-child(2){ grid-area:copy!important; display:flex!important; min-width:0!important; flex-direction:column!important; gap:6px!important; } .twmv-watch-page .twmv-summary strong{ margin:0!important; font-size:18px!important; line-height:1.18!important; } .twmv-watch-page .twmv-summary>div:nth-child(2)>span{ margin:0!important; color:#314563!important; -webkit-text-fill-color:#314563!important; font-size:12px!important; line-height:1.45!important; text-wrap:pretty!important; } .twmv-watch-page .twmv-summary-tip{ display:none!important; } .twmv-watch-page .twmv-controls, .twmv-watch-page .twmv-search-shell--watch{ overflow:visible!important; } .twmv-watch-page .twmv-controls{ position:relative!important; z-index:80!important; margin-bottom:16px!important; } .twmv-watch-page .twmv-search-shell--watch{ position:relative!important; z-index:500!important; grid-column:1/-1!important; } .twmv-watch-page .twmv-search-shell--watch>.twmv-search{ min-height:48px!important; padding:0 12px!important; gap:10px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search input{ min-width:0!important; font-size:13px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestions{ position:absolute!important; z-index:99999!important; top:calc(100% + 8px)!important; right:0!important; bottom:auto!important; left:0!important; width:100%!important; max-height:min(410px,58vh)!important; overflow:hidden!important; border-radius:13px!important; box-shadow:0 18px 46px rgba(9,32,70,.18)!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestions__head{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:2px!important; padding:10px 11px 8px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestions__head strong{ font-size:13px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestions__head span{ font-size:10.5px!important; line-height:1.3!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestions__list{ max-height:min(340px,48vh)!important; padding:6px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion{ grid-template-columns:minmax(0,1fr) auto!important; gap:5px!important; width:100%!important; min-height:62px!important; padding:7px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__hit{ grid-template-columns:44px minmax(0,1fr)!important; gap:9px!important; min-width:0!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__logo-link, .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__logo{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__copy{ min-width:0!important; overflow:hidden!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__title{ font-size:13.3px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__description{ font-size:10.9px!important; } .twmv-watch-page .twmv-controls>.twmv-filter-bar{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; } .twmv-watch-page .twmv-more-filter-button{ grid-column:auto!important; } .twmv-watch-page .twmv-filter-button, .twmv-watch-page .twmv-more-filter-button{ min-height:46px!important; min-width:0!important; padding:0 11px!important; font-size:12.5px!important; line-height:1.2!important; } .twmv-watch-page .twmv-selection-panel{ margin-top:0!important; margin-bottom:16px!important; padding:14px!important; border-radius:13px!important; } .twmv-watch-page .twmv-selection-layout--watch{ grid-template-columns:1fr!important; grid-template-areas:"head" "actions" "track"!important; gap:11px!important; } .twmv-watch-page .twmv-selection-head strong{ font-size:17px!important; line-height:1.2!important; } .twmv-watch-page .twmv-selection-head span{ margin-top:5px!important; font-size:11.5px!important; line-height:1.35!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; width:100%!important; min-width:0!important; gap:8px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-secondary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions a.twmv-primary-button{ min-height:43px!important; padding:7px 7px!important; font-size:11px!important; font-weight:600!important; line-height:1.15!important; white-space:nowrap!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chips{ gap:8px!important; margin:0!important; padding:0 0 5px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{ flex:0 0 170px!important; grid-template-columns:38px minmax(0,1fr) 30px!important; min-height:56px!important; gap:7px!important; padding:7px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-logo{ width:38px!important; height:38px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-title{ font-size:12px!important; line-height:1.15!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-taxonomy{ font-size:9.5px!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-toolbar{ grid-template-columns:1fr!important; gap:9px!important; margin-bottom:14px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search{ min-height:48px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; align-items:center!important; gap:8px!important; width:100%!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-label{ display:block!important; margin:0!important; font-size:11.5px!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort{ width:100%!important; min-width:0!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort .twmv-custom-select__button{ min-height:48px!important; padding:0 13px!important; font-size:12px!important; } .twmv-watch-page .twmv-watch-list-row{ grid-template-columns:1fr!important; grid-template-areas:"tool" "price" "rating" "actions"!important; border-radius:12px!important; } .twmv-watch-page .twmv-watch-list-tool, .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ padding:13px!important; border-left:0!important; } .twmv-watch-page .twmv-watch-list-tool{ grid-template-columns:56px minmax(0,1fr)!important; gap:11px!important; padding-bottom:12px!important; } .twmv-watch-page .twmv-watch-list-logo{ width:56px!important; height:56px!important; padding:6px!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ margin:0 0 7px!important; font-size:17px!important; line-height:1.18!important; } .twmv-watch-page .twmv-watch-list-chips{ gap:6px!important; } .twmv-watch-page .twmv-watch-list-chips span, .twmv-watch-page .twmv-watch-list-chips a{ min-height:22px!important; padding:4px 7px!important; font-size:9.5px!important; line-height:1.15!important; } .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ border-top:1px solid #e7edf4!important; } .twmv-watch-page .twmv-watch-list-price{ gap:5px!important; } .twmv-watch-page .twmv-watch-list-price::before, .twmv-watch-page .twmv-watch-list-rating::before, .twmv-watch-page .twmv-watch-list-actions::before{ margin-bottom:7px!important; font-size:9px!important; letter-spacing:.055em!important; } .twmv-watch-page .twmv-watch-list-price strong{ font-size:16px!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-list-price span{ line-height:1.4!important; } .twmv-watch-page .twmv-watch-rating-cell{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"source arrows" "value arrows"!important; align-items:center!important; gap:7px 12px!important; } .twmv-watch-page .twmv-watch-rating-source{ grid-area:source!important; font-size:11.5px!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-rating-value{ grid-area:value!important; gap:6px!important; } .twmv-watch-page .twmv-watch-rating-value strong{ font-size:17px!important; } .twmv-watch-page .twmv-watch-rating-value small{ font-size:10px!important; } .twmv-watch-page .twmv-watch-rating-arrows{ grid-area:arrows!important; align-self:center!important; gap:6px!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; padding:0!important; } .twmv-watch-page .twmv-watch-list-actions{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; } .twmv-watch-page .twmv-watch-list-action{ min-width:0!important; min-height:40px!important; padding:7px 5px!important; font-size:10.5px!important; line-height:1.15!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-list-footer{ min-height:38px!important; padding:8px 12px!important; font-size:10px!important; } .twmv-watch-page .twmv-editorial-tip{ margin-top:16px!important; margin-bottom:22px!important; padding:15px!important; gap:11px!important; border-radius:12px!important; } .twmv-watch-page .twmv-editorial-tip strong{ margin-bottom:5px!important; font-size:16px!important; line-height:1.2!important; } .twmv-watch-page .twmv-editorial-tip p{ font-size:11px!important; line-height:1.5!important; } } @media (max-width:699px){ .twmv-watch-page .twmv-summary, .twmv-watch-page .twmv-controls, .twmv-watch-page .twmv-selection-panel, .twmv-watch-page .twmv-watch-toolbar, .twmv-watch-page .twmv-watch-list-shell, .twmv-watch-page .twmv-editorial-tip{ scroll-margin-top:14px; } .twmv-watch-page .twmv-summary{ grid-template-columns:50px minmax(0,1fr)!important; column-gap:13px!important; margin-bottom:17px!important; padding:15px 14px!important; border-radius:13px!important; } .twmv-watch-page .twmv-summary-icon{ width:50px!important; height:50px!important; } .twmv-watch-page .twmv-summary>div:nth-child(2){ gap:7px!important; } .twmv-watch-page .twmv-summary strong{ font-size:18px!important; line-height:1.16!important; letter-spacing:-.01em!important; } .twmv-watch-page .twmv-summary>div:nth-child(2)>span{ max-width:100%!important; font-size:12px!important; line-height:1.45!important; } .twmv-watch-page .twmv-controls{ gap:10px!important; margin-bottom:16px!important; } .twmv-watch-page .twmv-search-shell--watch>.twmv-search{ min-height:49px!important; padding-inline:12px!important; border-radius:11px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search input{ font-size:12.5px!important; line-height:1.35!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestions{ top:calc(100% + 7px)!important; border-radius:12px!important; } .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion{ min-height:58px!important; } .twmv-watch-page .twmv-controls>.twmv-filter-bar{ gap:9px!important; } .twmv-watch-page .twmv-filter-button, .twmv-watch-page .twmv-more-filter-button{ min-height:47px!important; padding:0 11px!important; border-radius:10px!important; font-size:12.5px!important; font-weight:500!important; } .twmv-watch-page .twmv-selection-panel{ margin-bottom:16px!important; padding:14px!important; border-radius:13px!important; } .twmv-watch-page .twmv-selection-layout--watch{ gap:12px!important; } .twmv-watch-page .twmv-selection-head strong{ font-size:17.5px!important; line-height:1.18!important; } .twmv-watch-page .twmv-selection-head span{ margin-top:6px!important; color:#687a96!important; font-size:11.5px!important; line-height:1.4!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions{ gap:8px!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-secondary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions a.twmv-primary-button{ min-height:44px!important; padding-inline:7px!important; border-radius:9px!important; font-size:10.75px!important; font-weight:650!important; letter-spacing:0!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chips{ gap:8px!important; padding:1px 0 6px!important; scrollbar-width:thin!important; scrollbar-color:#a8beda #edf3f9!important; } .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{ flex-basis:168px!important; min-height:58px!important; border-radius:10px!important; } .twmv-watch-page .twmv-watch-toolbar{ gap:10px!important; margin-bottom:15px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search, .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort .twmv-custom-select__button{ min-height:49px!important; border-radius:11px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ grid-template-columns:auto minmax(0,1fr)!important; gap:9px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-label{ color:#667994!important; font-size:11.5px!important; font-weight:500!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort .twmv-custom-select__button{ padding-inline:13px!important; font-size:12px!important; font-weight:700!important; } .twmv-watch-page .twmv-watch-list-body{ display:grid!important; row-gap:14px!important; column-gap:0!important; } .twmv-watch-page .twmv-watch-list-row{ margin:0!important; } .twmv-watch-page .twmv-watch-list-row, .twmv-watch-page .twmv-watch-list-row:last-child, .twmv-watch-page .twmv-watch-list-row:hover{ position:relative!important; overflow:hidden!important; border:1px solid #dce5f0!important; border-radius:13px!important; background:#fff!important; box-shadow:0 4px 14px rgba(19,45,84,.025)!important; transform:none!important; } .twmv-watch-page .twmv-watch-list-row::before{ display:none!important; content:""!important; } .twmv-watch-page .twmv-watch-list-row.is-selected::before{ display:block!important; position:absolute!important; z-index:4!important; top:-1px!important; bottom:-1px!important; left:-1px!important; width:4px!important; border-radius:13px 0 0 13px!important; background:#1b6ff3!important; content:""!important; pointer-events:none!important; } .twmv-watch-page .twmv-watch-list-tool{ grid-template-columns:58px minmax(0,1fr)!important; gap:11px!important; padding:14px 13px 13px 15px!important; } .twmv-watch-page .twmv-watch-list-logo{ width:58px!important; height:58px!important; padding:6px!important; border-radius:11px!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ margin:0 0 8px!important; font-size:17.5px!important; line-height:1.16!important; letter-spacing:-.012em!important; } .twmv-watch-page .twmv-watch-list-chips{ gap:6px!important; } .twmv-watch-page .twmv-watch-list-chips span, .twmv-watch-page .twmv-watch-list-chips a{ min-height:22px!important; padding:4px 7px!important; border-radius:999px!important; font-size:9.5px!important; line-height:1.15!important; } .twmv-watch-page .twmv-watch-list-price{ gap:5px!important; padding:12px 14px 13px 15px!important; border-top:1px solid #e7edf4!important; } .twmv-watch-page .twmv-watch-list-price::before{ margin-bottom:5px!important; color:#17243b!important; -webkit-text-fill-color:#17243b!important; font-size:9.5px!important; font-weight:850!important; letter-spacing:.065em!important; opacity:1!important; } .twmv-watch-page .twmv-watch-list-price strong{ color:#0b2245!important; -webkit-text-fill-color:#0b2245!important; font-size:17px!important; font-weight:800!important; line-height:1.18!important; opacity:1!important; } .twmv-watch-page .twmv-watch-list-price span{ color:#405675!important; -webkit-text-fill-color:#405675!important; font-size:11px!important; font-weight:600!important; line-height:1.4!important; opacity:1!important; } .twmv-watch-page .twmv-watch-list-rating{ padding:12px 14px 13px 15px!important; border-top:1px solid #e7edf4!important; } .twmv-watch-page .twmv-watch-list-rating::before{ margin-bottom:7px!important; color:#637792!important; font-size:9.5px!important; font-weight:800!important; letter-spacing:.065em!important; } .twmv-watch-page .twmv-watch-rating-cell{ grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"source arrows" "value arrows"!important; align-items:center!important; gap:7px 13px!important; } .twmv-watch-page .twmv-watch-rating-source{ align-self:end!important; font-size:11.5px!important; font-weight:700!important; line-height:1.25!important; } .twmv-watch-page .twmv-watch-rating-value{ min-width:0!important; gap:6px!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-star{ font-size:17px!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value strong{ font-size:18px!important; line-height:1!important; } .twmv-watch-page .twmv-watch-rating-value small{ color:#6f819c!important; font-size:10px!important; line-height:1.2!important; } .twmv-watch-page .twmv-watch-rating-arrows{ align-self:center!important; gap:6px!important; } .twmv-watch-page .twmv-watch-rating-arrows button{ width:31px!important; height:31px!important; min-width:31px!important; min-height:31px!important; border-radius:8px!important; } .twmv-watch-page .twmv-watch-rating-arrows button svg{ width:14px!important; height:14px!important; } .twmv-watch-page .twmv-watch-list-actions{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; padding:11px 13px 13px 15px!important; border-top:1px solid #e7edf4!important; } .twmv-watch-page .twmv-watch-list-actions::before{ display:none!important; content:none!important; } .twmv-watch-page .twmv-watch-list-action{ min-height:42px!important; padding:7px 5px!important; border-radius:9px!important; font-size:10.5px!important; font-weight:600!important; line-height:1.15!important; } .twmv-watch-page .twmv-watch-list-action svg{ width:14px!important; height:14px!important; flex:0 0 14px!important; } .twmv-watch-page .twmv-watch-list-action--compare:not(.is-active){ border-color:#d7e1ed!important; background:#fff!important; color:#17325c!important; -webkit-text-fill-color:#17325c!important; } .twmv-watch-page .twmv-watch-list-action--compare.is-active{ border-color:#8fb9ee!important; background:#eef6ff!important; color:#075bd7!important; -webkit-text-fill-color:#075bd7!important; } .twmv-watch-page .twmv-watch-list-footer{ min-height:38px!important; padding:9px 12px!important; color:#687b97!important; font-size:10px!important; line-height:1.35!important; } .twmv-watch-page .twmv-editorial-tip{ margin-top:16px!important; margin-bottom:22px!important; padding:15px 14px!important; gap:10px!important; border-radius:12px!important; } .twmv-watch-page .twmv-editorial-tip strong{ margin-bottom:5px!important; font-size:16px!important; line-height:1.18!important; } .twmv-watch-page .twmv-editorial-tip p{ font-size:11px!important; line-height:1.5!important; text-wrap:pretty!important; } } @media (max-width:390px){ .twmv-watch-page .twmv-summary{ grid-template-columns:48px minmax(0,1fr)!important; column-gap:12px!important; padding:14px 13px!important; } .twmv-watch-page .twmv-summary-icon{width:48px!important;height:48px!important} .twmv-watch-page .twmv-summary strong{font-size:17.5px!important} .twmv-watch-page .twmv-summary>div:nth-child(2)>span{font-size:11.5px!important} .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions .twmv-secondary-button, .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-actions a.twmv-primary-button{font-size:10.25px!important} .twmv-watch-page .twmv-selection-layout--watch .twmv-selection-chip{flex-basis:164px!important} .twmv-watch-page .twmv-watch-list-tool{grid-template-columns:56px minmax(0,1fr)!important;gap:10px!important;padding-inline:14px 12px!important} .twmv-watch-page .twmv-watch-list-logo{width:56px!important;height:56px!important} .twmv-watch-page .twmv-watch-list-tool-copy h2{font-size:17px!important} .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating{padding-inline:14px 12px!important} .twmv-watch-page .twmv-watch-list-actions{padding-inline:14px 12px!important} } @media (max-width:699px){ .twmv-watch-page .twmv-summary>div:nth-child(2)>span, .twmv-watch-page .twmv-title-block p, .twmv-watch-page .twmv-editorial-tip p{ text-wrap:balance!important; } .twmv-watch-page .twmv-summary>div:nth-child(2){ display:flex!important; min-width:0!important; flex-direction:column!important; justify-content:center!important; gap:8px!important; } .twmv-watch-page .twmv-summary>div:nth-child(2)>span{ width:100%!important; max-width:31ch!important; margin:0!important; } .twmv-watch-page .twmv-watch-toolbar{ display:grid!important; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important; align-items:stretch!important; gap:10px!important; margin-top:0!important; margin-bottom:16px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search, .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ min-width:0!important; width:100%!important; margin:0!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search, .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort .twmv-custom-select__button{ width:100%!important; min-width:0!important; min-height:49px!important; border:1px solid #d9e3ee!important; border-radius:11px!important; background:#fff!important; box-shadow:none!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search input{ min-width:0!important; font-size:11.5px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; align-items:center!important; gap:6px!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-sort-label{ margin:0!important; font-size:10.25px!important; line-height:1.2!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort{ min-width:0!important; width:100%!important; } .twmv-watch-page .twmv-watch-toolbar .twmv-custom-select--sort .twmv-custom-select__button{ padding-inline:9px!important; font-size:11px!important; font-weight:650!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-list-body{ row-gap:16px!important; } .twmv-watch-page .twmv-watch-list-row, .twmv-watch-page .twmv-watch-list-row:last-child, .twmv-watch-page .twmv-watch-list-row:hover, .twmv-watch-page .twmv-watch-list-row.is-selected{ overflow:hidden!important; border:1px solid #d9e3ee!important; border-radius:13px!important; background:#fff!important; box-shadow:none!important; outline:0!important; } .twmv-watch-page .twmv-watch-list-row::before, .twmv-watch-page .twmv-watch-list-row.is-selected::before{ display:none!important; width:0!important; background:transparent!important; content:none!important; } .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions, .twmv-watch-page .twmv-watch-list-footer{ border-top:1px solid #e2e9f2!important; } .twmv-watch-page .twmv-watch-list-tool{ border-top:0!important; } .twmv-watch-page .twmv-watch-list-footer{ background:#fbfcfe!important; } .twmv-watch-page .twmv-watch-list-tool, .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ padding-left:15px!important; padding-right:15px!important; } } @media (max-width:339px){ .twmv-watch-page .twmv-watch-toolbar{ grid-template-columns:1fr!important; gap:9px!important; } } @media (max-width:699px){ .twmv-watch-page .twmv-watch-list-shell{ overflow:visible!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .twmv-watch-page .twmv-watch-list-row, .twmv-watch-page .twmv-watch-list-row:last-child, .twmv-watch-page .twmv-watch-list-row:hover, .twmv-watch-page .twmv-watch-list-row.is-selected{ border:1px solid #d9e3ee!important; border-radius:13px!important; background:#fff!important; box-shadow:none!important; } .twmv-watch-page .twmv-watch-list-row::before, .twmv-watch-page .twmv-watch-list-row.is-selected::before{ display:none!important; content:none!important; } .twmv-watch-page .twmv-watch-list-price, .twmv-watch-page .twmv-watch-list-rating, .twmv-watch-page .twmv-watch-list-actions{ border-top:1px solid #d9e3ee!important; } .twmv-watch-page .twmv-watch-list-footer{ border-top:0!important; background:transparent!important; } } .twmv-compare-page .twmv-overview-text, .twmv-compare-page .twmv-text-preview__short, .twmv-compare-page .twmv-text-preview__full{ white-space:pre-wrap; } .twmv-compare-page .twmv-compare-sticky{ display:none!important; } @media (max-width:1179px){ .twmv-compare-page .twmv-title-block{ margin-bottom:22px!important; } .twmv-compare-page .twmv-title-block p{ max-width:72ch!important; text-wrap:pretty!important; } .twmv-compare-page .twmv-compare-controls{ gap:11px!important; margin-bottom:16px!important; } .twmv-compare-page .twmv-search, .twmv-compare-page .twmv-add-tool-top{ min-height:50px!important; } .twmv-compare-page .twmv-add-tool-top, .twmv-compare-page .twmv-compare-summary .twmv-primary-button{ font-family:inherit!important; font-size:13px!important; font-weight:600!important; line-height:1.2!important; } .twmv-compare-page .twmv-search-shell{ position:relative!important; z-index:90!important; overflow:visible!important; } .twmv-compare-page .twmv-search-suggestions{ position:absolute!important; z-index:120!important; top:calc(100% + 7px)!important; right:auto!important; bottom:auto!important; left:0!important; width:100%!important; max-height:max(220px,min(500px,calc(100dvh - 250px)))!important; overflow:hidden!important; } .twmv-compare-page .twmv-search-suggestions__list{ max-height:max(150px,min(420px,calc(100dvh - 332px)))!important; overscroll-behavior:contain!important; } .twmv-compare-page .twmv-search{ padding-right:58px!important; } .twmv-compare-page .twmv-search [data-twmv-search-clear]{ position:absolute!important; top:50%!important; right:8px!important; box-sizing:border-box!important; display:flex!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; margin:0!important; padding:0!important; align-items:center!important; justify-content:center!important; transform:translateY(-50%)!important; border:1px solid #d9e3ee!important; border-radius:10px!important; background:#fff!important; color:#17365f!important; line-height:1!important; box-shadow:none!important; } .twmv-compare-page .twmv-search [data-twmv-search-clear][hidden]{display:none!important} .twmv-compare-page .twmv-search [data-twmv-search-clear] svg{ display:block!important; width:18px!important; height:18px!important; color:#17365f!important; stroke:currentColor!important; stroke-width:2.35!important; } .twmv-compare-page .twmv-filter-button, .twmv-compare-page .twmv-more-filter-button{ min-height:48px!important; font-family:inherit!important; font-weight:600!important; } .twmv-compare-page .twmv-filter-button .twmv-chevron, .twmv-compare-page .twmv-more-filter-button .twmv-chevron{ display:flex!important; min-width:20px!important; align-items:center!important; justify-content:center!important; } .twmv-compare-page .twmv-filter-button .twmv-chevron svg, .twmv-compare-page .twmv-more-filter-button .twmv-chevron svg{ width:18px!important; height:18px!important; stroke-width:2.2!important; } .twmv-compare-page .twmv-compare-toolbar{ box-sizing:border-box!important; width:100%!important; margin:4px 0 18px!important; padding:14px!important; gap:12px!important; border-color:#d8e3ef!important; border-radius:13px!important; background:#fbfdff!important; box-shadow:none!important; } .twmv-compare-page .twmv-compare-toolbar__copy{ gap:4px!important; } .twmv-compare-page .twmv-compare-toolbar__copy strong{ font-size:17px!important; font-weight:750!important; line-height:1.2!important; } .twmv-compare-page .twmv-compare-toolbar__copy span{ font-size:12.5px!important; line-height:1.45!important; } .twmv-compare-page .twmv-view-switch{ flex:0 0 auto!important; flex-basis:auto!important; align-self:auto!important; height:auto!important; min-height:0!important; border-color:#ccd9e8!important; border-radius:10px!important; box-shadow:none!important; } .twmv-compare-page .twmv-view-switch button{ height:auto!important; min-height:52px!important; padding:8px 12px!important; gap:8px!important; font-family:inherit!important; } .twmv-compare-page .twmv-view-switch__icon{ flex:0 0 20px!important; } .twmv-compare-page .twmv-view-switch__icon svg{ width:20px!important; height:20px!important; } .twmv-compare-page .twmv-view-switch__copy strong{ font-size:13px!important; font-weight:650!important; line-height:1.2!important; } .twmv-compare-page .twmv-view-switch__copy small{ margin-top:2px!important; font-size:10.5px!important; font-weight:500!important; } .twmv-compare-page .twmv-compare-summary{ border-color:#d8e2ed!important; border-radius:13px!important; background:#fff!important; box-shadow:none!important; } .twmv-compare-page .twmv-compare-summary>div{ scroll-snap-type:x proximity!important; scrollbar-width:thin!important; } .twmv-compare-page .twmv-compare-summary>div>button{ scroll-snap-align:start!important; border-color:#d9e3ee!important; border-radius:10px!important; box-shadow:none!important; } .twmv-compare-page .twmv-summary-tool-logo{ box-sizing:border-box!important; padding:4px!important; border:1px solid #e0e7f0!important; border-radius:9px!important; background:#fff!important; } .twmv-compare-page .twmv-summary-tool-logo img, .twmv-compare-page .twmv-compare-logo img{ display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; } .twmv-compare-page .twmv-compare-block{ isolation:isolate!important; } .twmv-compare-page .twmv-compare-scroll{ box-sizing:border-box!important; overflow-x:auto!important; overflow-y:hidden!important; overscroll-behavior-inline:contain!important; -webkit-overflow-scrolling:touch!important; } .twmv-compare-page .twmv-compare-table{ border:1px solid #d7e1ec!important; border-radius:13px!important; overflow:clip!important; background:#fff!important; box-shadow:none!important; } .twmv-compare-page .twmv-compare-row--head .twmv-compare-label{border-top-left-radius:12px!important} .twmv-compare-page .twmv-compare-row--head .twmv-compare-head:last-child{border-top-right-radius:12px!important} .twmv-compare-page .twmv-compare-row:last-child .twmv-compare-label{border-bottom-left-radius:12px!important} .twmv-compare-page .twmv-compare-row:last-child .twmv-compare-cell:last-child{border-bottom-right-radius:12px!important} .twmv-compare-page .twmv-compare-row{ border-top:0!important; } .twmv-compare-page .twmv-compare-row:not(:first-child) > .twmv-compare-label, .twmv-compare-page .twmv-compare-row:not(:first-child) > .twmv-compare-cell, .twmv-compare-page .twmv-compare-row:not(:first-child) > .twmv-compare-head{ border-top:1px solid #dfe6ef!important; } .twmv-compare-page .twmv-compare-label, .twmv-compare-page .twmv-compare-cell, .twmv-compare-page .twmv-compare-head{ box-sizing:border-box!important; border-left:1px solid #dfe6ef!important; } .twmv-compare-page .twmv-compare-label{ display:flex!important; align-items:flex-start!important; border-left:0!important; background:#fbfcfe!important; box-shadow:none!important; word-break:normal!important; overflow-wrap:normal!important; hyphens:auto!important; } .twmv-compare-page .twmv-compare-label[data-row="price"], .twmv-compare-page .twmv-compare-label[data-row="priceLevel"], .twmv-compare-page .twmv-compare-label[data-row="trial"], .twmv-compare-page .twmv-compare-label[data-row="difficulty"], .twmv-compare-page .twmv-compare-label[data-row="provider"], .twmv-compare-page .twmv-compare-label[data-row="founded"], .twmv-compare-page .twmv-compare-label[data-row="hq"], .twmv-compare-page .twmv-compare-label[data-row="updated"], .twmv-compare-page .twmv-compare-cell[data-row="price"], .twmv-compare-page .twmv-compare-cell[data-row="priceLevel"], .twmv-compare-page .twmv-compare-cell[data-row="trial"], .twmv-compare-page .twmv-compare-cell[data-row="difficulty"], .twmv-compare-page .twmv-compare-cell[data-row="provider"], .twmv-compare-page .twmv-compare-cell[data-row="founded"], .twmv-compare-page .twmv-compare-cell[data-row="hq"], .twmv-compare-page .twmv-compare-cell[data-row="updated"]{ align-items:center!important; } .twmv-compare-page .twmv-compare-row--head .twmv-compare-label{ align-items:flex-start!important; } .twmv-compare-page .twmv-compare-cell{ overflow:hidden!important; color:#425a7d!important; text-wrap:pretty!important; } .twmv-compare-page .twmv-overview-text, .twmv-compare-page .twmv-text-preview__short, .twmv-compare-page .twmv-text-preview__full{ white-space:pre-wrap!important; } .twmv-compare-page .twmv-compare-logo{ box-sizing:border-box!important; border-color:#dfe7f1!important; background:#fff!important; } .twmv-compare-page .twmv-compare-remove{ border:1px solid #d8e2ed!important; border-radius:10px!important; background:#fff!important; box-shadow:none!important; } .twmv-compare-page .twmv-position-control{ box-sizing:border-box!important; border-color:#dce5ef!important; border-radius:9px!important; background:#f8fbff!important; } .twmv-compare-page .twmv-position-control input{ box-sizing:border-box!important; width:76px!important; min-width:76px!important; max-width:76px!important; padding-left:10px!important; padding-right:30px!important; text-align:left!important; } .twmv-compare-page .twmv-provider-button{ box-sizing:border-box!important; border-radius:9px!important; font-weight:600!important; box-shadow:none!important; } .twmv-compare-page .twmv-inline-toggle[hidden], .twmv-compare-page .twmv-token-more[hidden], .twmv-compare-page button[data-twmv-expand-list][hidden], .twmv-compare-page button[data-twmv-expand-text][hidden]{ display:none!important; } .twmv-compare-page .twmv-inline-toggle, .twmv-compare-page .twmv-token-more{ font-family:inherit!important; font-weight:600!important; box-shadow:none!important; } .twmv-compare-page .twmv-expandable-list.is-expanded .twmv-value-list, .twmv-compare-page .twmv-text-preview.is-expanded .twmv-overview-text{ max-height:none!important; overflow:visible!important; padding-right:0!important; } .twmv-compare-page .twmv-value-list{ gap:9px!important; } .twmv-compare-page .twmv-value-list li{ padding-left:19px!important; } .twmv-compare-page .twmv-token-list__scroll{ gap:7px 6px!important; } .twmv-compare-page .twmv-token{ box-sizing:border-box!important; max-width:100%!important; padding:6px 9px!important; border-radius:999px!important; line-height:1.25!important; white-space:normal!important; } .twmv-compare-page .twmv-rating-cell{ justify-items:start!important; gap:10px!important; text-align:left!important; } .twmv-compare-page .twmv-rating-source{ justify-content:flex-start!important; min-height:0!important; color:#233b60!important; font-weight:700!important; text-align:left!important; } .twmv-compare-page .twmv-rating-controls{ width:100%!important; justify-items:start!important; justify-content:start!important; gap:10px!important; } .twmv-compare-page .twmv-rating-arrows{ gap:8px!important; } .twmv-compare-page .twmv-rating-arrows button{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; border:1px solid #d5dfeb!important; border-radius:8px!important; background:#fff!important; color:#17365f!important; opacity:1!important; box-shadow:none!important; } .twmv-compare-page .twmv-rating-arrows button::after{ position:absolute!important; inset:-4px!important; content:""!important; } .twmv-compare-page .twmv-rating-arrows button::before{display:none!important} .twmv-compare-page .twmv-rating-arrows button svg{ display:block!important; width:19px!important; height:19px!important; flex:0 0 19px!important; overflow:visible!important; fill:none!important; stroke:currentColor!important; stroke-width:2.35!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .twmv-compare-page .twmv-rating-arrows button svg path{ fill:none!important; stroke:currentColor!important; } .twmv-compare-page .twmv-rating-arrows button:disabled{ color:#17365f!important; opacity:1!important; } .twmv-compare-page .twmv-rating-value{ justify-content:flex-start!important; gap:6px!important; text-align:left!important; } .twmv-compare-page .twmv-block-arrow{ z-index:25!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; border:1px solid #d7e1ec!important; border-radius:50%!important; background:#fff!important; color:#17365f!important; opacity:1!important; box-shadow:0 4px 14px rgba(13,42,82,.09)!important; } .twmv-compare-page .twmv-block-arrow::before, .twmv-compare-page .twmv-block-arrow::after{display:none!important} .twmv-compare-page .twmv-block-arrow svg{ display:block!important; width:19px!important; height:19px!important; flex:0 0 19px!important; margin:0!important; overflow:visible!important; fill:none!important; stroke:currentColor!important; stroke-width:2.25!important; stroke-linecap:round!important; stroke-linejoin:round!important; transform:none!important; } .twmv-compare-page .twmv-block-arrow svg path{ fill:none!important; stroke:currentColor!important; } .twmv-compare-page .twmv-block-arrow:disabled{ color:#17365f!important; opacity:.42!important; cursor:default!important; pointer-events:none!important; } .twmv-compare-page .twmv-block-arrow.is-sticky-active{ position:fixed!important; top:var(--twmv-arrow-top)!important; right:auto!important; left:var(--twmv-arrow-left)!important; margin:0!important; } .twmv-compare-page .twmv-additional-title{ color:#0a1d3a!important; font-weight:750!important; line-height:1.2!important; } .twmv-compare-page .twmv-compare-output>.twmv-compare-block:last-child, .twmv-compare-page .twmv-compare-output>.twmv-compare-block:last-of-type{ margin-bottom:0!important; } .twmv-compare-page .twmv-compare-closing{ display:flow-root!important; } .twmv-compare-page .twmv-editorial-copy--desktop{display:none!important} .twmv-compare-page .twmv-editorial-copy--tablet{display:block!important} .twmv-compare-page .twmv-editorial-copy--mobile{display:none!important} .twmv-compare-page .twmv-editorial-note{ box-sizing:border-box!important; margin:0!important; border-color:#d8e2ed!important; border-radius:13px!important; background:#fbfdff!important; box-shadow:none!important; } .twmv-compare-page .twmv-editorial-note strong{ color:#071735!important; font-weight:750!important; } .twmv-compare-page .twmv-editorial-note p{ color:#526985!important; text-wrap:pretty!important; } } @media (min-width:768px) and (max-width:900px){ .twmv-compare-page{ --twmv-table-inner:min(calc(100vw - 28px),860px); --twmv-table-label:140px; --twmv-table-tool:min(calc(50vw - 85px),359px); } } @media (min-width:901px) and (max-width:999px){ .twmv-compare-page{ --twmv-table-inner:min(calc(100vw - 34px),1120px); --twmv-table-label:146px; --twmv-table-tool:calc(50vw - 91px); } } @media (min-width:1000px) and (max-width:1179px){ .twmv-compare-page{ --twmv-table-inner:min(calc(100vw - 34px),1120px); --twmv-table-label:154px; --twmv-table-tool:min(calc(33.333vw - 62.67px),321.33px); } } @media (min-width:768px) and (max-width:1179px){ .twmv-compare-page .twmv-compare-toolbar{ flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; } .twmv-compare-page .twmv-compare-toolbar__copy{ flex:1 1 auto!important; } .twmv-compare-page .twmv-view-switch{ width:min(440px,52%)!important; min-width:360px!important; } .twmv-compare-page .twmv-compare-summary{ padding:16px!important; gap:13px 14px!important; } .twmv-compare-page .twmv-compare-summary>div>button{ min-height:58px!important; } .twmv-compare-page .twmv-compare-summary .twmv-primary-button{ min-height:46px!important; font-size:13px!important; } .twmv-compare-page .twmv-compare-scroll{ scroll-snap-type:x mandatory!important; scroll-padding-left:var(--twmv-table-label)!important; padding:0 0 10px!important; scrollbar-width:thin!important; } .twmv-compare-page .twmv-compare-table{ width:max-content!important; min-width:var(--twmv-table-inner)!important; } .twmv-compare-page .twmv-compare-row{ grid-template-columns:var(--twmv-table-label) repeat(4,var(--twmv-table-tool))!important; width:max-content!important; min-width:0!important; } .twmv-compare-page .twmv-compare-head{ scroll-snap-align:start!important; scroll-margin-left:var(--twmv-table-label)!important; min-height:194px!important; padding:16px!important; } .twmv-compare-page .twmv-compare-label, .twmv-compare-page .twmv-compare-cell{ padding:15px!important; } .twmv-compare-page .twmv-compare-label{ font-size:12.5px!important; line-height:1.28!important; } .twmv-compare-page .twmv-compare-cell{ font-size:14px!important; line-height:1.5!important; } .twmv-compare-page .twmv-compare-brand{ grid-template-columns:56px minmax(0,1fr)!important; gap:10px!important; padding-right:36px!important; } .twmv-compare-page .twmv-compare-logo{ width:56px!important; height:56px!important; padding:7px!important; } .twmv-compare-page .twmv-compare-brand h3{ font-size:17px!important; } .twmv-compare-page .twmv-rating-arrows button{ width:36px!important; height:31px!important; min-width:36px!important; min-height:31px!important; } .twmv-compare-page .twmv-block-arrow{ top:78px!important; width:40px!important; height:40px!important; } .twmv-compare-page .twmv-block-arrow--left{left:-11px!important} .twmv-compare-page .twmv-block-arrow--right{right:-11px!important} .twmv-compare-page .twmv-expandable-list.has-more .twmv-expandable-list__scroll{ height:240px!important; max-height:240px!important; overflow:hidden!important; } .twmv-compare-page .twmv-expandable-list.has-more.is-expanded .twmv-expandable-list__scroll{ max-height:240px!important; overflow:auto!important; padding-bottom:14px!important; scroll-padding-bottom:14px!important; } .twmv-compare-page .twmv-text-preview.has-more .twmv-text-preview__scroll{ height:235px!important; max-height:235px!important; overflow:hidden!important; } .twmv-compare-page .twmv-text-preview.has-more.is-expanded .twmv-text-preview__scroll{ max-height:235px!important; overflow:auto!important; padding-bottom:14px!important; scroll-padding-bottom:14px!important; } .twmv-compare-page .twmv-token-set.has-more .twmv-token-list__scroll{ height:132px!important; max-height:132px!important; overflow:hidden!important; } .twmv-compare-page .twmv-token-set.has-more.is-expanded .twmv-token-list__scroll{ max-height:132px!important; overflow:auto!important; padding-bottom:12px!important; scroll-padding-bottom:12px!important; } .twmv-compare-page .twmv-compare-closing{ padding:24px 0!important; } .twmv-compare-page .twmv-editorial-note{ grid-template-columns:48px minmax(0,1fr)!important; gap:14px!important; padding:20px!important; } } @media (max-width:767px){ .twmv-compare-page{ --twmv-mobile-inner:calc(100vw - 20px); --twmv-mobile-label:clamp(90px,26vw,102px); --twmv-mobile-tool:calc(var(--twmv-mobile-inner) - var(--twmv-mobile-label) - 2px); width:calc(100% - 20px)!important; font-size:14px!important; } .twmv-compare-page .twmv-breadcrumb{ margin:14px 0 17px!important; } .twmv-compare-page .twmv-title-block{ gap:0!important; margin-bottom:20px!important; } .twmv-compare-page .twmv-title-block h1{ margin:0 0 10px!important; font-size:34px!important; line-height:1.05!important; letter-spacing:-.035em!important; } .twmv-compare-page .twmv-title-block p{ margin:0!important; font-size:14px!important; line-height:1.55!important; } .twmv-compare-page .twmv-compare-controls{ grid-template-columns:1fr!important; gap:10px!important; } .twmv-compare-page .twmv-search{ min-height:48px!important; padding:0 13px!important; } .twmv-compare-page .twmv-search input{ font-size:13px!important; } .twmv-compare-page .twmv-add-tool-top{ min-height:48px!important; font-size:13px!important; font-weight:600!important; } .twmv-compare-page .twmv-compare-controls>.twmv-filter-bar{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; } .twmv-compare-page .twmv-more-filter-button{ grid-column:auto!important; } .twmv-compare-page .twmv-filter-button, .twmv-compare-page .twmv-more-filter-button{ min-height:46px!important; padding:6px 11px!important; font-size:12.5px!important; } .twmv-compare-page .twmv-search-suggestion{ row-gap:12px!important; padding:10px 11px 12px!important; } .twmv-compare-page .twmv-search-suggestion__action{ min-height:36px!important; margin-top:1px!important; } .twmv-compare-page .twmv-compare-toolbar{ flex-direction:column!important; align-items:stretch!important; padding:13px!important; gap:11px!important; } .twmv-compare-page .twmv-compare-toolbar__copy strong{ font-size:16px!important; } .twmv-compare-page .twmv-compare-toolbar__copy span{ font-size:11.5px!important; } .twmv-compare-page .twmv-view-switch{ width:100%!important; min-width:0!important; flex:0 0 auto!important; flex-basis:auto!important; } .twmv-compare-page .twmv-view-switch button{ min-height:50px!important; padding:7px 8px!important; } .twmv-compare-page .twmv-view-switch__copy strong{ font-size:11.5px!important; white-space:normal!important; text-align:left!important; } .twmv-compare-page .twmv-view-switch__copy small{ display:none!important; } .twmv-compare-page .twmv-compare-summary{ grid-template-columns:1fr!important; grid-template-areas:"title" "tools" "add"!important; gap:10px!important; margin-bottom:18px!important; padding:13px!important; } .twmv-compare-page .twmv-compare-summary>strong{ font-size:16px!important; font-weight:700!important; } .twmv-compare-page .twmv-compare-summary>div{ display:flex!important; width:100%!important; gap:8px!important; overflow-x:auto!important; overflow-y:hidden!important; padding:1px 0 8px!important; } .twmv-compare-page .twmv-compare-summary>div>button{ grid-template-columns:28px 40px minmax(92px,1fr) 30px!important; flex:0 0 min(248px,82vw)!important; min-width:0!important; min-height:58px!important; gap:7px!important; padding:6px 7px!important; } .twmv-compare-page .twmv-summary-tool-logo{ width:40px!important; height:40px!important; } .twmv-compare-page .twmv-compare-summary .twmv-primary-button{ width:100%!important; min-width:0!important; min-height:46px!important; margin:0!important; font-size:12.5px!important; font-weight:600!important; } .twmv-compare-page .twmv-compare-block{ margin-bottom:22px!important; } .twmv-compare-page .twmv-compare-scroll{ scroll-snap-type:x mandatory!important; scroll-padding-left:var(--twmv-mobile-label)!important; padding:0!important; scrollbar-width:none!important; } .twmv-compare-page .twmv-compare-scroll::-webkit-scrollbar{ width:0!important; height:0!important; } .twmv-compare-page .twmv-compare-table{ width:max-content!important; min-width:var(--twmv-mobile-inner)!important; overflow:clip!important; } .twmv-compare-page .twmv-compare-row{ grid-template-columns:var(--twmv-mobile-label) repeat(4,var(--twmv-mobile-tool))!important; width:max-content!important; min-width:calc(var(--twmv-mobile-inner) + var(--twmv-mobile-tool) + var(--twmv-mobile-tool) + var(--twmv-mobile-tool))!important; } .twmv-compare-page .twmv-compare-label, .twmv-compare-page .twmv-compare-cell, .twmv-compare-page .twmv-compare-head{ padding:11px!important; } .twmv-compare-page .twmv-compare-label{ z-index:8!important; left:0!important; font-size:11px!important; font-weight:750!important; line-height:1.26!important; letter-spacing:-.005em!important; } .twmv-compare-page .twmv-compare-row--head .twmv-compare-label{ padding-top:15px!important; font-size:11px!important; } .twmv-compare-page .twmv-compare-cell{ min-height:54px!important; font-size:13.25px!important; line-height:1.48!important; } .twmv-compare-page .twmv-compare-cell[data-row="overview"]{ font-size:13px!important; line-height:1.5!important; } .twmv-compare-page .twmv-compare-head{ scroll-snap-align:start!important; scroll-margin-left:var(--twmv-mobile-label)!important; min-height:186px!important; gap:9px!important; padding:14px 11px 12px!important; } .twmv-compare-page .twmv-compare-brand{ grid-template-columns:48px minmax(0,1fr)!important; gap:9px!important; padding-right:34px!important; } .twmv-compare-page .twmv-compare-logo{ width:48px!important; height:48px!important; padding:6px!important; border-radius:11px!important; } .twmv-compare-page .twmv-compare-brand h3{ overflow:hidden!important; margin:0!important; font-size:15.5px!important; line-height:1.18!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-compare-page .twmv-compare-remove{ top:8px!important; right:8px!important; width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; } .twmv-compare-page .twmv-compare-remove svg{ width:17px!important; height:17px!important; } .twmv-compare-page .twmv-position-control{ min-height:38px!important; padding:5px 8px!important; font-size:10.5px!important; } .twmv-compare-page .twmv-position-control input{ width:72px!important; min-width:72px!important; max-width:72px!important; padding-left:9px!important; padding-right:29px!important; } .twmv-compare-page .twmv-provider-button{ min-height:40px!important; font-size:12px!important; } .twmv-compare-page .twmv-expandable-list.has-more .twmv-expandable-list__scroll{ height:215px!important; max-height:215px!important; overflow:hidden!important; padding-right:4px!important; } .twmv-compare-page .twmv-expandable-list.has-more.is-expanded .twmv-expandable-list__scroll{ max-height:215px!important; overflow:auto!important; overscroll-behavior:contain!important; scrollbar-gutter:stable!important; padding-bottom:16px!important; scroll-padding-bottom:16px!important; } .twmv-compare-page .twmv-text-preview.has-more .twmv-text-preview__scroll{ height:210px!important; max-height:210px!important; overflow:hidden!important; padding-right:4px!important; } .twmv-compare-page .twmv-text-preview.has-more.is-expanded .twmv-text-preview__scroll{ max-height:210px!important; overflow:auto!important; overscroll-behavior:contain!important; scrollbar-gutter:stable!important; padding-bottom:16px!important; scroll-padding-bottom:16px!important; } .twmv-compare-page .twmv-token-set.has-more .twmv-token-list__scroll{ height:124px!important; max-height:124px!important; overflow:hidden!important; padding-right:4px!important; } .twmv-compare-page .twmv-token-set.has-more.is-expanded .twmv-token-list__scroll{ max-height:124px!important; overflow:auto!important; overscroll-behavior:contain!important; scrollbar-gutter:stable!important; padding-bottom:12px!important; scroll-padding-bottom:12px!important; } .twmv-compare-page button[data-twmv-expand-list], .twmv-compare-page button[data-twmv-expand-text], .twmv-compare-page .twmv-token-set.has-more>.twmv-token-more{ width:100%!important; max-width:100%!important; min-height:40px!important; margin:12px 0 1px!important; padding:7px 8px!important; border-radius:8px!important; font-size:12px!important; text-align:center!important; } .twmv-compare-page .twmv-token{ padding:5px 8px!important; font-size:11.5px!important; } .twmv-compare-page .twmv-value-list{ gap:10px!important; } .twmv-compare-page .twmv-value-list li{ padding-left:18px!important; } .twmv-compare-page .twmv-rating-source{ font-size:12.5px!important; line-height:1.3!important; } .twmv-compare-page .twmv-rating-arrows button{ width:34px!important; height:30px!important; min-width:34px!important; min-height:30px!important; } .twmv-compare-page .twmv-rating-value{ flex-wrap:wrap!important; font-size:13px!important; } .twmv-compare-page .twmv-stars{ font-size:16px!important; } .twmv-compare-page .twmv-rating-value strong{ font-size:16px!important; } .twmv-compare-page .twmv-rating-value small{ font-size:10.5px!important; } .twmv-compare-page .twmv-block-arrow{ top:75px!important; width:38px!important; height:38px!important; } .twmv-compare-page .twmv-block-arrow--left{left:-7px!important} .twmv-compare-page .twmv-block-arrow--right{right:-7px!important} .twmv-compare-page .twmv-additional-title{ margin:34px 0 15px!important; font-size:19px!important; } .twmv-compare-page .twmv-compare-closing{ padding:20px 0!important; } .twmv-compare-page .twmv-editorial-note{ grid-template-columns:44px minmax(0,1fr)!important; align-items:center!important; gap:12px!important; padding:17px 15px!important; } .twmv-compare-page .twmv-editorial-note__icon{ width:44px!important; height:44px!important; } .twmv-compare-page .twmv-editorial-note strong{ font-size:17px!important; line-height:1.2!important; } .twmv-compare-page .twmv-editorial-note p{ margin-top:6px!important; font-size:11.5px!important; line-height:1.5!important; } .twmv-compare-page .twmv-editorial-copy--tablet{display:none!important} .twmv-compare-page .twmv-editorial-copy--mobile{display:block!important} } @media (max-width:379px){ .twmv-compare-page{ --twmv-mobile-label:88px; } .twmv-compare-page .twmv-title-block h1{font-size:32px!important} .twmv-compare-page .twmv-compare-label{font-size:10px!important} .twmv-compare-page .twmv-compare-cell{font-size:13px!important} } @media (max-width:1179px){ .twmv-compare-page .twmv-expandable-list.has-more:not(.is-expanded) .twmv-expandable-list__scroll, .twmv-compare-page .twmv-token-set.has-more:not(.is-expanded) .twmv-token-list__scroll, .twmv-compare-page .twmv-text-preview.has-more:not(.is-expanded) .twmv-text-preview__scroll{ height:auto!important; max-height:none!important; overflow:visible!important; } .twmv-compare-page .twmv-expandable-list.has-more.is-expanded .twmv-expandable-list__scroll, .twmv-compare-page .twmv-token-set.has-more.is-expanded .twmv-token-list__scroll, .twmv-compare-page .twmv-text-preview.has-more.is-expanded .twmv-text-preview__scroll{ height:var(--twmv-expand-height)!important; min-height:var(--twmv-expand-height)!important; max-height:var(--twmv-expand-height)!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; scrollbar-gutter:stable!important; -webkit-overflow-scrolling:touch!important; } .twmv-compare-page .twmv-expandable-list.has-more.is-expanded .twmv-expandable-list__scroll, .twmv-compare-page .twmv-text-preview.has-more.is-expanded .twmv-text-preview__scroll{ padding-bottom:16px!important; scroll-padding-bottom:16px!important; } .twmv-compare-page .twmv-token-set.has-more.is-expanded .twmv-token-list__scroll{ padding-bottom:12px!important; scroll-padding-bottom:12px!important; } .twmv-compare-page .twmv-block-arrow, .twmv-compare-page .twmv-block-arrow:disabled{ color:#17365f!important; background:#fff!important; border-color:#d7e1ec!important; opacity:1!important; } .twmv-compare-page .twmv-block-arrow:disabled{ cursor:default!important; pointer-events:none!important; } .twmv-compare-page .twmv-expandable-list.has-more > .twmv-inline-toggle, .twmv-compare-page .twmv-token-set.has-more > .twmv-token-more{ margin-top:10px!important; } } @media (max-width:1179px){ .twmv-compare-page [data-twmv-block-prev], .twmv-compare-page [data-twmv-block-next]{ visibility:hidden!important; pointer-events:none!important; } .twmv-block-nav-portal{ position:fixed!important; z-index:99980!important; inset:0!important; display:none!important; pointer-events:none!important; } .twmv-block-nav-portal.is-visible{display:block!important} .twmv-block-nav-portal__button{ position:absolute!important; display:flex!important; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; border:1px solid #d7e1ec!important; border-radius:50%!important; background:#fff!important; color:#17365f!important; opacity:1!important; box-shadow:0 4px 14px rgba(13,42,82,.09)!important; pointer-events:auto!important; cursor:pointer!important; box-sizing:border-box!important; } .twmv-block-nav-portal__button svg{ display:block!important; width:19px!important; height:19px!important; flex:0 0 19px!important; margin:0!important; fill:none!important; stroke:currentColor!important; stroke-width:2.25!important; stroke-linecap:round!important; stroke-linejoin:round!important; overflow:visible!important; } .twmv-block-nav-portal__button svg path{ fill:none!important; stroke:currentColor!important; } .twmv-block-nav-portal__button:disabled{ color:#17365f!important; background:#fff!important; border-color:#d7e1ec!important; opacity:1!important; cursor:default!important; pointer-events:none!important; } } @media (max-width:767px){ .twmv-block-nav-portal__button{ width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; } } .twmv-compare-page .twmv-position-input{ position:relative; display:block; flex:0 0 auto; width:78px; min-width:78px; } .twmv-compare-page .twmv-position-control input[data-twmv-position]{ width:100%!important; min-width:100%!important; max-width:100%!important; padding-right:31px!important; appearance:textfield!important; -moz-appearance:textfield!important; } .twmv-compare-page .twmv-position-control input[data-twmv-position]::-webkit-inner-spin-button, .twmv-compare-page .twmv-position-control input[data-twmv-position]::-webkit-outer-spin-button{ margin:0!important; -webkit-appearance:none!important; appearance:none!important; } .twmv-compare-page .twmv-position-stepper{ position:absolute; z-index:2; top:3px; right:4px; bottom:3px; display:grid; width:24px; grid-template-rows:1fr 1fr; overflow:hidden; border-left:1px solid #d9e3ee; border-radius:0 5px 5px 0; background:#f8fbff; } .twmv-compare-page .twmv-position-stepper button{ display:flex; width:24px; min-width:24px; min-height:0; align-items:center; justify-content:center; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:#49617f; box-shadow:none; cursor:pointer; } .twmv-compare-page .twmv-position-stepper button+button{border-top:1px solid #e3eaf2} .twmv-compare-page .twmv-position-stepper svg{ display:block; width:11px; height:11px; fill:none; stroke:currentColor; stroke-width:2.15; stroke-linecap:round; stroke-linejoin:round; } .twmv-compare-page .twmv-position-stepper button:hover, .twmv-compare-page .twmv-position-stepper button:focus-visible{ background:#eef5ff; color:#075ff7; } .twmv-compare-page .twmv-compare-cell[data-row="pros"] .twmv-expandable-list, .twmv-compare-page .twmv-compare-cell[data-row="cons"] .twmv-expandable-list, .twmv-compare-page .twmv-compare-cell[data-row="features"] .twmv-expandable-list, .twmv-compare-page .twmv-compare-cell[data-row="suitable"] .twmv-expandable-list, .twmv-compare-page .twmv-compare-cell[data-row="unsuitable"] .twmv-expandable-list, .twmv-compare-page .twmv-compare-cell[data-row="quick"] .twmv-expandable-list{ display:flex; width:100%; height:100%; min-height:100%; flex-direction:column; } .twmv-compare-page .twmv-compare-cell[data-row="pros"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="cons"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="features"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="suitable"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="unsuitable"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="quick"] .twmv-inline-toggle{ margin-top:auto!important; } .twmv-compare-page .twmv-token-more[hidden], .twmv-compare-page .twmv-extra-value[hidden]{display:none!important} @media (max-width:1179px){ .twmv-compare-page .twmv-compare-label[data-row="category"], .twmv-compare-page .twmv-compare-label[data-row="priceModel"], .twmv-compare-page .twmv-compare-label[data-row="platforms"], .twmv-compare-page .twmv-compare-label[data-row="languages"]{ padding-top:21px!important; } .twmv-compare-page .twmv-compare-label[data-row="rating"], .twmv-compare-page .twmv-compare-label[data-row="pros"], .twmv-compare-page .twmv-compare-label[data-row="cons"], .twmv-compare-page .twmv-compare-label[data-row="features"], .twmv-compare-page .twmv-compare-label[data-row="suitable"], .twmv-compare-page .twmv-compare-label[data-row="unsuitable"], .twmv-compare-page .twmv-compare-label[data-row="quick"]{ padding-top:18px!important; } .twmv-compare-page .twmv-rating-value{ align-items:baseline!important; flex-wrap:nowrap!important; } .twmv-compare-page .twmv-rating-value .twmv-stars{ align-self:center!important; } .twmv-compare-page .twmv-rating-value strong, .twmv-compare-page .twmv-rating-value small{ line-height:1!important; } } @media (max-width:767px){ .twmv-compare-page .twmv-position-input{ width:84px; min-width:84px; } .twmv-compare-page .twmv-rating-arrows{ margin-top:3px!important; } .twmv-compare-page .twmv-value-list{gap:11px!important} } @media (min-width:768px) and (max-width:1179px){ .twmv-compare-page .twmv-position-input{ width:86px; min-width:86px; } .twmv-compare-page .twmv-compare-output > .twmv-compare-block:last-child, .twmv-compare-page .twmv-compare-output > .twmv-compare-block:last-of-type{ margin-bottom:0!important; } .twmv-compare-page .twmv-compare-closing{ padding:24px 0!important; } } @media (min-width:1180px){ .twmv-compare-page .twmv-position-input{ width:82px; min-width:82px; } } @media (max-width:1179px){ .twmv-compare-page .twmv-compare-cell[data-row="overview"], .twmv-compare-page .twmv-compare-cell[data-row="pros"], .twmv-compare-page .twmv-compare-cell[data-row="cons"], .twmv-compare-page .twmv-compare-cell[data-row="features"], .twmv-compare-page .twmv-compare-cell[data-row="suitable"], .twmv-compare-page .twmv-compare-cell[data-row="unsuitable"], .twmv-compare-page .twmv-compare-cell[data-row="quick"], .twmv-compare-page .twmv-compare-cell[data-row="category"], .twmv-compare-page .twmv-compare-cell[data-row="priceModel"], .twmv-compare-page .twmv-compare-cell[data-row="platforms"], .twmv-compare-page .twmv-compare-cell[data-row="languages"]{ align-items:stretch!important; } .twmv-compare-page .twmv-compare-cell[data-row="overview"] .twmv-text-preview.has-more, .twmv-compare-page .twmv-compare-cell[data-row="pros"] .twmv-expandable-list.has-more, .twmv-compare-page .twmv-compare-cell[data-row="cons"] .twmv-expandable-list.has-more, .twmv-compare-page .twmv-compare-cell[data-row="features"] .twmv-expandable-list.has-more, .twmv-compare-page .twmv-compare-cell[data-row="suitable"] .twmv-expandable-list.has-more, .twmv-compare-page .twmv-compare-cell[data-row="unsuitable"] .twmv-expandable-list.has-more, .twmv-compare-page .twmv-compare-cell[data-row="quick"] .twmv-expandable-list.has-more, .twmv-compare-page .twmv-compare-cell[data-row="category"] .twmv-token-set.has-more, .twmv-compare-page .twmv-compare-cell[data-row="priceModel"] .twmv-token-set.has-more, .twmv-compare-page .twmv-compare-cell[data-row="platforms"] .twmv-token-set.has-more, .twmv-compare-page .twmv-compare-cell[data-row="languages"] .twmv-token-set.has-more{ display:flex!important; width:100%!important; height:100%!important; min-height:100%!important; flex-direction:column!important; align-self:stretch!important; } .twmv-compare-page .twmv-compare-cell[data-row="overview"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="pros"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="cons"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="features"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="suitable"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="unsuitable"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="quick"] .twmv-inline-toggle, .twmv-compare-page .twmv-compare-cell[data-row="category"] .twmv-token-more, .twmv-compare-page .twmv-compare-cell[data-row="priceModel"] .twmv-token-more, .twmv-compare-page .twmv-compare-cell[data-row="platforms"] .twmv-token-more, .twmv-compare-page .twmv-compare-cell[data-row="languages"] .twmv-token-more{ margin-top:auto!important; margin-bottom:0!important; } } @media (max-width:1179px){ .twmv-compare-page .twmv-rating-cell{ display:grid!important; grid-template-rows:auto auto!important; align-content:start!important; justify-items:start!important; gap:9px!important; } .twmv-compare-page .twmv-rating-source{ display:flex!important; width:100%!important; min-height:22px!important; align-items:flex-start!important; justify-content:flex-start!important; margin:0!important; padding:0!important; line-height:1.35!important; } .twmv-compare-page .twmv-rating-controls{ display:grid!important; grid-template-rows:32px 24px!important; align-content:start!important; align-items:start!important; justify-items:start!important; justify-content:start!important; width:100%!important; gap:9px!important; } .twmv-compare-page .twmv-rating-arrows{ display:flex!important; height:32px!important; min-height:32px!important; align-items:center!important; justify-content:flex-start!important; margin:0!important; } .twmv-compare-page .twmv-rating-value{ display:flex!important; min-height:24px!important; align-items:center!important; justify-content:flex-start!important; flex-wrap:nowrap!important; gap:6px!important; margin:0!important; padding:0!important; line-height:1!important; white-space:nowrap!important; } .twmv-compare-page .twmv-rating-value .twmv-stars, .twmv-compare-page .twmv-rating-value strong, .twmv-compare-page .twmv-rating-value small{ display:inline-flex!important; height:24px!important; align-items:center!important; margin:0!important; padding:0!important; line-height:1!important; vertical-align:middle!important; } .twmv-compare-page .twmv-rating-value .twmv-stars{ align-self:auto!important; } .twmv-compare-page .twmv-compare-label[data-row="rating"]{ padding-top:15px!important; } .twmv-compare-page .twmv-token-set:not(.has-more) .twmv-token-list__scroll{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; padding-bottom:0!important; } } @media (max-width:767px){ .twmv-compare-page .twmv-rating-source{ min-height:20px!important; } .twmv-compare-page .twmv-rating-controls{ grid-template-rows:32px 23px!important; gap:8px!important; } .twmv-compare-page .twmv-rating-value, .twmv-compare-page .twmv-rating-value .twmv-stars, .twmv-compare-page .twmv-rating-value strong, .twmv-compare-page .twmv-rating-value small{ height:23px!important; min-height:23px!important; } .twmv-compare-page .twmv-compare-label[data-row="rating"]{ padding-top:11px!important; } } .twmv-compare-page .twmv-editorial-copy--tablet-mini{ display:none!important; } @media (min-width:768px) and (max-width:1179px){ .twmv-compare-page .twmv-compare-output > .twmv-compare-block:not(:has(~ .twmv-compare-block)){ margin-bottom:0!important; } .twmv-compare-page .twmv-compare-closing{ box-sizing:border-box!important; margin:0!important; padding:15px 0 22px!important; } .twmv-compare-page .twmv-compare-closing > .twmv-editorial-note{ margin:0!important; } .twmv-compare-page .twmv-editorial-copy--tablet{ display:block!important; } .twmv-compare-page .twmv-editorial-copy--tablet-mini, .twmv-compare-page .twmv-editorial-copy--mobile{ display:none!important; } } @media (min-width:700px) and (max-width:767px){ .twmv-compare-page .twmv-compare-output > .twmv-compare-block:not(:has(~ .twmv-compare-block)){ margin-bottom:0!important; } .twmv-compare-page .twmv-compare-closing{ box-sizing:border-box!important; margin:0!important; padding:21px 0!important; } .twmv-compare-page .twmv-compare-closing > .twmv-editorial-note{ margin:0!important; grid-template-columns:44px minmax(0,1fr)!important; align-items:center!important; gap:14px!important; padding:18px 20px!important; } .twmv-compare-page .twmv-editorial-copy--desktop, .twmv-compare-page .twmv-editorial-copy--tablet, .twmv-compare-page .twmv-editorial-copy--mobile{ display:none!important; } .twmv-compare-page .twmv-editorial-copy--tablet-mini{ display:block!important; max-width:none!important; margin-top:5px!important; font-size:11.5px!important; line-height:1.48!important; text-wrap:pretty!important; } .twmv-compare-page .twmv-editorial-note strong{ font-size:17px!important; line-height:1.2!important; } } html body .twmv .twmv-empty-state h2{ font-family:inherit!important; font-weight:700!important; line-height:1.2!important; letter-spacing:-.012em!important; } html body .twmv .twmv-empty-state p{ font-family:inherit!important; font-weight:400!important; line-height:1.55!important; letter-spacing:0!important; } html body .twmv .twmv-empty-state .twmv-primary-button, html body .twmv .twmv-empty-state a.twmv-primary-button, html body .twmv .twmv-empty-state button.twmv-primary-button{ font-family:inherit!important; font-size:15px!important; font-style:normal!important; font-weight:600!important; font-stretch:normal!important; line-height:1.2!important; letter-spacing:0!important; text-transform:none!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row--native{ display:flex!important; align-items:center!important; justify-content:flex-end!important; min-width:0!important; gap:0!important; } html body .twmv-watch-page .twmv-sort-native-label{ display:flex!important; align-items:center!important; gap:10px!important; min-width:0!important; color:#1d2430!important; font-family:inherit!important; font-size:14px!important; font-weight:400!important; line-height:1.25!important; white-space:nowrap!important; } html body .twmv-watch-page .twmv-sort-native-field{ position:relative!important; display:block!important; min-width:0!important; } html body .twmv-watch-page .twmv-sort-native-field select{ appearance:none!important; -webkit-appearance:none!important; width:330px!important; min-width:280px!important; height:46px!important; margin:0!important; padding:0 46px 0 14px!important; border:1px solid #aeb9c8!important; border-radius:10px!important; background:#fff!important; background-image:none!important; color:#171b22!important; -webkit-text-fill-color:#171b22!important; box-shadow:none!important; outline:0!important; font-family:inherit!important; font-size:14px!important; font-weight:400!important; line-height:1.2!important; text-overflow:ellipsis!important; cursor:pointer!important; } html body .twmv-watch-page .twmv-sort-native-field select:hover, html body .twmv-watch-page .twmv-sort-native-field select:focus, html body .twmv-watch-page .twmv-sort-native-field select:active{ border-color:#79a9e8!important; background:#fff!important; color:#172b47!important; -webkit-text-fill-color:#172b47!important; box-shadow:0 0 0 3px rgba(7,95,247,.08)!important; } html body .twmv-watch-page .twmv-sort-native-chevron{ position:absolute!important; right:13px!important; top:50%!important; transform:translateY(-50%)!important; display:grid!important; place-items:center!important; width:22px!important; height:22px!important; color:#26384f!important; pointer-events:none!important; } html body .twmv-watch-page .twmv-sort-native-chevron svg{ width:16px!important; height:16px!important; stroke-width:2!important; } html body .twmv-watch-page .twmv-sort-native-field select optgroup{ font-family:inherit!important; font-size:12.75px!important; font-style:normal!important; font-weight:700!important; color:#172b47!important; } html body .twmv-watch-page .twmv-sort-native-field select option{ font-family:inherit!important; font-size:13.25px!important; font-style:normal!important; font-weight:500!important; color:#172b47!important; } @media (max-width:1179px){ html body .twmv-watch-page .twmv-sort-native-label{font-size:12.5px!important;gap:8px!important;font-weight:400!important} html body .twmv-watch-page .twmv-sort-native-field select{width:min(380px,52vw)!important;min-width:260px!important;height:44px!important;padding-right:44px!important;font-size:13px!important} html body .twmv-watch-page .twmv-sort-native-field select optgroup{font-size:11.75px!important} html body .twmv-watch-page .twmv-sort-native-field select option{font-size:12.25px!important} } .twmv-compare-page .twmv-initial-compare-skeleton{display:none} html.twmv-preflight-compare-has-items .twmv-compare-page .twmv-initial-compare-empty{display:none!important} html.twmv-preflight-compare-has-items .twmv-compare-page .twmv-initial-compare-skeleton{display:block!important} html.twmv-preflight-compare-empty .twmv-compare-page .twmv-initial-compare-empty{display:flex} /* ============================================================ ToolWissen V1.0 – Partnerprogramm in Merkliste & Vergleich ============================================================ */ .twmv-watch-list-action--partner{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #b9d3f6;border-radius:8px;background:#fff;color:#075ff7;font:inherit;font-weight:800;cursor:pointer;text-decoration:none} .twmv-watch-list-action--partner svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .twmv-partner-backdrop{align-items:flex-start;justify-content:flex-start;padding:0;background:transparent;backdrop-filter:none} .twmv-partner-modal{position:fixed;z-index:1000000;max-height:min(72vh,660px);overflow:auto;padding:20px;text-align:left;border:1px solid #d8e2ef;border-radius:14px;box-shadow:0 14px 36px rgba(20,42,78,.18)} .twmv-partner-modal h2{margin:2px 38px 12px 0;color:var(--twmv-ink);font-size:20px;line-height:1.25} .twmv-partner-eyebrow{display:block;color:#667d99;font-size:11px;font-weight:800} .twmv-partner-description{max-height:220px;overflow:auto;padding:11px;border:1px solid #e1e8f0;border-radius:10px;background:#f8fafc;color:#44566e;font-size:13px;line-height:1.55;overscroll-behavior:contain} .twmv-partner-identifiers{display:grid;gap:9px;margin-top:11px}.twmv-partner-identifier{display:grid;gap:5px}.twmv-partner-identifier>span{color:#60748d;font-size:11px;font-weight:800}.twmv-partner-identifier>div{display:flex;align-items:center;gap:7px}.twmv-partner-identifier code{flex:1;min-width:0;overflow-wrap:anywhere;padding:8px 9px;border:1px solid #dce6f1;border-radius:8px;background:#fff;color:#1f3551;font:700 12px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}.twmv-partner-identifier button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 9px;border:1px solid #cbd9e9;border-radius:8px;background:#fff;color:#31516f;font-size:11px;font-weight:750;cursor:pointer}.twmv-partner-identifier button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.twmv-partner-identifier button.is-copied{border-color:#90d7bd;background:#f1fbf7;color:#17664e} .twmv-partner-cta{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:13px}.twmv-partner-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8} @media(min-width:681px){.twmv-partner-backdrop{pointer-events:auto}.twmv-partner-modal{margin:0}.twmv-watch-list-actions{gap:7px}} @media(max-width:680px){ .twmv-partner-backdrop{display:flex;align-items:flex-end;justify-content:stretch;padding:12px;background:rgba(18,34,55,.36);backdrop-filter:none} .twmv-partner-modal{position:relative;left:auto!important;top:auto!important;bottom:0;width:100%!important;max-height:82dvh;margin:0;padding:18px;border-radius:16px} .twmv-partner-description{max-height:30dvh} } /* ============================================================ ToolWissen V1.0 – Merkliste Filter-Hover: Schatten bewusst dezent Nur Merkliste. Vergleich, PHP und JS bleiben unverändert. Überschreibt auch mögliche globale Theme-/Button-Effekte. ============================================================ */ html body .twmv-watch-page .twmv-custom-select__button:hover, html body .twmv-watch-page .twmv-custom-select__button:focus, html body .twmv-watch-page .twmv-custom-select__button:focus-visible, html body .twmv-watch-page .twmv-custom-select__button:active, html body .twmv-watch-page .twmv-custom-select__button[aria-expanded="true"]{ border-color:#83afe8!important; background:#f8fbff!important; color:#17365f!important; -webkit-text-fill-color:#17365f!important; box-shadow:0 0 0 1px rgba(7,95,247,.028),0 2px 6px rgba(20,47,91,.018)!important; -webkit-box-shadow:0 0 0 1px rgba(7,95,247,.028),0 2px 6px rgba(20,47,91,.018)!important; filter:none!important; -webkit-filter:none!important; outline:none!important; transform:none!important; } html body .twmv-watch-page .twmv-custom-select:hover, html body .twmv-watch-page .twmv-custom-select:focus-within, html body .twmv-watch-page .twmv-custom-select-field:hover, html body .twmv-watch-page .twmv-custom-select-field:focus-within{ box-shadow:none!important; -webkit-box-shadow:none!important; filter:none!important; -webkit-filter:none!important; } /* v3 – Merkliste: Partnerprogramm-Aktion in der Watchlist als kompaktes Icon-Feld wie bei der Loopcard, damit die Aktionsspalte ruhiger wirkt. */ .twmv-watch-page .twmv-watch-list-action--partner{ min-width:72px!important; width:72px!important; max-width:72px!important; padding:0 10px!important; justify-content:center!important; gap:6px!important; } .twmv-watch-page .twmv-watch-list-action--partner span{ display:none!important; } .twmv-watch-page .twmv-watch-list-action--partner svg{ flex:0 0 auto!important; } .twmv-watch-page .twmv-watch-list-action--partner svg:first-child{ width:15px!important; height:15px!important; stroke-width:1.9!important; } .twmv-watch-page .twmv-watch-list-action--partner svg:last-child{ width:11px!important; height:11px!important; stroke-width:2.1!important; } /* v7 – Merkliste: Partner-Icon in den freien Bereich der Tool-Spalte, Basis bleibt v3, damit die Schnellinfos exakt sauber angeordnet bleiben. */ .twmv-watch-page .twmv-watch-list-tool{ position:relative!important; } .twmv-watch-page .twmv-watch-list-tool-partner{ position:absolute!important; top:10px!important; right:12px!important; display:flex!important; align-items:flex-start!important; justify-content:center!important; z-index:2!important; } .twmv-watch-page .twmv-watch-list-inline-partner{ min-width:72px!important; width:72px!important; max-width:72px!important; min-height:46px!important; padding:0 10px!important; justify-content:center!important; gap:6px!important; border:1px solid #b9d3f6!important; border-radius:10px!important; background:#fff!important; color:#075ff7!important; box-shadow:none!important; } .twmv-watch-page .twmv-watch-list-inline-partner span{ display:none!important; } .twmv-watch-page .twmv-watch-list-inline-partner svg:first-child{ width:16px!important; height:16px!important; stroke-width:1.95!important; } .twmv-watch-page .twmv-watch-list-inline-partner svg:last-child{ width:11px!important; height:11px!important; stroke-width:2.1!important; } .twmv-watch-page .twmv-watch-list-inline-partner:hover, .twmv-watch-page .twmv-watch-list-inline-partner:focus, .twmv-watch-page .twmv-watch-list-inline-partner:active, .twmv-watch-page .twmv-watch-list-inline-partner:focus-visible{ box-shadow:none!important; transform:none!important; } /* v8 – Merkliste Partner-Feinschliff: kleineres Icon im Toolbereich, Popup innen luftiger und sichtbares Schließen-X. */ /* Kompakteres Partner-Icon im freien Bereich */ .twmv-watch-page .twmv-watch-list-tool-partner{ top:12px!important; right:14px!important; } .twmv-watch-page .twmv-watch-list-inline-partner{ min-width:64px!important; width:64px!important; max-width:64px!important; min-height:40px!important; padding:0 8px!important; gap:5px!important; border-radius:10px!important; } .twmv-watch-page .twmv-watch-list-inline-partner svg:first-child{ width:15px!important; height:15px!important; stroke-width:1.9!important; } .twmv-watch-page .twmv-watch-list-inline-partner svg:last-child{ width:10px!important; height:10px!important; stroke-width:2.1!important; } /* Popup allgemein sauberer verteilen */ .twmv-partner-modal{ max-height:min(76vh,700px)!important; padding:24px 24px 20px!important; border-radius:16px!important; box-shadow:0 16px 40px rgba(20,42,78,.20)!important; } .twmv-partner-modal h2{ margin:4px 52px 14px 0!important; font-size:20px!important; line-height:1.22!important; } .twmv-partner-eyebrow{ margin-bottom:6px!important; font-size:11px!important; letter-spacing:.02em!important; } .twmv-partner-description{ max-height:250px!important; padding:14px!important; border-radius:12px!important; line-height:1.62!important; } .twmv-partner-identifiers{ gap:12px!important; margin-top:14px!important; } .twmv-partner-identifier{ gap:6px!important; } .twmv-partner-identifier > span{ font-size:11px!important; } .twmv-partner-identifier > div{ gap:8px!important; } .twmv-partner-identifier code{ padding:10px 12px!important; border-radius:10px!important; font-size:12px!important; line-height:1.3!important; } .twmv-partner-identifier button{ min-height:42px!important; padding:0 12px!important; border-radius:10px!important; font-size:12px!important; } .twmv-partner-cta{ min-height:48px!important; margin-top:16px!important; border-radius:12px!important; } /* Sichtbares Schließen-X */ .twmv-partner-modal .twmv-modal-close{ position:absolute!important; top:14px!important; right:14px!important; z-index:4!important; display:flex!important; align-items:center!important; justify-content:center!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; padding:0!important; border:1px solid #d8e2ef!important; border-radius:12px!important; background:#fff!important; color:#50647e!important; box-shadow:none!important; } .twmv-partner-modal .twmv-modal-close svg{ width:16px!important; height:16px!important; display:block!important; fill:none!important; stroke:currentColor!important; stroke-width:2.1!important; opacity:1!important; visibility:visible!important; } .twmv-partner-modal .twmv-modal-close:hover, .twmv-partner-modal .twmv-modal-close:focus, .twmv-partner-modal .twmv-modal-close:focus-visible{ border-color:#bfd1e5!important; background:#f8fbff!important; color:#27496b!important; } @media(max-width:680px){ .twmv-partner-modal{ padding:20px 18px 18px!important; } .twmv-partner-modal .twmv-modal-close{ top:12px!important; right:12px!important; } .twmv-partner-description{ max-height:32dvh!important; } } /* v9 – Partner-Popup professioneller: breiter, ruhiger positioniert, CTA sofort besser sichtbar und mehr Inhalt above the fold. */ .twmv-partner-modal{ width:min(470px, calc(100vw - 48px))!important; max-height:min(78vh, 720px)!important; overflow:auto!important; padding:22px 22px 18px!important; } .twmv-partner-modal h2{ margin:4px 54px 12px 0!important; font-size:21px!important; line-height:1.2!important; } .twmv-partner-eyebrow{ margin-bottom:6px!important; } .twmv-partner-description{ max-height:180px!important; padding:13px 14px!important; border-radius:12px!important; font-size:13.5px!important; line-height:1.58!important; } .twmv-partner-identifiers{ gap:11px!important; margin-top:13px!important; } .twmv-partner-identifier > span{ margin-bottom:1px!important; color:#556b86!important; } .twmv-partner-identifier > div{ gap:9px!important; } .twmv-partner-identifier code{ min-height:44px!important; display:flex!important; align-items:center!important; padding:10px 12px!important; border-radius:10px!important; } .twmv-partner-identifier button{ min-height:44px!important; padding:0 12px!important; border-radius:10px!important; } .twmv-partner-cta{ position:sticky!important; bottom:-18px!important; z-index:3!important; min-height:48px!important; margin-top:15px!important; border-radius:12px!important; box-shadow:0 -10px 18px rgba(255,255,255,.96), 0 -20px 26px rgba(255,255,255,.92)!important; } .twmv-partner-modal::after{ content:""; display:block; height:6px; } @media(min-width:681px){ .twmv-partner-backdrop{ padding-top:0!important; } } @media(max-width:680px){ .twmv-partner-modal{ width:100%!important; max-height:82dvh!important; padding:18px 16px 16px!important; } .twmv-partner-description{ max-height:28dvh!important; font-size:13px!important; } .twmv-partner-cta{ bottom:-16px!important; } } /* v10 – Partner-Popup sauberer verteilen + konsequent blaue Hover-/Focus-Zustände */ .twmv-partner-modal{ width:min(500px, calc(100vw - 48px))!important; max-height:min(80vh, 740px)!important; padding:22px 22px 20px!important; } .twmv-partner-modal h2{ margin:4px 56px 14px 0!important; } .twmv-partner-description{ max-height:165px!important; margin-bottom:2px!important; } .twmv-partner-identifiers{ gap:14px!important; margin-top:15px!important; } .twmv-partner-identifier{ gap:7px!important; } .twmv-partner-identifier > span{ font-size:12px!important; line-height:1.25!important; } .twmv-partner-identifier > div{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:10px!important; } .twmv-partner-identifier code{ min-height:46px!important; padding:11px 13px!important; border-radius:11px!important; } .twmv-partner-identifier button{ min-width:128px!important; min-height:46px!important; padding:0 14px!important; border:1px solid #c8d8ec!important; border-radius:11px!important; background:#fff!important; color:#31516f!important; box-shadow:none!important; transition:border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease!important; -webkit-tap-highlight-color:transparent!important; } .twmv-partner-identifier button:hover, .twmv-partner-identifier button:focus, .twmv-partner-identifier button:focus-visible, .twmv-partner-identifier button:active{ border-color:#8eb7ec!important; background:#eef5ff!important; color:#075ff7!important; box-shadow:0 0 0 1px rgba(7,95,247,.07)!important; outline:none!important; } .twmv-partner-identifier button svg{ stroke:currentColor!important; } .twmv-partner-identifier button.is-copied, .twmv-partner-identifier button.is-copied:hover, .twmv-partner-identifier button.is-copied:focus, .twmv-partner-identifier button.is-copied:active{ border-color:#90d7bd!important; background:#f1fbf7!important; color:#17664e!important; box-shadow:none!important; } .twmv-partner-cta{ position:sticky!important; bottom:-20px!important; min-height:50px!important; margin-top:18px!important; border-radius:13px!important; } @media(max-width:680px){ .twmv-partner-modal{ width:100%!important; padding:18px 16px 16px!important; } .twmv-partner-identifier > div{ grid-template-columns:1fr!important; } .twmv-partner-identifier button{ width:100%!important; min-width:0!important; } } /* v13 – Partnerprogramm-Popup in der Merkliste: breiter, professioneller, CTA direkt sichtbar */ @media(min-width:681px){ .twmv-partner-backdrop{ align-items:flex-start!important; justify-content:flex-start!important; padding:0!important; background:transparent!important; } .twmv-partner-modal{ width:min(780px, calc(100vw - 72px))!important; max-height:min(78vh, 720px)!important; display:grid!important; grid-template-columns:minmax(0, 1.45fr) minmax(250px, .95fr)!important; grid-template-areas: "eyebrow close" "title close" "desc ids" "desc cta"!important; align-items:start!important; column-gap:20px!important; row-gap:12px!important; padding:22px 24px 22px!important; border-radius:16px!important; } .twmv-partner-modal > .twmv-modal-close{ grid-area:close!important; justify-self:end!important; align-self:start!important; position:relative!important; top:auto!important; right:auto!important; margin:0!important; } .twmv-partner-modal > .twmv-partner-eyebrow{ grid-area:eyebrow!important; margin:0!important; } .twmv-partner-modal > h2{ grid-area:title!important; margin:0!important; font-size:21px!important; line-height:1.2!important; } .twmv-partner-modal > .twmv-partner-description{ grid-area:desc!important; max-height:400px!important; min-height:300px!important; margin:0!important; padding:16px!important; border-radius:12px!important; font-size:13.5px!important; line-height:1.62!important; } .twmv-partner-modal > .twmv-partner-identifiers{ grid-area:ids!important; align-self:start!important; display:grid!important; gap:12px!important; margin:0!important; padding:14px!important; border:1px solid #dbe6f2!important; border-radius:12px!important; background:#f8fbff!important; } .twmv-partner-modal > .twmv-partner-identifiers::before{ content:"Hinweis zur Zuordnung\A Bitte die hier hinterlegten Angaben möglichst unverändert verwenden, damit die Zuordnung sauber und eindeutig beim Anbieter klappt."; white-space:pre-line!important; display:block!important; margin:0 0 2px!important; color:#536983!important; font-size:12px!important; line-height:1.5!important; font-weight:600!important; } .twmv-partner-modal .twmv-partner-identifier{ gap:6px!important; } .twmv-partner-modal .twmv-partner-identifier > span{ font-size:11px!important; color:#5f7490!important; } .twmv-partner-modal .twmv-partner-identifier > div{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:8px!important; align-items:center!important; } .twmv-partner-modal .twmv-partner-identifier code{ min-height:44px!important; display:flex!important; align-items:center!important; padding:10px 12px!important; border-radius:10px!important; font-size:12px!important; } .twmv-partner-modal .twmv-partner-identifier button{ min-width:116px!important; min-height:44px!important; padding:0 12px!important; border-radius:10px!important; background:#fff!important; color:#31516f!important; } .twmv-partner-modal .twmv-partner-identifier button:hover, .twmv-partner-modal .twmv-partner-identifier button:focus, .twmv-partner-modal .twmv-partner-identifier button:focus-visible, .twmv-partner-modal .twmv-partner-identifier button:active{ border-color:#8eb7ec!important; background:#eef5ff!important; color:#075ff7!important; box-shadow:0 0 0 1px rgba(7,95,247,.07)!important; } .twmv-partner-modal > .twmv-partner-cta{ grid-area:cta!important; align-self:end!important; margin:0!important; min-height:48px!important; border-radius:12px!important; box-shadow:0 10px 22px rgba(7,95,247,.14)!important; } } @media(max-width:680px){ .twmv-partner-modal{ max-height:82dvh!important; } } /* v14 – Partner-Popup ohne erzwungenen äußeren Scroll, sauberer verteilt */ @media(min-width:681px){ .twmv-partner-modal{ max-height:min(72vh, 650px)!important; overflow:hidden!important; padding:20px 22px 18px!important; row-gap:10px!important; column-gap:18px!important; grid-template-columns:minmax(0, 1.5fr) minmax(255px, .92fr)!important; } .twmv-partner-modal > .twmv-partner-description{ max-height:340px!important; min-height:340px!important; overflow:auto!important; padding:14px 15px!important; } .twmv-partner-modal > .twmv-partner-identifiers{ gap:11px!important; padding:12px!important; align-self:start!important; } .twmv-partner-modal .twmv-partner-identifier > div{ gap:7px!important; } .twmv-partner-modal .twmv-partner-identifier code{ min-height:42px!important; padding:9px 11px!important; font-size:11px!important; line-height:1.25!important; } .twmv-partner-modal .twmv-partner-identifier button{ min-width:110px!important; min-height:42px!important; padding:0 11px!important; font-size:11px!important; } .twmv-partner-modal > .twmv-partner-cta{ min-height:46px!important; margin-top:0!important; align-self:end!important; } } /* v15 – höherer Start und sauberer Innenabstand im Partner-Popup */ @media(min-width:681px){ .twmv-partner-modal{ width:min(772px, calc(100vw - 72px))!important; max-height:min(70vh, 620px)!important; padding:18px 20px 16px!important; row-gap:8px!important; column-gap:16px!important; grid-template-columns:minmax(0, 1.56fr) minmax(250px, .9fr)!important; } .twmv-partner-modal > .twmv-partner-eyebrow{ font-size:11px!important; letter-spacing:.045em!important; } .twmv-partner-modal > h2{ font-size:19px!important; line-height:1.18!important; } .twmv-partner-modal > .twmv-partner-description{ max-height:316px!important; min-height:316px!important; padding:13px 14px!important; font-size:13px!important; line-height:1.6!important; } .twmv-partner-modal > .twmv-partner-identifiers{ gap:10px!important; padding:13px!important; border-radius:12px!important; } .twmv-partner-modal > .twmv-partner-identifiers::before{ margin:0 0 4px!important; font-size:12px!important; line-height:1.48!important; } .twmv-partner-modal .twmv-partner-identifier{ gap:5px!important; } .twmv-partner-modal .twmv-partner-identifier > span{ font-size:11px!important; } .twmv-partner-modal .twmv-partner-identifier > div{ gap:8px!important; } .twmv-partner-modal .twmv-partner-identifier code{ min-height:40px!important; padding:8px 10px!important; font-size:11px!important; } .twmv-partner-modal .twmv-partner-identifier button{ min-width:108px!important; min-height:40px!important; padding:0 10px!important; font-size:11px!important; } .twmv-partner-modal > .twmv-partner-cta{ min-height:44px!important; border-radius:11px!important; box-shadow:0 8px 18px rgba(7,95,247,.12)!important; } .twmv-partner-modal > .twmv-modal-close{ width:46px!important; height:46px!important; } } /* v16 – Partner-Popup finaler Desktop-Feinschliff */ @media(min-width:681px){ .twmv-partner-modal{ width:min(812px, calc(100vw - 72px))!important; max-height:min(70vh, 618px)!important; padding:18px 22px 18px!important; row-gap:10px!important; column-gap:20px!important; grid-template-columns:minmax(0, 1.46fr) minmax(308px, .96fr)!important; border-radius:18px!important; box-shadow:0 18px 44px rgba(20,42,78,.14)!important; } .twmv-partner-modal > .twmv-partner-eyebrow{ margin-top:1px!important; font-size:11px!important; line-height:1.25!important; letter-spacing:.05em!important; color:#6b829d!important; } .twmv-partner-modal > h2{ margin-top:-1px!important; margin-bottom:2px!important; font-size:20px!important; line-height:1.16!important; } .twmv-partner-modal > .twmv-modal-close{ width:44px!important; height:44px!important; border-radius:14px!important; } .twmv-partner-modal > .twmv-partner-description{ max-height:328px!important; min-height:328px!important; padding:15px 16px!important; border-radius:14px!important; font-size:13px!important; line-height:1.62!important; background:#f8fafc!important; } .twmv-partner-modal > .twmv-partner-identifiers{ gap:12px!important; padding:15px 16px!important; border-radius:14px!important; background:#f7fbff!important; } .twmv-partner-modal > .twmv-partner-identifiers::before{ margin:0 0 6px!important; font-size:12px!important; line-height:1.52!important; color:#57708d!important; } .twmv-partner-modal .twmv-partner-identifier{ gap:6px!important; } .twmv-partner-modal .twmv-partner-identifier > span{ font-size:11px!important; line-height:1.3!important; color:#526985!important; } .twmv-partner-modal .twmv-partner-identifier > div{ grid-template-columns:minmax(0,1fr) 132px!important; gap:10px!important; align-items:stretch!important; } .twmv-partner-modal .twmv-partner-identifier code{ min-height:44px!important; padding:10px 12px!important; border-radius:11px!important; font-size:10.8px!important; line-height:1.2!important; overflow-wrap:anywhere!important; word-break:break-word!important; } .twmv-partner-modal .twmv-partner-identifier button{ width:132px!important; min-width:132px!important; min-height:44px!important; padding:0 12px!important; border-radius:11px!important; justify-content:center!important; font-size:11px!important; font-weight:700!important; } .twmv-partner-modal > .twmv-partner-cta{ min-height:48px!important; margin-top:2px!important; border-radius:13px!important; box-shadow:0 10px 22px rgba(7,95,247,.12)!important; } } /* v18 – Mobile-Feinschliff Partner-Icon & Partner-Popup Ziel: kleineres Icon im Toolbereich und sauber positioniertes Mobile-Popup. */ @media (max-width:680px){ .twmv-watch-page .twmv-watch-list-tool{ position:relative!important; align-items:flex-start!important; padding-right:84px!important; } .twmv-watch-page .twmv-watch-list-tool-copy{ min-width:0!important; width:100%!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ padding-right:0!important; } .twmv-watch-page .twmv-watch-list-tool-partner{ top:14px!important; right:12px!important; align-items:flex-start!important; justify-content:center!important; } .twmv-watch-page .twmv-watch-list-inline-partner{ min-width:46px!important; width:46px!important; max-width:46px!important; min-height:30px!important; height:30px!important; padding:0 5px!important; gap:4px!important; border-radius:10px!important; } .twmv-watch-page .twmv-watch-list-inline-partner svg:first-child{ width:12px!important; height:12px!important; stroke-width:1.9!important; } .twmv-watch-page .twmv-watch-list-inline-partner svg:last-child{ width:8px!important; height:8px!important; stroke-width:2.05!important; } .twmv-partner-backdrop{ align-items:flex-end!important; justify-content:center!important; padding:10px 8px max(10px, env(safe-area-inset-bottom))!important; background:rgba(18,34,55,.30)!important; } .twmv-partner-modal{ position:fixed!important; left:10px!important; right:10px!important; top:auto!important; bottom:10px!important; width:auto!important; max-width:none!important; max-height:min(76dvh, 610px)!important; display:grid!important; grid-template-columns:1fr!important; grid-template-areas: "eyebrow" "title" "desc" "ids" "cta"!important; row-gap:10px!important; column-gap:0!important; overflow:hidden!important; padding:16px 16px 14px!important; border-radius:18px!important; box-shadow:0 20px 44px rgba(20,42,78,.20)!important; } .twmv-partner-modal > .twmv-modal-close{ position:absolute!important; top:12px!important; right:12px!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; border-radius:14px!important; } .twmv-partner-modal > .twmv-partner-eyebrow{ grid-area:eyebrow!important; margin:0!important; padding-right:52px!important; font-size:11px!important; line-height:1.2!important; letter-spacing:.04em!important; } .twmv-partner-modal > h2{ grid-area:title!important; margin:0 52px 2px 0!important; font-size:18px!important; line-height:1.14!important; } .twmv-partner-modal > .twmv-partner-description{ grid-area:desc!important; max-height:152px!important; min-height:0!important; margin:0!important; padding:12px 13px!important; border-radius:12px!important; font-size:12.8px!important; line-height:1.55!important; } .twmv-partner-modal > .twmv-partner-identifiers{ grid-area:ids!important; margin:0!important; padding:12px!important; gap:10px!important; border:1px solid #dbe6f2!important; border-radius:12px!important; background:#f7fbff!important; } .twmv-partner-modal > .twmv-partner-identifiers::before{ content:"Hinweis zur Zuordnung\A Bitte die hinterlegten Angaben möglichst unverändert verwenden."!important; white-space:pre-line!important; display:block!important; margin:0 0 4px!important; color:#536983!important; font-size:11.5px!important; line-height:1.42!important; font-weight:600!important; } .twmv-partner-modal .twmv-partner-identifier{ gap:5px!important; } .twmv-partner-modal .twmv-partner-identifier > span{ font-size:11px!important; line-height:1.25!important; color:#536983!important; } .twmv-partner-modal .twmv-partner-identifier > div{ display:grid!important; grid-template-columns:1fr!important; gap:7px!important; align-items:stretch!important; } .twmv-partner-modal .twmv-partner-identifier code{ min-height:40px!important; padding:9px 11px!important; border-radius:10px!important; font-size:11.2px!important; line-height:1.25!important; } .twmv-partner-modal .twmv-partner-identifier button{ width:100%!important; min-width:0!important; min-height:40px!important; padding:0 12px!important; border-radius:10px!important; justify-content:center!important; font-size:11px!important; font-weight:700!important; } .twmv-partner-modal > .twmv-partner-cta{ grid-area:cta!important; position:static!important; bottom:auto!important; margin:0!important; min-height:46px!important; border-radius:12px!important; box-shadow:0 8px 18px rgba(7,95,247,.12)!important; } .twmv-partner-modal::after{ display:none!important; content:none!important; } } @media (max-width:390px){ .twmv-watch-page .twmv-watch-list-tool{ padding-right:78px!important; } .twmv-watch-page .twmv-watch-list-inline-partner{ min-width:44px!important; width:44px!important; max-width:44px!important; min-height:29px!important; height:29px!important; } .twmv-partner-modal{ left:8px!important; right:8px!important; bottom:8px!important; max-height:min(78dvh, 620px)!important; padding:15px 14px 13px!important; } .twmv-partner-modal > h2{ font-size:17px!important; } .twmv-partner-modal > .twmv-partner-description{ max-height:146px!important; font-size:12.5px!important; } } /* v19 – Mobile-Korrektur: Schnellinfos nicht untereinander quetschen, Partner-Popup höher und sauberer */ @media (max-width:680px){ .twmv-watch-page .twmv-watch-list-tool{ padding-right:13px!important; align-items:flex-start!important; } .twmv-watch-page .twmv-watch-list-tool-copy{ width:100%!important; min-width:0!important; padding-right:0!important; } .twmv-watch-page .twmv-watch-list-tool-copy h2{ padding-right:52px!important; margin:0 0 8px!important; } .twmv-watch-page .twmv-watch-list-chips{ display:flex!important; flex-wrap:wrap!important; align-items:flex-start!important; justify-content:flex-start!important; gap:6px!important; max-width:100%!important; width:auto!important; } .twmv-watch-page .twmv-watch-list-chips span, .twmv-watch-page .twmv-watch-list-chips a{ flex:0 0 auto!important; max-width:none!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-list-tool-partner{ top:10px!important; right:9px!important; align-items:flex-start!important; justify-content:center!important; } .twmv-watch-page .twmv-watch-list-inline-partner{ min-width:38px!important; width:38px!important; max-width:38px!important; min-height:28px!important; height:28px!important; padding:0 4px!important; gap:3px!important; border-radius:10px!important; } .twmv-watch-page .twmv-watch-list-inline-partner svg:first-child{ width:11px!important; height:11px!important; } .twmv-watch-page .twmv-watch-list-inline-partner svg:last-child{ width:7px!important; height:7px!important; } .twmv-partner-backdrop{ align-items:flex-start!important; justify-content:center!important; padding:0!important; background:rgba(18,34,55,.30)!important; } .twmv-partner-modal{ left:8px!important; right:8px!important; top:74px!important; bottom:8px!important; width:auto!important; max-width:none!important; max-height:none!important; height:auto!important; padding:14px 14px 12px!important; row-gap:9px!important; border-radius:18px!important 18px 14px 14px!important; } .twmv-partner-modal > .twmv-modal-close{ top:10px!important; right:10px!important; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; border-radius:14px!important; } .twmv-partner-modal > .twmv-partner-eyebrow{ padding-right:50px!important; margin:0!important; } .twmv-partner-modal > h2{ margin:0 48px 0 0!important; font-size:17px!important; line-height:1.14!important; } .twmv-partner-modal > .twmv-partner-description{ max-height:180px!important; min-height:0!important; padding:12px 13px!important; margin:0!important; } .twmv-partner-modal > .twmv-partner-identifiers{ margin:0!important; padding:12px!important; gap:10px!important; } .twmv-partner-modal > .twmv-partner-cta{ margin-top:0!important; min-height:46px!important; } } @media (max-width:390px){ .twmv-watch-page .twmv-watch-list-tool-copy h2{ padding-right:48px!important; } .twmv-watch-page .twmv-watch-list-inline-partner{ min-width:36px!important; width:36px!important; max-width:36px!important; min-height:27px!important; height:27px!important; } .twmv-partner-modal{ top:72px!important; left:7px!important; right:7px!important; bottom:7px!important; padding:13px 13px 11px!important; } .twmv-partner-modal > .twmv-partner-description{ max-height:170px!important; } } /* v21 – Mobile Partner Popup: höher, kompakter, professioneller */ @media (max-width:680px){ .twmv-partner-backdrop{ align-items:flex-start!important; justify-content:center!important; padding:0!important; background:rgba(18,34,55,.30)!important; } .twmv-partner-modal{ left:8px!important; right:8px!important; top:8px!important; bottom:auto!important; width:auto!important; max-width:none!important; max-height:calc(100dvh - 16px)!important; height:auto!important; overflow:auto!important; padding:11px 11px 10px!important; row-gap:7px!important; border-radius:18px!important; } .twmv-partner-modal > .twmv-modal-close{ top:8px!important; right:8px!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; border-radius:12px!important; } .twmv-partner-modal > .twmv-partner-eyebrow{ margin:0!important; padding-right:42px!important; font-size:10.4px!important; line-height:1.15!important; } .twmv-partner-modal > h2{ margin:0 38px 2px 0!important; font-size:15px!important; line-height:1.12!important; } .twmv-partner-modal > .twmv-partner-description{ margin:0!important; padding:10px 11px!important; max-height:none!important; min-height:0!important; overflow:visible!important; font-size:11.8px!important; line-height:1.46!important; border-radius:12px!important; } .twmv-partner-modal > .twmv-partner-identifiers{ margin:0!important; padding:10px!important; gap:8px!important; border-radius:12px!important; } .twmv-partner-modal > .twmv-partner-identifiers::before{ margin:0 0 2px!important; font-size:11px!important; line-height:1.34!important; } .twmv-partner-modal .twmv-partner-identifier > span{ font-size:10.8px!important; margin-bottom:3px!important; } .twmv-partner-modal .twmv-partner-identifier > div{ gap:6px!important; } .twmv-partner-modal .twmv-partner-identifier code, .twmv-partner-modal .twmv-partner-identifier button{ min-height:36px!important; font-size:11px!important; border-radius:12px!important; } .twmv-partner-modal > .twmv-partner-cta{ margin-top:2px!important; min-height:42px!important; border-radius:14px!important; font-size:13px!important; } } @media (max-width:390px){ .twmv-partner-modal{ left:6px!important; right:6px!important; top:6px!important; max-height:calc(100dvh - 12px)!important; padding:10px 10px 9px!important; row-gap:6px!important; } .twmv-partner-modal > h2{ font-size:14px!important; margin:0 36px 2px 0!important; } .twmv-partner-modal > .twmv-partner-description{ padding:9px 10px!important; font-size:11.4px!important; line-height:1.43!important; } .twmv-partner-modal > .twmv-partner-identifiers{ padding:9px!important; gap:7px!important; } .twmv-partner-modal .twmv-partner-identifier code, .twmv-partner-modal .twmv-partner-identifier button{ min-height:34px!important; font-size:10.8px!important; } .twmv-partner-modal > .twmv-partner-cta{ min-height:40px!important; font-size:12.6px!important; } } /* v22 – Mobile Partner-Popup: Textfeinschliff + unteren Platz besser nutzen */ @media (max-width:680px){ .twmv-partner-modal > .twmv-partner-identifiers{ padding:10px 10px 11px!important; gap:8px!important; } .twmv-partner-modal > .twmv-partner-identifiers::before{ content:"Hinweis zur Zuordnung\A Damit die Zuordnung beim Anbieter sauber funktioniert, verwenden Sie die hier hinterlegten Angaben bitte möglichst unverändert."!important; margin:0 0 4px!important; font-size:11.1px!important; line-height:1.36!important; } .twmv-partner-modal > .twmv-partner-cta{ margin-top:4px!important; min-height:44px!important; } } @media (max-width:390px){ .twmv-partner-modal > .twmv-partner-identifiers::before{ content:"Hinweis zur Zuordnung\A Damit die Zuordnung beim Anbieter sauber funktioniert, verwenden Sie die hier hinterlegten Angaben bitte möglichst unverändert."!important; font-size:11px!important; line-height:1.34!important; } .twmv-partner-modal > .twmv-partner-cta{ margin-top:5px!important; min-height:44px!important; } } /* v23 – Mobile Partner-Popup: Beschreibung wieder als Scrollbereich + kompaktere Verteilung */ @media (min-width:391px) and (max-width:680px){ .twmv-partner-modal{ top:6px!important; max-height:calc(100dvh - 12px)!important; padding:10px 10px 10px!important; row-gap:6px!important; } .twmv-partner-modal > .twmv-partner-eyebrow{ font-size:10.2px!important; line-height:1.14!important; } .twmv-partner-modal > h2{ margin:0 38px 4px 0!important; font-size:14.6px!important; line-height:1.12!important; } .twmv-partner-modal > .twmv-partner-description{ padding:9px 10px!important; min-height:116px!important; max-height:136px!important; overflow:auto!important; font-size:11.5px!important; line-height:1.44!important; border-radius:12px!important; } .twmv-partner-modal > .twmv-partner-identifiers{ padding:9px!important; gap:7px!important; } .twmv-partner-modal > .twmv-partner-identifiers::before{ content:"Hinweis zur Zuordnung\A Bitte verwenden Sie die hinterlegten Angaben möglichst unverändert, damit die Zuordnung beim Anbieter sauber funktioniert."!important; margin:0 0 3px!important; font-size:10.9px!important; line-height:1.33!important; } .twmv-partner-modal .twmv-partner-identifier > span{ margin-bottom:2px!important; font-size:10.7px!important; } .twmv-partner-modal .twmv-partner-identifier code, .twmv-partner-modal .twmv-partner-identifier button{ min-height:35px!important; font-size:10.9px!important; } .twmv-partner-modal > .twmv-partner-cta{ margin-top:4px!important; min-height:42px!important; } } @media (max-width:390px){ .twmv-partner-modal{ left:6px!important; right:6px!important; top:4px!important; max-height:calc(100dvh - 8px)!important; padding:8px 8px 9px!important; row-gap:5px!important; border-radius:16px!important; } .twmv-partner-modal > .twmv-modal-close{ top:7px!important; right:7px!important; width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; border-radius:11px!important; } .twmv-partner-modal > .twmv-partner-eyebrow{ margin:0!important; padding-right:38px!important; font-size:9.9px!important; line-height:1.12!important; } .twmv-partner-modal > h2{ margin:0 36px 3px 0!important; font-size:13.4px!important; line-height:1.1!important; } .twmv-partner-modal > .twmv-partner-description{ margin:0!important; padding:9px 10px!important; min-height:112px!important; max-height:132px!important; overflow:auto!important; font-size:11.2px!important; line-height:1.42!important; border-radius:12px!important; } .twmv-partner-modal > .twmv-partner-identifiers{ margin:0!important; padding:8px!important; gap:6px!important; border-radius:12px!important; } .twmv-partner-modal > .twmv-partner-identifiers::before{ content:"Hinweis zur Zuordnung\A Bitte verwenden Sie die hinterlegten Angaben möglichst unverändert, damit die Zuordnung beim Anbieter sauber funktioniert."!important; margin:0 0 3px!important; font-size:10.6px!important; line-height:1.31!important; } .twmv-partner-modal .twmv-partner-identifier{ gap:4px!important; } .twmv-partner-modal .twmv-partner-identifier > span{ margin-bottom:1px!important; font-size:10.5px!important; } .twmv-partner-modal .twmv-partner-identifier > div{ gap:5px!important; } .twmv-partner-modal .twmv-partner-identifier code, .twmv-partner-modal .twmv-partner-identifier button{ min-height:33px!important; font-size:10.6px!important; border-radius:11px!important; } .twmv-partner-modal > .twmv-partner-cta{ margin-top:4px!important; min-height:40px!important; font-size:12.5px!important; border-radius:13px!important; } } /* v24 – Mobile Partner-Popup: voller Text + echter Scrollbereich + saubere Fixierung */ @media (max-width:680px){ .twmv-partner-backdrop{ align-items:flex-start!important; justify-content:center!important; padding:0!important; overflow:hidden!important; } .twmv-partner-modal{ position:fixed!important; left:8px!important; right:8px!important; width:auto!important; margin:0!important; overflow:hidden!important; } .twmv-partner-modal > .twmv-partner-description{ min-height:128px!important; max-height:154px!important; overflow-y:auto!important; overflow-x:hidden!important; padding-right:12px!important; scrollbar-width:thin!important; scrollbar-color:#8fa4c0 #eef3f9!important; } .twmv-partner-modal > .twmv-partner-description::-webkit-scrollbar{ width:8px!important; } .twmv-partner-modal > .twmv-partner-description::-webkit-scrollbar-track{ background:#eef3f9!important; border-radius:999px!important; } .twmv-partner-modal > .twmv-partner-description::-webkit-scrollbar-thumb{ background:#8fa4c0!important; border-radius:999px!important; border:2px solid #eef3f9!important; } } @media (max-width:390px){ .twmv-partner-modal{ left:6px!important; right:6px!important; top:4px!important; bottom:6px!important; max-height:calc(100dvh - 10px)!important; padding:8px 8px 10px!important; row-gap:6px!important; } .twmv-partner-modal > .twmv-partner-eyebrow{ margin-top:4px!important; padding-right:40px!important; font-size:10px!important; } .twmv-partner-modal > h2{ margin:0 38px 4px 0!important; font-size:13.6px!important; } .twmv-partner-modal > .twmv-partner-description{ min-height:134px!important; max-height:160px!important; font-size:11.2px!important; line-height:1.43!important; } .twmv-partner-modal > .twmv-partner-identifiers{ padding:8px!important; gap:6px!important; } .twmv-partner-modal > .twmv-partner-identifiers::before{ content:"Hinweis zur Zuordnung\A Damit die Zuordnung beim Anbieter sauber funktioniert, verwenden Sie die hinterlegten Angaben bitte möglichst unverändert."!important; margin:0 0 3px!important; font-size:10.5px!important; line-height:1.32!important; } .twmv-partner-modal .twmv-partner-identifier > span{ margin-bottom:1px!important; font-size:10.5px!important; } .twmv-partner-modal .twmv-partner-identifier code, .twmv-partner-modal .twmv-partner-identifier button{ min-height:32px!important; font-size:10.5px!important; } .twmv-partner-modal > .twmv-partner-cta{ margin-top:4px!important; min-height:40px!important; font-size:12.4px!important; } } /* v25 – finales Mobile-Override für kompaktes, sauberes Partner-Popup */ @media (max-width:680px){ .twmv-partner-backdrop{ align-items:flex-start!important; justify-content:center!important; padding:0!important; overflow:hidden!important; } .twmv-partner-modal{ position:fixed!important; left:8px!important; right:8px!important; top:4px!important; bottom:auto!important; width:auto!important; height:auto!important; max-height:calc(100dvh - 12px)!important; margin:0!important; padding:10px!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:8px!important; overflow:auto!important; border-radius:18px!important; box-sizing:border-box!important; } .twmv-partner-modal > .twmv-modal-close{ top:8px!important; right:8px!important; width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; } .twmv-partner-modal > .twmv-partner-eyebrow{ margin:4px 0 0!important; padding:0 42px 0 0!important; font-size:10.4px!important; line-height:1.2!important; } .twmv-partner-modal > h2{ margin:0 42px 0 0!important; font-size:14px!important; line-height:1.18!important; } .twmv-partner-modal > .twmv-partner-description{ margin:0!important; min-height:118px!important; max-height:146px!important; padding:10px 12px!important; overflow-y:auto!important; overflow-x:hidden!important; font-size:11.3px!important; line-height:1.45!important; border-radius:14px!important; scrollbar-width:thin!important; scrollbar-color:#8fa4c0 #eef3f9!important; } .twmv-partner-modal > .twmv-partner-description::-webkit-scrollbar{width:8px!important} .twmv-partner-modal > .twmv-partner-description::-webkit-scrollbar-track{background:#eef3f9!important;border-radius:999px!important} .twmv-partner-modal > .twmv-partner-description::-webkit-scrollbar-thumb{background:#8fa4c0!important;border-radius:999px!important;border:2px solid #eef3f9!important} .twmv-partner-modal > .twmv-partner-identifiers{ margin:0!important; padding:10px!important; gap:8px!important; border-radius:14px!important; } .twmv-partner-modal > .twmv-partner-identifiers::before{ content:"Hinweis zur Zuordnung\A Damit die Zuordnung beim Anbieter sauber funktioniert, verwenden Sie die hinterlegten Angaben bitte möglichst unverändert."!important; margin:0 0 2px!important; font-size:10.7px!important; line-height:1.34!important; } .twmv-partner-modal .twmv-partner-identifier{ gap:4px!important; } .twmv-partner-modal .twmv-partner-identifier > span{ margin:0!important; font-size:10.8px!important; line-height:1.25!important; } .twmv-partner-modal .twmv-partner-identifier > div{ gap:6px!important; } .twmv-partner-modal .twmv-partner-identifier code, .twmv-partner-modal .twmv-partner-identifier button{ min-height:36px!important; font-size:10.9px!important; border-radius:12px!important; } .twmv-partner-modal > .twmv-partner-cta{ margin-top:0!important; min-height:42px!important; font-size:12.8px!important; border-radius:14px!important; } } @media (max-width:390px){ .twmv-partner-modal{ left:6px!important; right:6px!important; top:4px!important; max-height:calc(100dvh - 10px)!important; padding:9px!important; gap:7px!important; } .twmv-partner-modal > .twmv-modal-close{ width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; top:7px!important; right:7px!important; } .twmv-partner-modal > .twmv-partner-eyebrow{ padding-right:40px!important; font-size:10px!important; } .twmv-partner-modal > h2{ margin:0 40px 0 0!important; font-size:13.6px!important; } .twmv-partner-modal > .twmv-partner-description{ min-height:112px!important; max-height:138px!important; font-size:11.1px!important; } .twmv-partner-modal > .twmv-partner-identifiers::before{ font-size:10.5px!important; } .twmv-partner-modal .twmv-partner-identifier > span, .twmv-partner-modal .twmv-partner-identifier code, .twmv-partner-modal .twmv-partner-identifier button{ font-size:10.5px!important; } .twmv-partner-modal > .twmv-partner-cta{ min-height:40px!important; font-size:12.4px!important; } } /* v26 – mobile partner popup: order + text refinement */ @media (max-width:680px){ .twmv-partner-modal > .twmv-partner-identifiers::before{ content:"Hinweis zur Zuordnung\A Damit die Zuordnung beim Anbieter sauber funktioniert, verwenden Sie die hinterlegten Angaben bitte möglichst unverändert und vollständig bei der Anmeldung."!important; } } /* v29 – Tablet: Partner-Icon in der Tool-Spalte deutlich kompakter */ @media (min-width:681px) and (max-width:1024px){ .twmv-watch-page .twmv-watch-list-tool-partner{ top:8px!important; right:10px!important; align-items:flex-start!important; justify-content:center!important; } .twmv-watch-page .twmv-watch-list-inline-partner{ min-width:50px!important; width:50px!important; max-width:50px!important; min-height:32px!important; height:32px!important; padding:0 6px!important; gap:4px!important; border-radius:10px!important; } .twmv-watch-page .twmv-watch-list-inline-partner svg:first-child{ width:12px!important; height:12px!important; stroke-width:1.9!important; } .twmv-watch-page .twmv-watch-list-inline-partner svg:last-child{ width:8px!important; height:8px!important; stroke-width:2.05!important; } } /* ============================================================ ToolWissen V1.0 – Mobile Such- und Sortierleiste (V30) ============================================================ */ html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-toolbar-compact{ display:contents!important; } html body .twmv-watch-page .twmv-watch-sort-toggle-button{ display:none!important; } html body .twmv-watch-page .twmv-watch-sort-toggle-button span, html body .twmv-watch-page .twmv-watch-sort-toggle-button svg{ display:block!important; } html body .twmv-watch-page .twmv-watch-sort-toggle-button svg{ width:20px!important; height:20px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.9!important; stroke-linecap:round!important; stroke-linejoin:round!important; } @media (max-width:767px){ html body .twmv-watch-page .twmv-watch-toolbar{ display:block!important; margin-top:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-toolbar-compact{ display:grid!important; grid-template-columns:minmax(0,1fr) 52px!important; align-items:center!important; gap:10px!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search{ margin:0!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search{ min-height:52px!important; height:52px!important; padding:0 14px!important; border:1px solid #dbe4ef!important; border-radius:14px!important; background:#fff!important; box-shadow:0 8px 22px rgba(15,34,67,.06)!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search input{ font-size:14px!important; } html body .twmv-watch-page .twmv-watch-sort-toggle-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:52px!important; min-width:52px!important; height:52px!important; padding:0!important; border:1px solid #dbe4ef!important; border-radius:14px!important; background:#fff!important; color:#19314f!important; box-shadow:0 8px 22px rgba(15,34,67,.06)!important; cursor:pointer!important; transition:border-color .2s ease,box-shadow .2s ease,color .2s ease!important; } html body .twmv-watch-page .twmv-watch-sort-toggle-button:hover, html body .twmv-watch-page .twmv-watch-sort-toggle-button:focus, html body .twmv-watch-page .twmv-watch-sort-toggle-button:active, html body .twmv-watch-page .twmv-watch-toolbar.is-sort-open .twmv-watch-sort-toggle-button{ border-color:#7faee8!important; color:#0f4fa8!important; box-shadow:0 0 0 3px rgba(7,95,247,.08),0 10px 24px rgba(15,34,67,.08)!important; outline:none!important; } /* Mobile: wieder die bewährte native Auswahl. Das Betriebssystem öffnet das Optionsmenü; die Gruppierung bleibt über optgroup erhalten. */ html body .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row--native{ display:none!important; width:100%!important; margin-top:12px!important; padding:14px!important; border:1px solid #dbe4ef!important; border-radius:16px!important; background:#fff!important; box-shadow:0 8px 22px rgba(15,34,67,.06)!important; } html body .twmv-watch-page .twmv-watch-toolbar.is-sort-open .twmv-sort-row--native{display:block!important} html body .twmv-watch-page .twmv-sort-native-label{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; width:100%!important; color:#53657e!important; font-size:12px!important; font-weight:600!important; line-height:1.25!important; white-space:normal!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-sort-label{ display:block!important; margin:0!important; color:#17365f!important; font-size:12px!important; font-weight:800!important; letter-spacing:.01em!important; } html body .twmv-watch-page .twmv-sort-native-field{display:block!important;width:100%!important} html body .twmv-watch-page .twmv-sort-native-field select{ width:100%!important; min-width:0!important; height:48px!important; padding:0 42px 0 13px!important; border:1px solid #d7e2ee!important; border-radius:12px!important; background:#fff!important; color:#17365f!important; font-size:13px!important; font-weight:600!important; box-shadow:none!important; } html body .twmv-watch-page .twmv-sort-native-field select optgroup{ color:#17365f!important; background:#eef5ff!important; font-weight:800!important; } html body .twmv-watch-page .twmv-sort-native-field select option{ color:#334c6e!important; background:#fff!important; font-weight:500!important; } } @media (max-width:420px){ html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-toolbar-compact{ grid-template-columns:minmax(0,1fr) 50px!important; gap:9px!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search{ min-height:50px!important; height:50px!important; border-radius:13px!important; } html body .twmv-watch-page .twmv-watch-sort-toggle-button{ width:50px!important; min-width:50px!important; height:50px!important; border-radius:13px!important; } } @media (min-width:768px) and (max-width:1199px){ } @media (max-width:767px){ } @media (max-width:380px){ } @media (max-width:767px){ } /* sehr kleine Smartphones */ @media (max-width:359px){ } /* typische 360–429-px Smartphones */ @media (min-width:360px) and (max-width:429px){ } /* größere Smartphones */ @media (min-width:430px) and (max-width:559px){ } /* sehr große Smartphones / kleine mobile Viewports */ @media (min-width:560px) and (max-width:767px){ } @media (min-width:1025px){ .twmv-watch-page > .twmv-breadcrumb{ margin-top:8px!important; } } @media (max-width:767px){ .twmv-watch-page > .twmv-breadcrumb{ margin-top:8px!important; } } /* ============================================================ ToolWissen V1.0 – Vergleich: Gutschein professionell (V37) ============================================================ */ .twmv-compare-page .twmv-compare-cell[data-row="offer"]{ align-items:center!important; min-height:84px!important; } .twmv-compare-page .twmv-compare-offer{ display:flex!important; width:100%!important; min-width:0!important; flex-direction:column!important; align-items:flex-start!important; gap:10px!important; } .twmv-compare-page .twmv-compare-offer__text{ max-width:100%!important; color:#405675!important; font-size:14px!important; line-height:1.45!important; text-wrap:pretty!important; } .twmv-compare-page .twmv-compare-coupon{ display:inline-flex!important; max-width:100%!important; min-height:38px!important; align-items:center!important; overflow:hidden!important; border:1px solid #cddff6!important; border-radius:10px!important; background:#f3f8ff!important; color:#075bd7!important; } .twmv-compare-page .twmv-compare-coupon code{ display:block!important; max-width:calc(100% - 40px)!important; overflow:hidden!important; padding:8px 11px!important; background:transparent!important; color:#075bd7!important; font-family:inherit!important; font-size:13px!important; font-weight:800!important; line-height:1.2!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-compare-page .twmv-compare-coupon__copy{ display:inline-flex!important; width:38px!important; min-width:38px!important; height:38px!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; border:0!important; border-left:1px solid #cddff6!important; border-radius:0!important; background:#fff!important; color:#075bd7!important; box-shadow:none!important; cursor:pointer!important; transition:background .16s ease,color .16s ease,border-color .16s ease!important; } .twmv-compare-page .twmv-compare-coupon__copy svg{ width:16px!important; height:16px!important; fill:none!important; stroke:currentColor!important; stroke-width:2!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .twmv-compare-page .twmv-compare-coupon__copy:hover, .twmv-compare-page .twmv-compare-coupon__copy:focus-visible{ background:#eaf3ff!important; color:#064caf!important; outline:none!important; } .twmv-compare-page .twmv-compare-coupon__copy.is-copied{ background:#edf8f4!important; color:#087b50!important; border-left-color:#bfe2d4!important; } @media (max-width:900px){ .twmv-compare-page .twmv-compare-cell[data-row="offer"]{ min-height:80px!important; } .twmv-compare-page .twmv-compare-offer{ gap:8px!important; } .twmv-compare-page .twmv-compare-offer__text{ font-size:13px!important; line-height:1.42!important; } .twmv-compare-page .twmv-compare-coupon{ min-height:36px!important; } .twmv-compare-page .twmv-compare-coupon code{ padding:7px 10px!important; font-size:12.5px!important; } .twmv-compare-page .twmv-compare-coupon__copy{ width:36px!important; min-width:36px!important; height:36px!important; } } @media (max-width:767px){ .twmv-compare-page .twmv-compare-offer__text{ font-size:12.5px!important; } .twmv-compare-page .twmv-compare-coupon{ width:auto!important; max-width:100%!important; } } /* ============================================================ ToolWissen V1.0 – Vergleich Gutschein + Bildschutz (V38) ============================================================ */ .twmv-compare-page .twmv-compare-cell[data-row="offer"]{ box-sizing:border-box!important; overflow:hidden!important; } .twmv-compare-page .twmv-compare-offer{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } .twmv-compare-page .twmv-compare-offer__text{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } .twmv-compare-page .twmv-compare-coupon{ display:flex!important; width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; align-self:stretch!important; } .twmv-compare-page .twmv-compare-coupon code{ flex:1 1 auto!important; width:auto!important; max-width:none!important; min-width:0!important; box-sizing:border-box!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-compare-page .twmv-compare-coupon__copy{ flex:0 0 40px!important; width:40px!important; min-width:40px!important; max-width:40px!important; box-sizing:border-box!important; } /* Bild-/Logo-Schutz nur innerhalb der Vergleichsansicht. */ .twmv-compare-page .twmv-compare-logo, .twmv-compare-page .twmv-summary-tool-logo, .twmv-compare-page .twmv-sticky-logo, .twmv-compare-page .twmv-mobile-rating-logo{ flex-shrink:0!important; overflow:hidden!important; } .twmv-compare-page .twmv-compare-logo img, .twmv-compare-page .twmv-summary-tool-logo img, .twmv-compare-page .twmv-sticky-logo img, .twmv-compare-page .twmv-mobile-rating-logo img{ display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; } @media (min-width:768px) and (max-width:1179px){ .twmv-compare-page .twmv-compare-coupon{ display:inline-flex!important; width:fit-content!important; max-width:100%!important; min-width:0!important; min-height:36px!important; align-self:flex-start!important; flex:0 1 auto!important; } .twmv-compare-page .twmv-compare-coupon code{ flex:0 1 auto!important; width:auto!important; max-width:calc(100% - 36px)!important; min-width:0!important; padding:7px 10px!important; font-size:12.5px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .twmv-compare-page .twmv-compare-coupon__copy{ flex:0 0 36px!important; width:36px!important; min-width:36px!important; max-width:36px!important; height:36px!important; } } @media (max-width:767px){ .twmv-compare-page .twmv-compare-coupon{ width:100%!important; max-width:100%!important; min-height:36px!important; } .twmv-compare-page .twmv-compare-coupon code{ padding:7px 9px!important; font-size:12px!important; } .twmv-compare-page .twmv-compare-coupon__copy{ flex-basis:36px!important; width:36px!important; min-width:36px!important; max-width:36px!important; height:36px!important; } } /* ============================================================ ToolWissen V1.0 – Vergleich: sauberer Abstand zwischen Listeninhalt und "weitere anzeigen" (V40) ============================================================ */ .twmv-compare-page .twmv-expandable-list.has-more, .twmv-compare-page .twmv-text-preview.has-more, .twmv-compare-page .twmv-token-set.has-more{ row-gap:18px!important; } /* Der Button bleibt innerhalb gleich hoher Vergleichszeilen unten ausgerichtet; row-gap garantiert trotzdem einen Mindestabstand. */ .twmv-compare-page .twmv-expandable-list.has-more > .twmv-inline-toggle, .twmv-compare-page .twmv-text-preview.has-more > .twmv-inline-toggle, .twmv-compare-page .twmv-token-set.has-more > .twmv-token-more{ margin-top:auto!important; } @media (min-width:768px) and (max-width:1179px){ .twmv-compare-page .twmv-expandable-list.has-more, .twmv-compare-page .twmv-text-preview.has-more, .twmv-compare-page .twmv-token-set.has-more{ row-gap:16px!important; } } @media (max-width:767px){ .twmv-compare-page .twmv-expandable-list.has-more, .twmv-compare-page .twmv-text-preview.has-more, .twmv-compare-page .twmv-token-set.has-more{ row-gap:14px!important; } } @media (min-width:768px){ } @media (min-width:1200px){} @media (min-width:768px) and (max-width:1199px){} .twmv-watch-page, .twmv-compare-page{ padding-bottom:0!important; margin-bottom:0!important; } .twmv-watch-page>.twmv-breadcrumb, .twmv-compare-page>.twmv-breadcrumb{ min-height:22px; margin:22px 0 22px!important; padding:0!important; } .twmv-watch-page>.twmv-editorial-tip{ margin-top:22px!important; margin-bottom:20px!important; } .twmv-compare-page .twmv-compare-closing{ margin:0!important; padding:20px 0 20px!important; } .twmv-compare-page .twmv-compare-closing>.twmv-editorial-note{ margin:0!important; } body:has(.twmv-watch-page) :is(#content,.site-content,.site-main,main.site-main,.page-content,.entry-content,.wp-block-post-content,article.page), body:has(.twmv-compare-page) :is(#content,.site-content,.site-main,main.site-main,.page-content,.entry-content,.wp-block-post-content,article.page){ margin-bottom:0!important; padding-bottom:0!important; } @media(max-width:1024px){ .twmv-watch-page>.twmv-breadcrumb, .twmv-compare-page>.twmv-breadcrumb{ margin:18px 0 20px!important; } .twmv-watch-page>.twmv-editorial-tip{ margin-top:20px!important; margin-bottom:18px!important; } .twmv-compare-page .twmv-compare-closing{ padding:18px 0 18px!important; } } @media(max-width:767px){ .twmv-watch-page>.twmv-breadcrumb, .twmv-compare-page>.twmv-breadcrumb{ min-height:20px; margin:14px 0 16px!important; } .twmv-watch-page>.twmv-editorial-tip{ margin-top:16px!important; margin-bottom:14px!important; } .twmv-compare-page .twmv-compare-closing{ padding:14px 0 14px!important; } } /* ============================================================ ToolWissen v1.0 – Merkliste / Vergleich final konsolidiert Eine Quelle für Breadcrumb-Abstände, Abschlussabstände und die gestrichelten Platzhalterlinien. Keine Negativ-Margins, keine doppelten Rahmen, keine zusätzlichen Eck-Pseudos. ============================================================ */ .twmv-watch-page>.twmv-breadcrumb, .twmv-compare-page>.twmv-breadcrumb{ margin:20px 0!important; } .twmv-watch-page>.twmv-editorial-tip{ margin-top:18px!important; margin-bottom:22px!important; } .twmv-watch-page>.twmv-editorial-tip p, .twmv-compare-page .twmv-editorial-note p{ text-wrap:pretty; orphans:3; widows:3; } .twmv-compare-page .twmv-compare-closing{ padding:16px 0 30px!important; } .twmv-compare-page .twmv-editorial-note{ margin-bottom:0!important; } /* Einheitliche Tabellenlinien. */ .twmv-compare-page .twmv-compare-table{ overflow:hidden!important; border-color:#d4deeb!important; } .twmv-compare-page .twmv-compare-row{ border-top:1px solid #d4deeb!important; } .twmv-compare-page .twmv-compare-label, .twmv-compare-page .twmv-compare-cell, .twmv-compare-page .twmv-compare-head{ border-left:1px solid #d4deeb!important; } .twmv-compare-page .twmv-compare-label{ border-left:0!important; } /* * Platzhalterkopf: Jeder Trenner wird exakt EINMAL gezeichnet. * Die linke gestrichelte Linie sitzt ohne Verschiebung auf der * gleichen Grid-Grenze wie die solide Linie in den Zeilen darunter. */ .twmv-compare-page .twmv-compare-row--head>.twmv-compare-placeholder{ position:relative!important; box-sizing:border-box!important; min-width:0!important; margin:0!important; padding:10px!important; overflow:hidden!important; border:0!important; border-top:1px dashed #b3c3d7!important; border-bottom:1px dashed #b3c3d7!important; border-left:1px dashed #b3c3d7!important; border-radius:0!important; background:#fbfdff!important; box-shadow:none!important; } .twmv-compare-page .twmv-compare-row--head>.twmv-compare-placeholder:last-child{ border-right:1px dashed #b3c3d7!important; border-top-right-radius:13px!important; } .twmv-compare-page .twmv-compare-row--head>.twmv-compare-placeholder::before, .twmv-compare-page .twmv-compare-row--head>.twmv-compare-placeholder::after{ display:none!important; content:none!important; } .twmv-compare-page .twmv-compare-row--head>.twmv-compare-placeholder>button{ position:relative; z-index:1; display:flex!important; box-sizing:border-box!important; width:100%!important; height:100%!important; min-width:0!important; min-height:172px!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; gap:8px!important; padding:18px 14px!important; overflow:hidden!important; border:0!important; border-radius:10px!important; background:#f8fbff!important; color:#17325c!important; box-shadow:none!important; } .twmv-compare-page .twmv-compare-placeholder>button strong, .twmv-compare-page .twmv-compare-placeholder>button span{ display:block!important; min-width:0!important; max-width:100%!important; margin-inline:auto!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; hyphens:none!important; text-align:center!important; text-wrap:balance!important; } .twmv-compare-page .twmv-compare-placeholder>button strong{ font-size:18px!important; line-height:1.2!important; } .twmv-compare-page .twmv-compare-placeholder>button span{ width:min(100%,23ch)!important; font-size:14px!important; line-height:1.42!important; } @media(max-width:1024px){ .twmv-watch-page>.twmv-breadcrumb, .twmv-compare-page>.twmv-breadcrumb{margin:18px 0!important} .twmv-watch-page>.twmv-editorial-tip{margin-bottom:18px!important} .twmv-compare-page .twmv-compare-closing{padding:14px 0 24px!important} } @media(max-width:767px){ .twmv-watch-page>.twmv-breadcrumb, .twmv-compare-page>.twmv-breadcrumb{margin:14px 0 15px!important} .twmv-watch-page>.twmv-editorial-tip{margin-top:15px!important;margin-bottom:14px!important} .twmv-compare-page .twmv-compare-closing{padding:12px 0 18px!important} .twmv-compare-page .twmv-compare-row--head>.twmv-compare-placeholder{padding:8px!important} .twmv-compare-page .twmv-compare-row--head>.twmv-compare-placeholder>button{min-height:150px!important;padding:15px 10px!important} } /* Merkliste-Suche: Fokus nur über die Rahmenfarbe, ohne grauen Außenhalo. */ html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search, html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search:focus-within{ box-shadow:none!important; } html body .twmv .twmv-search input:focus, html body .twmv .twmv-search input:focus-visible{ outline:none!important; box-shadow:none!important; } /* Feinkorrektur: 1px-Verbindungsstück zwischen Kopf-Platzhalter und Folgezeile */ .twmv-compare-page .twmv-compare-row--head>.twmv-compare-placeholder{ overflow:visible!important; } .twmv-compare-page .twmv-compare-row--head>.twmv-compare-placeholder::after{ content:""!important; display:block!important; position:absolute!important; left:0!important; bottom:-1px!important; width:1px!important; height:3px!important; background:#b3c3d7!important; } .twmv-compare-page .twmv-compare-row--head>.twmv-compare-placeholder:last-child::before{ content:""!important; display:block!important; position:absolute!important; right:0!important; bottom:-1px!important; width:1px!important; height:3px!important; background:#b3c3d7!important; } /* ToolWissen v1.0 – Merkliste: etwas mehr Luft zwischen Tool-Karten auf Mobile. */ @media (max-width:767px){ html body .twmv-watch-page .twmv-watch-grid{gap:24px!important} } /* ============================================================ ToolWissen v1.0 – Merkliste Sortierung finaler Feinschliff - keine optgroup-Zwischenüberschriften mehr - Desktop: Sortierfeld bleibt vollständig innerhalb des Inhalts ============================================================ */ @media (min-width:1180px){ html body .twmv-watch-page .twmv-watch-toolbar{ grid-template-columns:minmax(0,1fr) minmax(390px,430px)!important; column-gap:22px!important; width:100%!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search{ grid-column:1!important; min-width:0!important; width:100%!important; max-width:none!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row{ grid-column:2!important; grid-template-columns:auto minmax(0,1fr)!important; width:100%!important; min-width:0!important; padding-left:0!important; justify-self:stretch!important; gap:12px!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-sort-native-field, html body .twmv-watch-page .twmv-sort-native-field select, html body .twmv-watch-page .twmv-custom-select--sort{ width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } } /* Desktop-Korrektur: Label + Auswahl bleiben als EIN sauberer Block im rechten Rasterfeld. */ @media (min-width:1180px){ html body .twmv-watch-page .twmv-watch-toolbar{ grid-template-columns:minmax(0,1fr) minmax(430px,480px)!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row--native{ grid-area:sort!important; justify-self:stretch!important; display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; justify-self:stretch!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-sort-native-label{ display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; align-items:center!important; gap:12px!important; width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-sort-native-field, html body .twmv-watch-page .twmv-sort-native-field select{ width:100%!important; min-width:0!important; max-width:100%!important; } } /* ================================================================ * V1.0 – 2026-08-21: Modal-Portal, CLS und Lighthouse-Kontrast * ================================================================ */ /* Dialoge, die direkt unter gemountet werden, erhalten dieselben Design-Tokens wie die Collection-Wurzel und liegen sicher über dem Header. */ .twmv-modal-backdrop{ --twmv-ink:#071735;--twmv-copy:#24385e;--twmv-muted:#65779a;--twmv-blue:#075ff7; --twmv-blue-2:#086df5;--twmv-blue-soft:#eef5ff;--twmv-line:#dce5f2; --twmv-line-2:#e9eef6;--twmv-soft:#f7faff;--twmv-green:#079867; --twmv-negative:#075bd7;--twmv-gold:#ffb200; z-index:2147483647!important; box-sizing:border-box; font-family:inherit; color:var(--twmv-copy); } .twmv-modal-backdrop *,.twmv-modal-backdrop *::before,.twmv-modal-backdrop *::after{box-sizing:border-box} .twmv-modal-backdrop button,.twmv-modal-backdrop input,.twmv-modal-backdrop select{font:inherit} .twmv-modal-backdrop a{color:inherit;text-decoration:none} .twmv-modal-backdrop svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .twmv-modal-portal{padding-top:max(20px,env(safe-area-inset-top))!important;padding-right:max(20px,env(safe-area-inset-right))!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important;padding-left:max(20px,env(safe-area-inset-left))!important} .twmv-modal-portal .twmv-picker{max-height:calc(100dvh - var(--twmv-modal-top-offset,0px) - 40px);padding-top:54px} .twmv-modal-portal .twmv-modal-close{top:10px!important;right:10px!important;z-index:3;width:44px;height:44px;color:#071735} .twmv-modal-portal .twmv-picker h2{padding-right:42px} /* Die Platzhalter haben exakt dieselbe Geometrie wie die echten Filter und werden beim Initialisieren atomar ersetzt. So bleibt die Toolbar stehen. */ .twmv-filter-placeholder{pointer-events:none;cursor:default!important;user-select:none} /* Lighthouse 13.4: #667a99 lag auf #fbfdff knapp unter 4.5:1. */ .twmv-compare-toolbar__copy span{color:#526987!important} @media (max-width:767px){ .twmv-modal-portal{padding-top:max(10px,env(safe-area-inset-top))!important;padding-right:max(10px,env(safe-area-inset-right))!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important;padding-left:max(10px,env(safe-area-inset-left))!important} .twmv-modal-portal .twmv-picker{width:100%;max-height:calc(100dvh - var(--twmv-modal-top-offset,0px) - 20px);padding-top:18px} .twmv-modal-portal .twmv-modal-close{top:7px!important;right:7px!important} .twmv-modal-portal .twmv-picker h2{min-height:32px;display:flex;align-items:center;margin-bottom:10px;padding-right:0} } /* ToolWissen v1.0: Originalwährung unter umgerechneten Vergleichspreisen. */ .twmv-price-original{display:block;margin-top:3px;font-size:11.5px;line-height:1.3;font-weight:600;color:#6b778c} /* v1.0 Währungssystem – zentrale Anzeige ohne Änderung der Vergleichslogik. */ .twmv-currency-price{display:inline-flex;min-width:0;flex-direction:column;gap:3px}.twmv-currency-price>[data-tw-currency-main]{font-weight:800;color:inherit;overflow-wrap:anywhere}.twmv-price-original{display:block;color:#627089;font-size:11.5px;line-height:1.3;font-weight:650}.twmv-watch-price-content{display:flex;min-width:0;flex-direction:column;gap:4px}.twmv-watch-price-hint{color:#627089;font-size:12px;line-height:1.3}.twmv-price-column-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0}.twmv-compare-label[data-row="price"]{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}@media(max-width:767px){.twmv-price-column-head{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}.twmv-compare-label[data-row="price"]{align-items:flex-start;flex-direction:column}.twmv-currency-price{max-width:100%}.twmv-price-original{font-size:11px}} .twmv-watch-page .twmv-watch-list-price .twmv-currency-price{display:inline-flex!important;max-height:none!important;overflow:visible!important;flex-direction:column!important;gap:3px!important;-webkit-line-clamp:unset!important}.twmv-watch-page .twmv-watch-list-price .twmv-currency-price>[data-tw-currency-main]{display:block!important;max-height:none!important;overflow:visible!important;color:#0b2245!important;font-size:17px!important;font-weight:700!important;line-height:1.2!important;-webkit-line-clamp:unset!important}.twmv-watch-page .twmv-watch-list-price .twmv-currency-price>.twmv-price-original{display:block!important;max-height:none!important;overflow:visible!important;color:#405675!important;-webkit-text-fill-color:#405675!important;font-size:11.5px!important;font-weight:600!important;line-height:1.35!important;-webkit-line-clamp:unset!important}.twmv-watch-page .twmv-watch-list-price .twmv-currency-price>.twmv-price-original[hidden]{display:none!important}@media(max-width:767px){.twmv-watch-page .twmv-watch-list-price .twmv-currency-price>[data-tw-currency-main]{font-size:16px!important}} .twmv-inline-currency-trigger{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:baseline;justify-content:center;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;line-height:inherit;cursor:pointer}.twmv-inline-currency-trigger [data-tw-currency-code]{color:inherit;font:inherit;font-weight:inherit;line-height:inherit} /* v1.0 Merkliste Desktop: Preiszeile zusammenhalten + Bewertungsquelle klarer. */ @media (min-width:1180px){ .twmv-watch-page .twmv-watch-list-price .twmv-currency-price>[data-tw-currency-main]{ display:inline-flex!important; align-items:baseline!important; flex-wrap:nowrap!important; gap:4px!important; width:max-content!important; max-width:100%!important; white-space:nowrap!important; overflow-wrap:normal!important; } .twmv-watch-page .twmv-watch-list-price [data-tw-currency-amount], .twmv-watch-page .twmv-watch-list-price [data-tw-currency-interval-part]{ display:inline!important; white-space:nowrap!important; } .twmv-watch-page .twmv-watch-rating-source{ font-weight:800!important; } } /* ============================================================ ToolWissen v1.0 – Vergleich: Partnerprogramm kompakt im Kopf Der interne Partnerprogramm-Öffner sitzt als bekanntes Icon im freien Kopfbereich. Der frühere Textbutton unter „Zum Anbieter“ entfällt vollständig; dadurch bleibt die Kartenhierarchie ruhig. ============================================================ */ .twmv-compare-page .twmv-compare-head.has-partner-program{ position:relative!important; } .twmv-compare-page .twmv-compare-partner-icon{ position:absolute!important; z-index:4!important; right:20px!important; top:78px!important; display:inline-flex!important; width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; align-items:center!important; justify-content:center!important; padding:0!important; border:1px solid #cfe1dc!important; border-radius:10px!important; background:#f2fbf8!important; color:#07966f!important; box-shadow:none!important; cursor:pointer!important; transition:border-color .16s ease,background .16s ease,color .16s ease!important; } .twmv-compare-page .twmv-compare-partner-icon svg{ width:17px!important; height:17px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.9!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .twmv-compare-page .twmv-compare-partner-icon:hover, .twmv-compare-page .twmv-compare-partner-icon:focus-visible{ border-color:#abd9cb!important; background:#eaf8f3!important; color:#067f60!important; outline:none!important; } @media (max-width:1179px){ .twmv-compare-page .twmv-compare-partner-icon{ right:17px!important; top:72px!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; } .twmv-compare-page .twmv-compare-partner-icon svg{ width:16px!important; height:16px!important; } } @media (max-width:767px){ .twmv-compare-page .twmv-compare-partner-icon{ right:15px!important; top:66px!important; width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; border-radius:9px!important; } .twmv-compare-page .twmv-compare-partner-icon svg{ width:15px!important; height:15px!important; } } /* 2026-08-24: Einheitliches Suchdesign nach der bewährten Header-Suche + Hauptkategorie + responsives Detail-Overlay */ .twmv .twmv-search-suggestion, .twmv .twmv-watch-local-suggestion{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:8px!important; width:100%!important; min-height:68px!important; padding:8px 10px!important; border:1px solid transparent!important; border-radius:15px!important; background:#fff!important; color:#071735!important; box-shadow:none!important; text-align:left!important; } .twmv .twmv-search-suggestion+.twmv-search-suggestion, .twmv .twmv-watch-local-suggestion+.twmv-watch-local-suggestion{margin-top:2px!important} .twmv .twmv-search-suggestion:hover, .twmv .twmv-search-suggestion:focus-within, .twmv .twmv-watch-local-suggestion:hover, .twmv .twmv-watch-local-suggestion:focus-within{ border-color:rgba(7,95,247,.18)!important; background:#f5f9ff!important; outline:none!important; } .twmv .twmv-search-suggestion.is-selected, .twmv .twmv-watch-local-suggestion.is-selected{background:#fff!important;border-color:transparent!important} .twmv .twmv-search-suggestion__hit, .twmv .twmv-watch-local-suggestion__hit{ display:grid!important; grid-template-columns:54px minmax(0,1fr)!important; align-items:center!important; gap:12px!important; min-width:0!important; color:#071735!important; } .twmv .twmv-search-suggestion__logo-link, .twmv .twmv-search-suggestion__logo, .twmv .twmv-watch-local-suggestion__logo{ display:grid!important; place-items:center!important; width:54px!important; min-width:54px!important; height:54px!important; min-height:54px!important; overflow:hidden!important; border:1px solid #e1e9f4!important; border-radius:13px!important; background:#f7faff!important; text-decoration:none!important; } .twmv .twmv-search-suggestion__logo-link .twmv-search-suggestion__logo{width:100%!important;height:100%!important;border:0!important;border-radius:0!important} .twmv .twmv-search-suggestion__logo img, .twmv .twmv-watch-local-suggestion__logo img{ display:block!important; width:auto!important; height:auto!important; max-width:calc(100% - 8px)!important; max-height:calc(100% - 8px)!important; object-fit:contain!important; object-position:center!important; padding:0!important; } .twmv .twmv-search-suggestion__copy, .twmv .twmv-watch-local-suggestion__copy{display:grid!important;gap:3px!important;min-width:0!important} .twmv .twmv-search-suggestion__title, .twmv .twmv-watch-local-suggestion__title{ display:block!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important; color:#071735!important;font:inherit!important;font-size:14px!important;font-weight:850!important;line-height:1.24!important;text-align:left!important; text-decoration:none!important;cursor:pointer!important;outline:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important } .twmv .twmv-search-suggestion__title strong{font:inherit!important;color:inherit!important} .twmv .twmv-watch-local-suggestion__title{font-size:13.5px!important} .twmv .twmv-search-suggestion__title:focus-visible, .twmv .twmv-watch-local-suggestion__title:focus-visible, .twmv .twmv-search-suggestion__logo-link:focus-visible{border-radius:8px!important;box-shadow:0 0 0 2px rgba(7,95,247,.18)!important} .twmv .twmv-search-suggestion__description, .twmv .twmv-watch-local-suggestion__description{ display:flex!important;align-items:baseline!important;gap:1px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important; color:#6d7f9b!important;font-size:12px!important;font-weight:620!important;line-height:1.3!important;white-space:nowrap!important } .twmv .twmv-search-suggestion__description-text, .twmv .twmv-watch-local-suggestion__description-text{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important} .twmv .twmv-search-suggestion__more, .twmv .twmv-watch-local-suggestion__more{ flex:0 0 auto!important;display:inline!important;margin:0!important;padding:0 1px!important;border:0!important;background:transparent!important; color:#075bd7!important;font:inherit!important;font-weight:900!important;line-height:inherit!important;cursor:pointer!important;text-decoration:none!important } .twmv .twmv-search-suggestion__more:hover, .twmv .twmv-search-suggestion__more:focus-visible, .twmv .twmv-watch-local-suggestion__more:hover, .twmv .twmv-watch-local-suggestion__more:focus-visible{text-decoration:underline!important;outline:none!important} html body .twmv .twmv-search-suggestion__category, html body .twmv .twmv-search-suggestion__category:link, html body .twmv .twmv-search-suggestion__category:visited, html body .twmv .twmv-watch-local-suggestion__category, html body .twmv .twmv-watch-local-suggestion__category:link, html body .twmv .twmv-watch-local-suggestion__category:visited{ display:block!important;width:fit-content!important;max-width:100%!important;margin-top:1px!important;margin-bottom:-1px!important;padding-bottom:1px!important; color:#075bd7!important;-webkit-text-fill-color:#075bd7!important;opacity:1!important;font-size:11px!important;font-style:normal!important;font-weight:850!important; line-height:1.18!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important } html body .twmv .twmv-search-suggestion__category:hover, html body .twmv .twmv-search-suggestion__category:focus-visible, html body .twmv .twmv-watch-local-suggestion__category:hover, html body .twmv .twmv-watch-local-suggestion__category:focus-visible{ color:#075bd7!important;-webkit-text-fill-color:#075bd7!important;text-decoration:underline!important;outline:none!important } .twmv .twmv-search-suggestion__actions, .twmv .twmv-watch-local-suggestion__actions{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex:0 0 auto!important} .twmv .twmv-suggestion-icon-button{ display:grid!important;place-items:center!important;width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important; margin:0!important;padding:0!important;border:1px solid #dce5f2!important;border-radius:999px!important;background:#fff!important;color:#071735!important;box-shadow:none!important;transform:none!important } .twmv .twmv-suggestion-icon-button svg{display:block!important;width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important} .twmv .twmv-suggestion-icon-button:hover, .twmv .twmv-suggestion-icon-button:focus-visible, .twmv .twmv-suggestion-icon-button.is-active, .twmv .twmv-suggestion-icon-button[aria-pressed="true"]{border-color:rgba(7,95,247,.34)!important;background:#eef6ff!important;color:#075bd7!important;outline:none!important} .twmv .twmv-suggestion-icon-button:focus-visible{box-shadow:0 0 0 3px rgba(7,95,247,.12)!important} .twmv .twmv-search-suggestion__action{display:none!important} .twmv .twmv-search-suggestion__arrow, .twmv .twmv-watch-local-suggestion__arrow{ display:grid!important;place-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;border-radius:999px!important; color:#075bd7!important;text-decoration:none!important;outline:none!important } .twmv .twmv-search-suggestion__arrow:hover, .twmv .twmv-search-suggestion__arrow:focus-visible, .twmv .twmv-watch-local-suggestion__arrow:hover, .twmv .twmv-watch-local-suggestion__arrow:focus-visible{background:#eaf3ff!important;color:#075bd7!important;outline:none!important} .twmv .twmv-search-suggestion__arrow svg, .twmv .twmv-watch-local-suggestion__arrow svg{width:16px!important;height:16px!important} /* Professionelles Detail-Overlay: feste Kopf-/Fußzone, nur der Inhalt scrollt. */ .twmv .twmv-suggestion-description-backdrop{padding:clamp(14px,2vw,28px)!important} .twmv .twmv-description-modal{ display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;width:min(820px,calc(100vw - 48px))!important; height:auto!important;max-height:min(86dvh,840px)!important;overflow:hidden!important;padding:0!important;border:1px solid #dbe4f0!important; border-radius:20px!important;background:#fff!important;box-shadow:0 28px 90px rgba(0,0,0,.26)!important;text-align:left!important } .twmv .twmv-description-modal>.twmv-modal-close{top:16px!important;right:16px!important;width:40px!important;height:40px!important;border:1px solid #dfe7f1!important;border-radius:12px!important;background:#fff!important;color:#071735!important} .twmv .twmv-description-modal>.twmv-modal-close:hover, .twmv .twmv-description-modal>.twmv-modal-close:focus-visible{border-color:#aac4e4!important;background:#f4f8ff!important;color:#075bd7!important;outline:none!important} .twmv .twmv-description-modal__head{ display:grid!important;grid-template-columns:66px minmax(0,1fr)!important;align-items:center!important;gap:15px!important; margin:0!important;padding:22px 72px 18px 22px!important;border-bottom:1px solid #e6edf6!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important } .twmv .twmv-description-modal__logo{display:grid!important;place-items:center!important;width:66px!important;height:66px!important;overflow:hidden!important;border:1px solid #e0e8f2!important;border-radius:14px!important;background:#f8fbff!important} .twmv .twmv-description-modal__logo img{display:block!important;width:auto!important;height:auto!important;max-width:calc(100% - 8px)!important;max-height:calc(100% - 8px)!important;object-fit:contain!important} .twmv .twmv-description-modal__title-wrap{display:grid!important;gap:4px!important;min-width:0!important} .twmv .twmv-description-modal__eyebrow{width:fit-content!important;margin:0!important;color:#075bd7!important;font-size:11.5px!important;font-weight:850!important;line-height:1.15!important;text-decoration:none!important} .twmv .twmv-description-modal__eyebrow:hover, .twmv .twmv-description-modal__eyebrow:focus-visible{text-decoration:underline!important;outline:none!important} .twmv .twmv-description-modal h2{margin:0!important;color:#071735!important;font-size:27px!important;font-weight:900!important;line-height:1.18!important} .twmv .twmv-description-modal__subline{color:#71819a!important;font-size:12px!important;font-weight:650!important;line-height:1.3!important} .twmv .twmv-description-modal__body{min-height:0!important;overflow:auto!important;padding:18px 22px 20px!important;overscroll-behavior:contain!important;scrollbar-width:thin!important} .twmv .twmv-description-modal__section-label{display:block!important;margin:0 0 9px!important;color:#62738d!important;font-size:11px!important;font-weight:850!important;letter-spacing:.045em!important;line-height:1.2!important;text-transform:uppercase!important} .twmv .twmv-description-modal__overview{margin:0 0 16px!important} .twmv .twmv-description-modal__facts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:0!important} .twmv .twmv-description-modal__fact{display:grid!important;align-content:start!important;gap:5px!important;min-height:80px!important;padding:12px!important;border:1px solid #e0e8f2!important;border-radius:12px!important;background:#f8fbff!important} .twmv .twmv-description-modal__fact>span{color:#73839b!important;font-size:10.8px!important;font-weight:750!important;line-height:1.2!important} .twmv .twmv-description-modal__fact>strong, .twmv .twmv-description-modal__fact>a{display:flex!important;align-items:flex-start!important;gap:4px!important;color:#071735!important;font-size:13px!important;font-weight:850!important;line-height:1.35!important;overflow-wrap:anywhere!important;text-decoration:none!important} .twmv .twmv-description-modal__fact>a{color:#075bd7!important} .twmv .twmv-description-modal__fact>a:hover, .twmv .twmv-description-modal__fact>a:focus-visible{text-decoration:underline!important;outline:none!important} .twmv .twmv-description-modal__fact>a svg{flex:0 0 auto;width:13px!important;height:13px!important;margin-top:2px!important} .twmv .twmv-description-modal__quick-section{margin:0 0 17px!important} .twmv .twmv-description-modal__quick{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0!important} .twmv .twmv-description-modal__quick span{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:6px 10px!important;border:1px solid #d8e4f2!important;border-radius:999px!important;background:#fff!important;color:#314967!important;font-size:12px!important;font-weight:750!important} .twmv .twmv-description-modal__section{padding-top:16px!important;border-top:1px solid #e6edf6!important} .twmv .twmv-description-modal__section-head{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;margin:0 0 9px!important} .twmv .twmv-description-modal__section-head .twmv-description-modal__section-label{margin:0!important} .twmv .twmv-description-modal__section-head strong{color:#071735!important;font-size:14px!important;font-weight:900!important;line-height:1.2!important} .twmv .twmv-description-modal__copy{max-width:72ch!important;margin:0!important;color:#425776!important;font-size:14.5px!important;line-height:1.7!important} .twmv .twmv-description-modal__copy p{margin:0 0 12px!important}.twmv .twmv-description-modal__copy p:last-child{margin-bottom:0!important} .twmv .twmv-description-modal__footer{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin:0!important;padding:14px 22px 16px!important;border-top:1px solid #e6edf6!important;background:#fff!important;box-shadow:0 -8px 24px rgba(20,42,78,.035)!important} .twmv .twmv-description-modal__footer .twmv-primary-button, .twmv .twmv-description-modal__footer .twmv-secondary-button{min-width:132px!important;min-height:44px!important} @media (max-width:900px){ .twmv .twmv-description-modal{width:min(720px,calc(100vw - 32px))!important;max-height:88dvh!important} .twmv .twmv-description-modal__facts{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:767px){ .twmv .twmv-search-suggestion, .twmv .twmv-watch-local-suggestion{min-height:62px!important;gap:6px!important;padding:7px 8px!important} .twmv .twmv-search-suggestion__hit, .twmv .twmv-watch-local-suggestion__hit{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important} .twmv .twmv-search-suggestion__logo-link, .twmv .twmv-search-suggestion__logo, .twmv .twmv-watch-local-suggestion__logo{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important} .twmv .twmv-search-suggestion__description, .twmv .twmv-watch-local-suggestion__description{font-size:11.5px!important} .twmv .twmv-search-suggestion__actions, .twmv .twmv-watch-local-suggestion__actions{gap:4px!important} .twmv .twmv-suggestion-icon-button{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important} .twmv .twmv-suggestion-icon-button svg{width:14px!important;height:14px!important} .twmv .twmv-description-modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:17px!important} .twmv .twmv-description-modal>.twmv-modal-close{top:12px!important;right:12px!important;width:38px!important;height:38px!important} .twmv .twmv-description-modal__head{grid-template-columns:54px minmax(0,1fr)!important;gap:11px!important;padding:16px 58px 14px 14px!important} .twmv .twmv-description-modal__logo{width:54px!important;height:54px!important;border-radius:11px!important} .twmv .twmv-description-modal h2{font-size:22px!important} .twmv .twmv-description-modal__body{padding:14px!important} .twmv .twmv-description-modal__facts{grid-template-columns:1fr 1fr!important;gap:7px!important} .twmv .twmv-description-modal__fact{min-height:68px!important;padding:10px!important} .twmv .twmv-description-modal__section-head{display:grid!important;gap:4px!important} .twmv .twmv-description-modal__copy{font-size:14px!important;line-height:1.62!important} .twmv .twmv-description-modal__footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px 14px 14px!important} .twmv .twmv-description-modal__footer .twmv-primary-button,.twmv .twmv-description-modal__footer .twmv-secondary-button{width:100%!important;min-width:0!important;padding-inline:10px!important} } @media (max-width:430px){ .twmv .twmv-description-modal__facts{grid-template-columns:1fr!important} .twmv .twmv-description-modal__fact{min-height:0!important} .twmv .twmv-description-modal__quick{gap:5px!important}.twmv .twmv-description-modal__quick span{font-size:11px!important} .twmv .twmv-description-modal__footer{grid-template-columns:1fr!important} } /* 2026-08-24 – Detailfenster der „…“-Suche: finaler, klarer Informationsaufbau. Wichtig: Dieser Block verändert ausschließlich das Detailfenster, nicht das Trefferlayout. */ .twmv .twmv-description-modal{ width:min(940px,calc(100vw - 48px))!important; max-height:min(84dvh,780px)!important; border-radius:20px!important; border:1px solid #d9e3ef!important; box-shadow:0 30px 90px rgba(5,24,55,.26)!important; } .twmv .twmv-description-modal__head{ grid-template-columns:72px minmax(0,1fr)!important; gap:17px!important; padding:20px 74px 18px 22px!important; background:#fff!important; } .twmv .twmv-description-modal__logo{ width:72px!important;height:72px!important;border-radius:15px!important;background:#f8fbff!important; } .twmv .twmv-description-modal__title-wrap{gap:5px!important} .twmv .twmv-description-modal__eyebrow{ display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:4px 9px 5px!important; border:1px solid #cfe0f6!important;border-radius:999px!important;background:#f3f8ff!important; color:#075bd7!important;font-size:11.5px!important;line-height:1.2!important; } .twmv .twmv-description-modal h2{font-size:28px!important;letter-spacing:-.012em!important} .twmv .twmv-description-modal__subline{font-size:12.5px!important;color:#73839b!important} .twmv .twmv-description-modal__body{ display:grid!important; grid-template-columns:minmax(0,1.42fr) minmax(255px,.78fr)!important; grid-template-areas:"description overview" "description quick"!important; align-items:start!important; gap:14px!important; padding:18px!important; background:#f7faff!important; } .twmv .twmv-description-modal__overview{ grid-area:overview!important;margin:0!important;padding:15px!important;border:1px solid #dce6f2!important; border-radius:15px!important;background:#fff!important; } .twmv .twmv-description-modal__overview .twmv-description-modal__section-label{margin-bottom:11px!important} .twmv .twmv-description-modal__facts{grid-template-columns:1fr!important;gap:0!important} .twmv .twmv-description-modal__fact{ grid-template-columns:90px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;min-height:0!important; padding:10px 0!important;border:0!important;border-radius:0!important;background:transparent!important; border-bottom:1px solid #edf2f7!important; } .twmv .twmv-description-modal__fact:first-child{padding-top:0!important} .twmv .twmv-description-modal__fact:last-child{padding-bottom:0!important;border-bottom:0!important} .twmv .twmv-description-modal__fact>span{padding-top:2px!important;font-size:11px!important;color:#72829a!important} .twmv .twmv-description-modal__fact>strong, .twmv .twmv-description-modal__fact>a{font-size:13px!important;line-height:1.38!important} .twmv .twmv-description-modal__quick-section{ grid-area:quick!important;margin:0!important;padding:15px!important;border:1px solid #dce6f2!important; border-radius:15px!important;background:#fff!important; } .twmv .twmv-description-modal__quick{display:grid!important;grid-template-columns:1fr!important;gap:7px!important} .twmv .twmv-description-modal__quick span{ min-height:0!important;padding:8px 10px!important;border-color:#e0e8f2!important;border-radius:10px!important; background:#f8fbff!important;font-size:12px!important;line-height:1.35!important; } .twmv .twmv-description-modal__section{ grid-area:description!important;align-self:stretch!important;padding:18px 19px 20px!important; border:1px solid #dce6f2!important;border-radius:15px!important;background:#fff!important; } .twmv .twmv-description-modal__section-head{ display:grid!important;justify-content:initial!important;gap:3px!important;margin:0 0 13px!important; padding-bottom:12px!important;border-bottom:1px solid #edf2f7!important; } .twmv .twmv-description-modal__section-head .twmv-description-modal__section-label{margin:0!important} .twmv .twmv-description-modal__section-head strong{font-size:17px!important;line-height:1.3!important} .twmv .twmv-description-modal__copy{ max-width:none!important;color:#344b69!important;font-size:14.5px!important;line-height:1.72!important;text-align:left!important; } .twmv .twmv-description-modal__footer{ align-items:center!important;padding:13px 18px 15px!important;background:#fff!important;box-shadow:none!important; } .twmv .twmv-description-modal__footer .twmv-primary-button, .twmv .twmv-description-modal__footer .twmv-secondary-button{min-width:138px!important;min-height:44px!important} @media (max-width:900px){ .twmv .twmv-description-modal{width:min(720px,calc(100vw - 28px))!important;max-height:90dvh!important} .twmv .twmv-description-modal__body{ grid-template-columns:1fr!important; grid-template-areas:"overview" "quick" "description"!important; gap:12px!important; padding:14px!important; } .twmv .twmv-description-modal__facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} .twmv .twmv-description-modal__fact{ display:grid!important;grid-template-columns:1fr!important;gap:4px!important;padding:11px!important; border:1px solid #e3ebf4!important;border-radius:11px!important;background:#f8fbff!important; } .twmv .twmv-description-modal__fact:first-child, .twmv .twmv-description-modal__fact:last-child{padding:11px!important;border:1px solid #e3ebf4!important} .twmv .twmv-description-modal__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:600px){ .twmv .twmv-suggestion-description-backdrop{padding:8px!important} .twmv .twmv-description-modal{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:16px!important} .twmv .twmv-description-modal__head{grid-template-columns:56px minmax(0,1fr)!important;gap:11px!important;padding:14px 56px 13px 13px!important} .twmv .twmv-description-modal__logo{width:56px!important;height:56px!important;border-radius:12px!important} .twmv .twmv-description-modal h2{font-size:22px!important} .twmv .twmv-description-modal__eyebrow{min-height:24px!important;padding:3px 8px 4px!important;font-size:10.8px!important} .twmv .twmv-description-modal__subline{font-size:11.5px!important} .twmv .twmv-description-modal__body{padding:10px!important;gap:10px!important} .twmv .twmv-description-modal__overview, .twmv .twmv-description-modal__quick-section, .twmv .twmv-description-modal__section{padding:13px!important;border-radius:13px!important} .twmv .twmv-description-modal__facts{grid-template-columns:1fr 1fr!important;gap:7px!important} .twmv .twmv-description-modal__fact, .twmv .twmv-description-modal__fact:first-child, .twmv .twmv-description-modal__fact:last-child{padding:9px!important} .twmv .twmv-description-modal__quick{grid-template-columns:1fr!important} .twmv .twmv-description-modal__section-head strong{font-size:15px!important} .twmv .twmv-description-modal__copy{font-size:13.7px!important;line-height:1.65!important} .twmv .twmv-description-modal__footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important} .twmv .twmv-description-modal__footer .twmv-primary-button, .twmv .twmv-description-modal__footer .twmv-secondary-button{width:100%!important;min-width:0!important} } @media (max-width:380px){ .twmv .twmv-description-modal__facts{grid-template-columns:1fr!important} .twmv .twmv-description-modal__footer{grid-template-columns:1fr!important} } /* 2026-08-24: Das Beschreibungsoverlay wird als Portal direkt unter erzeugt. Die Zusatzklasse .twmv aktiviert die bestehenden, responsiven Modalregeln; diese Direktregel neutralisiert nur die Seitenbreite des normalen .twmv-Containers. */ html body .twmv.twmv-suggestion-description-backdrop{ width:auto!important;max-width:none!important;margin:0!important;font-size:16px!important;line-height:1.5!important; } /* 2026-08-24: Detailfenster startet bei jedem Öffnen zuverlässig oben. */ .twmv .twmv-description-modal__body{overflow-anchor:none!important;} /* 2026-08-25 – Mobile Merkliste/Tool-Vergleich: Suchsystem konsolidiert. Referenz: Galaxy S20 / 360 × 800. Desktop und Tablet bleiben unverändert. */ @media (max-width:699px){ /* „…“-Detailfenster: Informationslabels deutlich und kontrastreich. */ .twmv .twmv-description-modal__section-label, .twmv .twmv-description-modal__fact>span{ color:#07152f!important; -webkit-text-fill-color:#07152f!important; font-weight:900!important; opacity:1!important; } /* Alle bereichseigenen Suchfelder verwenden denselben sauber zentrierten X-Button. */ html body .twmv .twmv-search{ position:relative!important; padding-right:56px!important; } html body .twmv .twmv-search [data-twmv-search-clear], html body .twmv .twmv-search [data-twmv-watch-search-clear]{ position:absolute!important; top:50%!important; right:7px!important; display:grid!important; place-items:center!important; box-sizing:border-box!important; width:38px!important; min-width:38px!important; height:38px!important; min-height:38px!important; flex:0 0 38px!important; margin:0!important; padding:0!important; border:1px solid #d9e3ee!important; border-radius:10px!important; background:#fff!important; color:#17365f!important; -webkit-text-fill-color:#17365f!important; line-height:0!important; transform:translateY(-50%)!important; box-shadow:none!important; } html body .twmv .twmv-search [data-twmv-search-clear][hidden], html body .twmv .twmv-search [data-twmv-watch-search-clear][hidden]{display:none!important} html body .twmv .twmv-search [data-twmv-search-clear] svg, html body .twmv .twmv-search [data-twmv-watch-search-clear] svg{ display:block!important; width:17px!important; height:17px!important; margin:auto!important; stroke:currentColor!important; stroke-width:2.35!important; } /* Trefferzeilen beider Suchen: gleiche stabile Zweispalten-Architektur wie die gute Referenzsuche. */ .twmv .twmv-search-suggestion, .twmv .twmv-watch-local-suggestion, .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion{ grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:5px!important; width:100%!important; min-height:62px!important; padding:7px!important; } .twmv .twmv-search-suggestion__hit, .twmv .twmv-watch-local-suggestion__hit, .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__hit{ grid-template-columns:44px minmax(0,1fr)!important; gap:9px!important; min-width:0!important; } .twmv .twmv-search-suggestion__logo-link, .twmv .twmv-search-suggestion__logo, .twmv .twmv-watch-local-suggestion__logo, .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__logo-link, .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__logo{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; border-radius:11px!important; } .twmv .twmv-search-suggestion__copy, .twmv .twmv-watch-local-suggestion__copy, .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__copy{ gap:2px!important; min-width:0!important; overflow:hidden!important; } .twmv .twmv-search-suggestion__title, .twmv .twmv-watch-local-suggestion__title{ max-width:100%!important; font-size:13.3px!important; line-height:1.2!important; } .twmv .twmv-search-suggestion__description, .twmv .twmv-watch-local-suggestion__description{ max-width:100%!important; font-size:10.9px!important; line-height:1.22!important; } .twmv .twmv-search-suggestion__actions, .twmv .twmv-watch-local-suggestion__actions{ display:inline-flex!important; align-items:center!important; justify-content:flex-end!important; gap:3px!important; min-width:0!important; } .twmv .twmv-suggestion-icon-button{ width:27px!important; min-width:27px!important; height:27px!important; min-height:27px!important; } .twmv .twmv-suggestion-icon-button svg{width:13px!important;height:13px!important} .twmv .twmv-search-suggestion__arrow, .twmv .twmv-watch-local-suggestion__arrow{ width:21px!important; min-width:21px!important; height:27px!important; } .twmv .twmv-search-suggestion__arrow svg, .twmv .twmv-watch-local-suggestion__arrow svg{width:14px!important;height:14px!important} /* Lokale Merkliste-Suche: Ergebnisbox über Suchfeld + Sortierbutton auf volle Leistenbreite ziehen. */ html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-toolbar-compact{ --twmv-mobile-sort-span:62px; overflow:visible!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search-shell{ position:relative!important; z-index:500!important; overflow:visible!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search-shell .twmv-watch-local-suggestions{ left:0!important; right:calc(-1 * var(--twmv-mobile-sort-span))!important; width:auto!important; max-width:none!important; box-sizing:border-box!important; } } @media (max-width:420px){ html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-toolbar-compact{ --twmv-mobile-sort-span:59px; } } @media (max-width:380px){ .twmv .twmv-search-suggestion, .twmv .twmv-watch-local-suggestion, .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion{padding-inline:6px!important} .twmv .twmv-search-suggestion__hit, .twmv .twmv-watch-local-suggestion__hit, .twmv-watch-page .twmv-search-shell--watch .twmv-search-suggestion__hit{ grid-template-columns:42px minmax(0,1fr)!important; gap:8px!important; } .twmv .twmv-search-suggestion__logo-link, .twmv .twmv-search-suggestion__logo, .twmv .twmv-watch-local-suggestion__logo{ width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; } } /* 2026-08-25 – iPad 10 Portrait: EIN konsolidierter Tablet-Block. Ziel: ruhige Referenz-Struktur, Bewertung sauber untereinander, Pfeile innerhalb der Bewertung, gleiche Trennlinie links und rechts. */ @media (min-width:800px) and (max-width:900px){ /* Toolbar: Suche nutzt den verfügbaren Platz, Sortierung bleibt vollständig sichtbar. */ html body .twmv-watch-page .twmv-watch-toolbar{ display:grid!important; grid-template-columns:minmax(0,1fr) 300px!important; gap:18px!important; align-items:end!important; width:100%!important; min-width:0!important; max-width:100%!important; overflow:visible!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-toolbar-compact, html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search, html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search-shell{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; overflow:visible!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search{ position:relative!important; display:flex!important; width:100%!important; min-width:0!important; max-width:none!important; height:54px!important; min-height:54px!important; align-items:center!important; flex-direction:row!important; flex-wrap:nowrap!important; gap:12px!important; padding:0 12px 0 16px!important; overflow:visible!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search > svg{ display:block!important; flex:0 0 20px!important; width:20px!important; height:20px!important; margin:0!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search input{ display:block!important; flex:1 1 auto!important; width:auto!important; min-width:0!important; height:52px!important; margin:0!important; padding:0!important; border:0!important; line-height:52px!important; white-space:nowrap!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search [data-twmv-watch-search-clear]{ position:static!important; display:flex!important; flex:0 0 38px!important; width:38px!important; min-width:38px!important; height:38px!important; min-height:38px!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; transform:none!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search [data-twmv-watch-search-clear][hidden]{ display:none!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row--native{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; overflow:visible!important; } html body .twmv-watch-page .twmv-sort-native-label{ display:grid!important; grid-template-columns:116px minmax(0,1fr)!important; align-items:center!important; gap:10px!important; width:100%!important; min-width:0!important; color:#526884!important; font-size:12.8px!important; font-weight:700!important; line-height:1.25!important; } html body .twmv-watch-page .twmv-sort-native-field, html body .twmv-watch-page .twmv-sort-native-field select{ width:100%!important; min-width:0!important; max-width:none!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-sort-native-field select{ height:48px!important; padding:0 42px 0 14px!important; border:1px solid #cad8e7!important; border-radius:12px!important; background:#fff!important; color:#172b47!important; -webkit-text-fill-color:#172b47!important; font-size:13.2px!important; font-weight:700!important; appearance:none!important; -webkit-appearance:none!important; background-image:none!important; } html body .twmv-watch-page .twmv-sort-native-chevron{right:14px!important} html body .twmv-watch-page .twmv-watch-local-search-shell .twmv-watch-local-suggestions{ left:0!important; right:0!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important; } /* Karte: ruhige 2-Spalten-Struktur, rechte Spalte nur so breit wie nötig. */ html body .twmv-watch-page .twmv-watch-list-row, html body .twmv-watch-page .twmv-watch-list-row:last-child, html body .twmv-watch-page .twmv-watch-list-row.is-selected, html body .twmv-watch-page .twmv-watch-list-row:hover{ grid-template-columns:minmax(0,1fr) 310px!important; grid-template-areas:"tool price" "rating actions"!important; } html body .twmv-watch-page .twmv-watch-list-tool{ grid-template-columns:70px minmax(0,1fr)!important; gap:18px!important; padding:20px 24px!important; } html body .twmv-watch-page .twmv-watch-list-logo{ width:70px!important; height:70px!important; } html body .twmv-watch-page .twmv-watch-list-tool-copy h2, html body .twmv-watch-page .twmv-watch-list-tool-copy h2 a{ color:#071a39!important; -webkit-text-fill-color:#071a39!important; font-size:20px!important; font-weight:900!important; line-height:1.12!important; letter-spacing:-.02em!important; } html body .twmv-watch-page .twmv-watch-list-chips span, html body .twmv-watch-page .twmv-watch-list-chips a{ color:#3b5a7d!important; -webkit-text-fill-color:#3b5a7d!important; font-weight:650!important; } /* Preis oben rechts: mittig in seiner Zelle, ohne übergroßen Leerraum. */ html body .twmv-watch-page .twmv-watch-list-price{ grid-area:price!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:7px!important; padding:22px 24px!important; border-left:1px solid #e2e8f0!important; } html body .twmv-watch-page .twmv-watch-list-price::before, html body .twmv-watch-page .twmv-watch-list-rating::before{ color:#314967!important; -webkit-text-fill-color:#314967!important; font-size:11.8px!important; font-weight:900!important; letter-spacing:.08em!important; opacity:1!important; } html body .twmv-watch-page .twmv-watch-list-price::before{margin-bottom:7px!important} html body .twmv-watch-page .twmv-watch-list-price strong{ color:#10294d!important; -webkit-text-fill-color:#10294d!important; font-size:17px!important; font-weight:850!important; line-height:1.2!important; } html body .twmv-watch-page .twmv-watch-list-price span{ color:#526986!important; -webkit-text-fill-color:#526986!important; font-size:13px!important; font-weight:650!important; line-height:1.35!important; } /* Bewertung: Label links; Quelle oben und Wert darunter; Pfeile rechts daneben. */ html body .twmv-watch-page .twmv-watch-list-rating{ grid-area:rating!important; display:grid!important; grid-template-columns:118px minmax(0,1fr)!important; align-items:center!important; column-gap:18px!important; min-height:106px!important; padding:18px 24px!important; border-top:1px solid #e2e8f0!important; border-left:0!important; background:none!important; } html body .twmv-watch-page .twmv-watch-list-rating::before{ grid-column:1!important; margin:0!important; align-self:center!important; } html body .twmv-watch-page .twmv-watch-rating-cell{ grid-column:2!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"source arrows" "value arrows"!important; align-items:center!important; gap:7px 12px!important; width:100%!important; min-width:0!important; } html body .twmv-watch-page .twmv-watch-rating-source{ grid-area:source!important; overflow:hidden!important; color:#10294d!important; -webkit-text-fill-color:#10294d!important; font-size:14.5px!important; font-weight:800!important; line-height:1.2!important; text-overflow:ellipsis!important; white-space:nowrap!important; } html body .twmv-watch-page .twmv-watch-rating-line{display:contents!important} html body .twmv-watch-page .twmv-watch-rating-value{ grid-area:value!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; gap:9px!important; min-width:0!important; padding:0!important; white-space:nowrap!important; } html body .twmv-watch-page .twmv-watch-rating-star{ font-size:19px!important; line-height:1!important; } html body .twmv-watch-page .twmv-watch-rating-value strong{ color:#10294d!important; -webkit-text-fill-color:#10294d!important; font-size:17px!important; font-weight:900!important; line-height:1!important; margin:0!important; } html body .twmv-watch-page .twmv-watch-rating-value small{ color:#6a7d96!important; -webkit-text-fill-color:#6a7d96!important; font-size:11.8px!important; font-weight:650!important; line-height:1.1!important; } html body .twmv-watch-page .twmv-watch-rating-arrows{ grid-area:arrows!important; position:static!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; margin:0!important; transform:none!important; } html body .twmv-watch-page .twmv-watch-rating-arrows button{ display:flex!important; align-items:center!important; justify-content:center!important; width:32px!important; min-width:32px!important; height:32px!important; min-height:32px!important; padding:0!important; } /* Aktionen: gleiche dünne obere Linie wie auf der linken Seite, keine Pseudolinie. */ html body .twmv-watch-page .twmv-watch-list-actions{ grid-area:actions!important; position:relative!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-content:center!important; gap:10px!important; min-height:106px!important; padding:16px 18px!important; border-top:1px solid #e2e8f0!important; border-left:1px solid #e2e8f0!important; } html body .twmv-watch-page .twmv-watch-list-actions::before{ content:none!important; display:none!important; } html body .twmv-watch-page .twmv-watch-list-action{ min-width:0!important; min-height:42px!important; padding:8px 10px!important; color:#17325c!important; -webkit-text-fill-color:#17325c!important; font-size:11.8px!important; font-weight:700!important; line-height:1.15!important; white-space:nowrap!important; } } /* 2026-08-25 – iPad Mini / kleine Tablets 720–799 px: EIN konsolidierter Block. Die akzeptierte iPad-10-Ansicht (800–900 px) bleibt unangetastet. */ @media (min-width:720px) and (max-width:799px){ /* Toolbar wie beim iPad 10: Suche links, Sortierung rechts. */ html body .twmv-watch-page .twmv-watch-toolbar{ display:grid!important; grid-template-columns:minmax(0,1fr) 278px!important; grid-template-areas:"search search" "spacer sort"!important; align-items:center!important; column-gap:16px!important; row-gap:12px!important; width:100%!important; min-width:0!important; max-width:100%!important; margin:0 0 18px!important; padding:0!important; overflow:visible!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-toolbar-compact{ grid-area:search!important; display:block!important; width:100%!important; min-width:0!important; max-width:none!important; } html body .twmv-watch-page .twmv-watch-sort-toggle-button{ display:none!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search, html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search-shell{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; overflow:visible!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search{ position:relative!important; display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; width:100%!important; min-width:0!important; max-width:none!important; height:54px!important; min-height:54px!important; gap:12px!important; margin:0!important; padding:0 12px 0 16px!important; border:1px solid #cad8e7!important; border-radius:14px!important; background:#fff!important; box-shadow:none!important; overflow:visible!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search>svg{ display:block!important; flex:0 0 20px!important; width:20px!important; height:20px!important; margin:0!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search input{ display:block!important; flex:1 1 auto!important; width:auto!important; min-width:0!important; height:52px!important; margin:0!important; padding:0!important; border:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; color:#17325c!important; -webkit-text-fill-color:#17325c!important; font-size:14px!important; line-height:52px!important; white-space:nowrap!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search .twmv-search input::placeholder{ color:#9aa8bc!important; -webkit-text-fill-color:#9aa8bc!important; opacity:1!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search [data-twmv-watch-search-clear]{ position:static!important; display:flex!important; flex:0 0 38px!important; width:38px!important; min-width:38px!important; height:38px!important; min-height:38px!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; transform:none!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-watch-toolbar .twmv-watch-local-search [data-twmv-watch-search-clear][hidden]{display:none!important} html body .twmv-watch-page .twmv-watch-toolbar .twmv-sort-row--native{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } html body .twmv-watch-page .twmv-sort-native-label{ display:grid!important; grid-template-columns:106px minmax(0,1fr)!important; align-items:center!important; gap:10px!important; width:100%!important; min-width:0!important; color:#526884!important; font-size:12.6px!important; font-weight:700!important; line-height:1.25!important; white-space:nowrap!important; } html body .twmv-watch-page .twmv-sort-native-field{ position:relative!important; display:block!important; width:100%!important; min-width:0!important; } html body .twmv-watch-page .twmv-sort-native-field select{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; height:48px!important; margin:0!important; padding:0 40px 0 14px!important; border:1px solid #cad8e7!important; border-radius:12px!important; background:#fff!important; background-image:none!important; color:#172b47!important; -webkit-text-fill-color:#172b47!important; font-size:13px!important; font-weight:700!important; appearance:none!important; -webkit-appearance:none!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-sort-native-chevron{ display:flex!important; position:absolute!important; top:50%!important; right:14px!important; transform:translateY(-50%)!important; pointer-events:none!important; } html body .twmv-watch-page .twmv-watch-local-search-shell .twmv-watch-local-suggestions{ left:0!important; right:0!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important; } /* Karten wie beim iPad 10, nur proportional kompakter. */ html body .twmv-watch-page .twmv-watch-list-row, html body .twmv-watch-page .twmv-watch-list-row:last-child, html body .twmv-watch-page .twmv-watch-list-row.is-selected, html body .twmv-watch-page .twmv-watch-list-row:hover{ display:grid!important; grid-template-columns:minmax(0,1fr) 260px!important; grid-template-rows:auto auto!important; grid-template-areas:"tool price" "rating actions"!important; min-width:0!important; overflow:hidden!important; transform:none!important; } html body .twmv-watch-page .twmv-watch-list-tool{ grid-area:tool!important; display:grid!important; grid-template-columns:64px minmax(0,1fr)!important; align-items:center!important; gap:16px!important; min-width:0!important; padding:18px 20px!important; } html body .twmv-watch-page .twmv-watch-list-logo{ width:64px!important; height:64px!important; } html body .twmv-watch-page .twmv-watch-list-tool-copy{min-width:0!important} html body .twmv-watch-page .twmv-watch-list-tool-copy h2, html body .twmv-watch-page .twmv-watch-list-tool-copy h2 a{ color:#071a39!important; -webkit-text-fill-color:#071a39!important; font-size:18px!important; font-weight:900!important; line-height:1.12!important; letter-spacing:-.02em!important; } html body .twmv-watch-page .twmv-watch-list-chips{ display:flex!important; flex-wrap:wrap!important; gap:6px!important; min-width:0!important; } html body .twmv-watch-page .twmv-watch-list-chips span, html body .twmv-watch-page .twmv-watch-list-chips a{ color:#3b5a7d!important; -webkit-text-fill-color:#3b5a7d!important; font-size:11.3px!important; font-weight:650!important; } html body .twmv-watch-page .twmv-watch-list-price{ grid-area:price!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:7px!important; min-width:0!important; padding:20px 20px!important; border-left:1px solid #e2e8f0!important; } html body .twmv-watch-page .twmv-watch-list-price::before, html body .twmv-watch-page .twmv-watch-list-rating::before{ color:#314967!important; -webkit-text-fill-color:#314967!important; font-size:11.4px!important; font-weight:900!important; letter-spacing:.08em!important; opacity:1!important; } html body .twmv-watch-page .twmv-watch-list-price::before{margin-bottom:7px!important} html body .twmv-watch-page .twmv-watch-list-price strong{ color:#10294d!important; -webkit-text-fill-color:#10294d!important; font-size:15.5px!important; font-weight:850!important; line-height:1.2!important; } html body .twmv-watch-page .twmv-watch-list-price span{ color:#526986!important; -webkit-text-fill-color:#526986!important; font-size:12.5px!important; font-weight:650!important; line-height:1.35!important; } html body .twmv-watch-page .twmv-watch-list-rating{ grid-area:rating!important; display:grid!important; grid-template-columns:104px minmax(0,1fr)!important; align-items:center!important; column-gap:16px!important; min-width:0!important; min-height:98px!important; padding:16px 20px!important; border-top:1px solid #e2e8f0!important; border-left:0!important; background:none!important; } html body .twmv-watch-page .twmv-watch-list-rating::before{ grid-column:1!important; align-self:center!important; margin:0!important; } html body .twmv-watch-page .twmv-watch-rating-cell{ grid-column:2!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"source arrows" "value arrows"!important; align-items:center!important; gap:6px 10px!important; width:100%!important; min-width:0!important; } html body .twmv-watch-page .twmv-watch-rating-source{ grid-area:source!important; overflow:hidden!important; color:#10294d!important; -webkit-text-fill-color:#10294d!important; font-size:13.5px!important; font-weight:800!important; line-height:1.2!important; text-overflow:ellipsis!important; white-space:nowrap!important; } html body .twmv-watch-page .twmv-watch-rating-line{display:contents!important} html body .twmv-watch-page .twmv-watch-rating-value{ grid-area:value!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; min-width:0!important; padding:0!important; white-space:nowrap!important; } html body .twmv-watch-page .twmv-watch-rating-star{font-size:17px!important;line-height:1!important} html body .twmv-watch-page .twmv-watch-rating-value strong{ color:#10294d!important; -webkit-text-fill-color:#10294d!important; font-size:16px!important; font-weight:900!important; line-height:1!important; margin:0!important; } html body .twmv-watch-page .twmv-watch-rating-value small{ color:#6a7d96!important; -webkit-text-fill-color:#6a7d96!important; font-size:11px!important; font-weight:650!important; line-height:1.1!important; } html body .twmv-watch-page .twmv-watch-rating-arrows{ grid-area:arrows!important; position:static!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; margin:0!important; transform:none!important; } html body .twmv-watch-page .twmv-watch-rating-arrows button{ display:flex!important; align-items:center!important; justify-content:center!important; width:30px!important; min-width:30px!important; height:30px!important; min-height:30px!important; padding:0!important; } html body .twmv-watch-page .twmv-watch-list-actions{ grid-area:actions!important; position:relative!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-content:center!important; gap:9px!important; min-width:0!important; min-height:98px!important; padding:14px 14px!important; border-top:1px solid #e2e8f0!important; border-left:1px solid #e2e8f0!important; } html body .twmv-watch-page .twmv-watch-list-actions::before{content:none!important;display:none!important} html body .twmv-watch-page .twmv-watch-list-action{ min-width:0!important; min-height:40px!important; padding:8px 7px!important; color:#17325c!important; -webkit-text-fill-color:#17325c!important; font-size:11.1px!important; font-weight:700!important; line-height:1.15!important; white-space:nowrap!important; } /* Tool-Vergleich: Gutscheincode auf kleinen Tablets nur so breit wie nötig. */ html body .twmv-compare-page .twmv-compare-coupon{ display:inline-flex!important; width:auto!important; min-width:0!important; max-width:min(260px,100%)!important; align-self:flex-start!important; flex:0 1 auto!important; } html body .twmv-compare-page .twmv-compare-coupon code{ flex:0 1 auto!important; width:auto!important; min-width:0!important; max-width:220px!important; padding:7px 12px!important; } html body .twmv-compare-page .twmv-compare-coupon__copy{ flex:0 0 36px!important; width:36px!important; min-width:36px!important; max-width:36px!important; height:36px!important; } /* Primäre Merkliste-Suche auf iPad Mini: wie die saubere Tablet-Suche verankern. Die mobile fixed-bottom-Darstellung (<=767px) wird hier gezielt neutralisiert. */ html body .twmv-watch-page .twmv-controls{ position:relative!important; z-index:70!important; overflow:visible!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch{ position:relative!important; z-index:720!important; grid-column:1/-1!important; width:100%!important; min-width:0!important; max-width:none!important; overflow:visible!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch>.twmv-search{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; width:100%!important; min-height:54px!important; padding:0 14px!important; gap:12px!important; border-radius:14px!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch>.twmv-search input{ flex:1 1 auto!important; min-width:0!important; width:auto!important; font-size:14px!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestions{ position:absolute!important; z-index:99999!important; top:calc(100% + 8px)!important; right:0!important; bottom:auto!important; left:0!important; width:100%!important; max-width:none!important; max-height:min(500px,62vh)!important; overflow:hidden!important; border-radius:14px!important; box-shadow:0 18px 48px rgba(9,32,70,.16)!important; box-sizing:border-box!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestions__head{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; padding:12px 14px!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestions__head strong{ font-size:14px!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestions__head span{ font-size:11.5px!important; white-space:nowrap!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestions__list{ max-height:min(430px,54vh)!important; padding:8px!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestion{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:10px!important; width:100%!important; min-width:0!important; min-height:72px!important; padding:8px 10px!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestion__hit{ display:grid!important; grid-template-columns:54px minmax(0,1fr)!important; align-items:center!important; gap:12px!important; width:100%!important; min-width:0!important; max-width:none!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestion__logo-link, html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestion__logo{ width:54px!important; min-width:54px!important; height:54px!important; min-height:54px!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestion__copy{ display:grid!important; gap:3px!important; width:100%!important; min-width:0!important; max-width:none!important; overflow:hidden!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestion__title{ width:100%!important; max-width:none!important; font-size:14px!important; line-height:1.22!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestion__description{ width:100%!important; max-width:none!important; font-size:11.6px!important; line-height:1.28!important; overflow:hidden!important; white-space:nowrap!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestion__description-text{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestion__category{ max-width:100%!important; font-size:11.3px!important; } html body .twmv-watch-page .twmv-controls>.twmv-search-shell--watch .twmv-search-suggestion__actions{ display:inline-flex!important; align-items:center!important; justify-content:flex-end!important; gap:5px!important; min-width:max-content!important; flex:0 0 auto!important; } } /* 2026-08-25 – Suchvorschläge: natürlicher Scroll-Übergang zwischen Trefferliste und Seite. */ .twmv .twmv-search-suggestions__list, .twmv .twmv-watch-local-suggestions__list{ overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior-y:auto!important; overscroll-behavior-x:contain!important; touch-action:pan-y!important; -webkit-overflow-scrolling:touch!important; scrollbar-width:thin!important; pointer-events:auto!important; }