:root{ --mk-modal-z: 999999; --mk-modal-padding: var(--sp-6); --mk-modal-panel-width: 960px; --mk-modal-panel-narrow: 760px; --mk-modal-panel-wide: 1100px; --mk-modal-panel-small: 460px; --mk-modal-radius: var(--radius-lg); --mk-modal-card-radius: 16px; --mk-modal-panel-bg: var(--clr-surface); --mk-modal-soft-bg: rgba(255,255,255,0.035); --mk-modal-soft-bg-hover: rgba(255,255,255,0.06); --mk-modal-soft-border: rgba(255,255,255,0.10); --mk-modal-muted-border: rgba(255,255,255,0.08); --mk-modal-text-muted: var(--clr-text-muted); --mk-modal-gap: 18px; } body.mk-modal-open{ overflow:hidden; } .mk-modal[hidden]{ display:none !important; } .mk-modal{ position:fixed; inset:0; z-index:var(--mk-modal-z); display:grid; place-items:center; padding:var(--mk-modal-padding); } .mk-modal__backdrop{ position:absolute; inset:0; z-index:0; background:rgba(0,0,0,0.90); } .mk-modal__panel{ position:relative; z-index:1; width:min(var(--mk-modal-panel-width), 92vw); max-height:calc(100dvh - (var(--mk-modal-padding) * 2)); background:var(--mk-modal-panel-bg); color:var(--clr-text); border:1px solid var(--clr-border); border-radius:var(--mk-modal-radius); box-shadow:var(--card-shadow); overflow:hidden; outline:none; display:flex; flex-direction:column; } #mkContactSellerModal .mk-modal__panel, #mkRfqModal .mk-modal__panel{ width:min(var(--mk-modal-panel-narrow), 92vw); } #makeOfferModal .mk-modal__panel, #downloadDocumentsModal .mk-modal__panel, #downloadMinipackModal .mk-modal__panel, #instantQuoteModal .mk-modal__panel{ width:min(var(--mk-modal-panel-width), 92vw); } .mk-modal__content{ min-height:0; display:flex; flex-direction:column; } .mk-modal__bar{ flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); padding:var(--sp-6); background:color-mix(in oklab, var(--grey-900) 65%, transparent); border-bottom:1px solid var(--clr-border); } .mk-modal__bar-left{ display:inline-flex; align-items:center; gap:var(--sp-3); min-width:0; } .mk-modal__bar-left .material-icons-outlined{ color:var(--clr-primary); flex:0 0 auto; } .mk-modal__bar-title{ font-family:var(--ff-heading); font-size:var(--type-lead); line-height:1.2; color:var(--clr-text); overflow-wrap:anywhere; } .mk-modal__close{ width:36px; height:36px; min-width:36px; min-height:36px; padding:0; border-radius:var(--radius); justify-content:center; flex:0 0 auto; } .mk-modal__close .material-icons-outlined{ font-size:20px; } .mk-modal__body{ flex:1 1 auto; min-height:0; padding:var(--sp-10); display:grid; gap:var(--sp-5); max-height:calc(100dvh - 160px); overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; } .mk-modal__lead{ margin:0 0 20px; color:var(--clr-text); font-size:var(--type-p, var(--type-p)); line-height:var(--type-line-body, 2); } .mk-modal__actions, .mk-modal-screen__actions{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:flex-end; } .mk-modal__actions .btn, .mk-modal__actions .pill-link, .mk-modal-screen__actions .btn, .mk-modal-screen__actions .pill-link{ justify-content:center; } .mk-modal__note{ margin:0; padding-top:var(--sp-4); border-top:1px solid var(--clr-border); color:var(--mk-modal-text-muted); font-size:var(--type-p); line-height:1.55; } .mk-modal__note--spaced{ margin-top:var(--sp-6); } .mk-modal [hidden]{ display:none !important; } .mk-market-modal, .mk-download-modal, .mk-guide-pricing{ display:flex; flex-direction:column; gap:20px; } .mk-market-modal__intro, .mk-download-modal__intro, .mk-guide-pricing__intro{ display:grid; gap:8px; } .mk-market-modal__eyebrow, .mk-download-modal__eyebrow, .mk-guide-pricing__eyebrow{ margin:0; color:var(--mk-modal-text-muted); font-size:var(--type-meta); line-height:1.2; text-transform:uppercase; letter-spacing:.08em; font-weight:800; } .mk-market-modal__title, .mk-download-modal__title, .mk-guide-pricing__title{ margin:0; color:var(--clr-text); } .mk-market-modal__sub, .mk-download-modal__sub{ margin:0; color:var(--mk-modal-text-muted); font-size:var(--type-p); line-height:1.6; } .form-error-summary{ margin-bottom:16px; padding:12px 14px; border:1px solid var(--clr-danger); border-radius:10px; background:rgb(from var(--clr-danger) r g b / 0.4); color:var(--clr-text); } .mk-auth-form{ display:grid; gap:6px; } .mk-auth-actions--stack{ display:grid; gap:var(--sp-3); } .mk-message-modal-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; } .mk-message-modal-btn__label{ display:inline-flex; align-items:center; justify-content:center; } .mk-message-modal-btn__spinner{ width:16px; height:16px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; display:none; flex:0 0 16px; animation:mkMessageModalSpin .7s linear infinite; } .mk-message-modal-btn.is-loading{ pointer-events:none; opacity:.6; } .mk-message-modal-btn.is-loading .mk-message-modal-btn__spinner{ display:inline-block; } .mk-message-modal-form__hp{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; } .mk-message-modal-textarea{ min-height:300px; height:300px; resize:vertical; padding-top:18px; } .mk-message-modal-meta{ display:grid; gap:12px; margin:0 0 18px; } .mk-message-modal-meta .mk-apu-badge{ width:fit-content; } .mk-message-modal-success{ display:grid; gap:16px; } .mk-message-modal-success__message{ margin:0; color:var(--clr-text); line-height:1.65; } .mk-message-modal-success__message a{ text-decoration:underline; } .mk-message-modal-success__actions{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; } .mk-message-modal-success__actions--right{ margin-left:auto; justify-content:flex-end; } .mk-message-modal-state{ display:none !important; } .mk-message-modal-state.is-active{ display:block !important; } .mk-message-modal-success.mk-message-modal-state.is-active{ display:grid !important; } .mk-message-modal-followup-row{ display:flex; gap:16px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; } .mk-message-modal-followup-wait{ margin:0; padding-top:20px; flex:1 1 320px; color:var(--mk-modal-text-muted); font-size:var(--type-p); line-height:1.55; font-style:italic; } .mk-apu-badge{ display:inline-flex; align-items:center; gap:8px; padding:10px 12px; border-radius:var(--radius); background:rgba(255,255,255,0.06); border:1px solid var(--mk-modal-soft-border); color:var(--clr-text); font-size:var(--type-p); line-height:1; white-space:nowrap; } @keyframes mkMessageModalSpin{ to{ transform:rotate(360deg); } } .mk-download-modal__card{ display:flex; align-items:flex-start; gap:16px; padding:18px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); border-radius:var(--mk-modal-card-radius); } .mk-download-modal__card-icon{ width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; flex:none; background:rgba(255,255,255,.06); border:1px solid var(--mk-modal-muted-border); color:var(--clr-primary); } .mk-download-modal__card-icon .material-icons-outlined{ font-size:24px; } .mk-download-modal__card-copy{ min-width:0; display:flex; flex-direction:column; gap:6px; } .mk-download-modal__card-title{ margin:0; color:var(--clr-text); font-size:var(--type-lead); line-height:1.3; font-weight:700; } .mk-download-modal__card-text{ margin:0; color:var(--mk-modal-text-muted); font-size:var(--type-p); line-height:1.6; } .mk-download-modal__actions{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-top:4px; } .mk-download-modal__actions-left{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; } #downloadDocumentsNote, #downloadMinipackNote{ margin-top:0; } .mk-guide-prices--row{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; align-items:stretch; } .mk-guide-price{ min-width:0; max-width:100%; min-height:120px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:10px; padding:18px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); border-radius:var(--mk-modal-card-radius); text-align:center; } .mk-guide-price__label{ color:var(--mk-modal-text-muted); font-size:var(--type-meta); line-height:1.4; text-transform:none; letter-spacing:0; } .mk-guide-price__value{ min-width:0; max-width:100%; color:var(--clr-text); overflow-wrap:anywhere; word-break:normal; } #instantQuoteModal .mk-guide-prices--range .mk-guide-price__value{ display:flex; flex-direction:column; align-items:center; gap:.15rem; font-size:var(--type-h3) !important; line-height:1.2 !important; text-align:center; white-space:normal; } .mk-guide-price__range-line{ display:block; } .mk-guide-price__range-separator{ display:block; color:var(--mk-modal-text-muted); font-family:var(--ff-body); font-size:var(--type-p) !important; font-weight:var(--fw-regular); line-height:1.2 !important; } .mk-guide-pricing__content{ display:flex; flex-direction:column; gap:14px; max-width:980px; } .mk-guide-pricing__section{ display:flex; flex-direction:column; gap:4px; } .mk-guide-pricing__section h4{ margin:0; color:var(--clr-text); font-size:var(--type-lead); line-height:1.35; font-weight:800; } .mk-guide-pricing__section p{ margin:0; color:var(--mk-modal-text-muted); font-size:var(--type-p); line-height:1.55; } .mk-guide-pricing__section a{ color:var(--clr-primary); font-weight:700; text-decoration:underline; text-underline-offset:2px; } .mk-guide-pricing__actions{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-top:4px; } #instantQuoteContactSellerLink.is-disabled, #instantQuoteContactSellerLink[aria-disabled="true"]{ opacity:.45; pointer-events:none; cursor:not-allowed; filter:grayscale(100%); } .mk-modal .mk-action{ display:grid; gap:var(--sp-5); width:100%; margin:0 auto; } .mk-modal .mk-action__legal{ display:grid; gap:var(--sp-4); padding:var(--sp-5); border-radius:var(--mk-modal-card-radius); background:rgba(255,255,255,0.04); border:1px solid var(--mk-modal-muted-border); } .mk-modal .mk-action__legal-title{ margin:0; color:var(--clr-text); font-family:var(--ff-heading); font-size:var(--type-lead); line-height:var(--lh-tight); } .mk-modal .mk-action__legal-sub{ margin:0; color:var(--clr-text); font-size:var(--type-p); line-height:1.55; } .mk-modal .mk-action__legal-list{ list-style:none; margin:0; padding:20px 0; display:grid; gap:var(--sp-5); color:var(--clr-text); font-size:var(--type-p); } .mk-modal .mk-action__legal-list li{ position:relative; padding-left:40px; line-height:1.55; } .mk-modal .mk-action__legal-list li::before{ content:none; display:none; } .mk-modal .mk-action__legal-tick{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:25px; height:25px; border-radius:50%; background:var(--clr-bg); color:var(--clr-primary); display:grid; place-items:center; line-height:1; } .mk-modal .mk-action__legal-tick svg{ width:15px; height:15px; display:block; } .mk-modal .mk-offer-agree{ position:relative; display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; gap:10px; line-height:1.45; } .mk-modal .mk-offer-agree input[type="checkbox"]{ position:absolute; inline-size:1px; block-size:1px; opacity:0; pointer-events:none; } .mk-modal .mk-offer-agree__box{ width:22px; height:22px; flex:0 0 22px; margin-top:1px; border-radius:6px; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.06); color:var(--clr-on-primary); display:grid; place-items:center; box-sizing:border-box; transition:background-color var(--dur-fast) var(--easing), border-color var(--dur-fast) var(--easing), box-shadow var(--dur-fast) var(--easing); } .mk-modal .mk-offer-agree__box svg{ width:14px; height:14px; display:block; opacity:0; transform:scale(0.8); transition:opacity var(--dur-fast) var(--easing), transform var(--dur-fast) var(--easing); } .mk-modal .mk-offer-agree input[type="checkbox"]:checked + .mk-offer-agree__box{ border-color:var(--clr-primary); background:var(--clr-primary); } .mk-modal .mk-offer-agree input[type="checkbox"]:checked + .mk-offer-agree__box svg{ opacity:1; transform:scale(1); } .mk-modal .mk-offer-agree input[type="checkbox"]:focus-visible + .mk-offer-agree__box{ box-shadow:var(--shadow-focus); } .mk-modal .mk-action__field{ display:grid; gap:var(--sp-3); padding:var(--sp-5); border-radius:var(--mk-modal-card-radius); background:rgba(255,255,255,0.04); border:1px solid var(--mk-modal-muted-border); } .mk-action__field--offset{ margin-top:var(--sp-6); } .mk-action__actions--split{ margin-top:var(--sp-7); justify-content:space-between; flex-wrap:wrap; gap:12px; } .mk-action__actions-left{ display:flex; gap:12px; flex-wrap:wrap; } .mk-field__label{ margin:0; color:var(--clr-text); font-size:var(--type-p); line-height:1.35; font-weight:800; } .mk-field__hint{ margin:0; color:var(--mk-modal-text-muted); font-size:var(--type-p); line-height:1.45; } .mk-field__error{ margin:0; color:#fecaca; font-size:var(--type-p); line-height:1.45; } .money-wrap{ position:relative; } .money-input{ padding-left:30px; position:relative; z-index:1; } .money-wrap::before{ content:attr(data-currency); position:absolute; left:12px; top:58%; transform:translateY(-50%); color:var(--clr-text); font-size:var(--type-p); pointer-events:none; opacity:0; transition:opacity 120ms ease; z-index:2; } .money-wrap.is-active::before{ opacity:1; } .money-input:disabled{ opacity:.75; } .mk-modal-screen, .mk-price-change-screen{ display:none; gap:18px; } .mk-modal-screen.is-active, .mk-price-change-screen.is-active{ display:grid; } .mk-modal-asset-summary{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; } .mk-modal-asset-summary__item{ display:grid; gap:4px; padding:11px; border-radius:14px; border:1px solid var(--mk-modal-muted-border); background:rgba(255,255,255,0.025); } .mk-modal-asset-summary__label{ color:var(--mk-modal-text-muted); font-size:var(--type-note); line-height:1.3; } .mk-modal-asset-summary__value{ color:var(--clr-text); font-size:var(--type-meta); line-height:1.35; font-weight:800; overflow-wrap:anywhere; } .mk-choice-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; } .mk-choice-card{ position:relative; display:grid; gap:8px; padding:14px 16px; border-radius:var(--mk-modal-card-radius); border:1px solid var(--clr-primary); background:var(--clr-primary); color:#ffffff; cursor:pointer; box-shadow:0 10px 24px rgba(0,0,0,0.22); transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease, border-color 160ms ease; } .mk-choice-card:hover{ background:var(--clr-primary); border-color:var(--clr-primary); color:#ffffff; filter:brightness(0.95); transform:translateY(-1px); box-shadow:0 14px 30px rgba(0,0,0,0.28); } .mk-choice-card input{ position:absolute; opacity:0; pointer-events:none; } .mk-choice-card__top{ display:flex; align-items:center; gap:8px; color:var(--clr-text); font-weight:900; line-height:1.3; } .mk-choice-card__top .material-icons-outlined{ font-size:20px; } .mk-choice-card__copy{ color:var(--mk-modal-text); font-size:var(--type-note); line-height:1.45; } .mk-choice-card:has(input:checked){ border-color:var(--clr-primary); background:var(--clr-primary); color:#ffffff; filter:brightness(1.05); box-shadow: 0 0 0 3px color-mix(in srgb, var(--clr-primary) 28%, transparent), 0 14px 30px rgba(0,0,0,0.30); } .mk-selected-status{ display:grid; grid-template-columns:auto minmax(0, 1fr); gap:12px; align-items:start; padding:14px; border-radius:var(--mk-modal-card-radius); border:1px solid var(--mk-modal-soft-border); background:var(--mk-modal-soft-bg); } .mk-selected-status .material-icons-outlined{ color:var(--clr-primary); font-size:24px; line-height:1; } .mk-selected-status strong{ display:block; margin-bottom:3px; color:var(--clr-text); font-size:var(--type-meta); line-height:1.35; font-weight:900; } .mk-selected-status span{ color:var(--mk-modal-text-muted); font-size:var(--type-note); line-height:1.45; } .mk-modal-field-panel{ display:none; gap:14px; padding:14px; border-radius:18px; border:1px solid var(--mk-modal-muted-border); background:rgba(255,255,255,0.025); } .mk-modal-field-panel.is-active{ display:grid; } .mk-modal-field-panel__head{ display:grid; gap:4px; } .mk-modal-field-panel__head h4{ margin:0; color:var(--clr-text); font-size:var(--type-p); line-height:1.3; font-weight:900; } .mk-modal-field-panel__head p{ margin:0; color:var(--mk-modal-text-muted); font-size:var(--type-note); line-height:1.5; } .mk-field-grid, .mk-price-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; } .mk-price-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .mk-price-grid--three{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .mk-field{ display:grid; gap:7px; } .mk-field label, .mk-field__label{ color:var(--clr-text); font-size:var(--type-p); line-height:1.35; font-weight:800; } .mk-field small{ color:var(--mk-modal-text-muted); font-size:var(--type-p); line-height:1.35; } .mk-price-field[hidden]{ display:none !important; } .mk-modal-inline-error{ display:none; padding:12px 14px; border-radius:14px; border:1px solid rgba(239,68,68,0.34); background:rgba(239,68,68,0.10); color:#fecaca; font-size:var(--type-meta); line-height:1.45; } .mk-modal-inline-error.is-active{ display:block; } .mk-modal-thank-you{ display:grid; gap:16px; text-align:left; } .mk-modal-thank-you__icon{ width:54px; height:54px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:rgba(34,197,94,0.14); border:1px solid rgba(34,197,94,0.34); color:#22c55e; } .mk-modal-thank-you__icon .material-icons-outlined{ font-size:30px; } .mk-modal-thank-you h3{ margin:0; color:var(--clr-text); font-size:var(--type-section-title); line-height:1.2; font-weight:900; } .mk-modal-thank-you p{ margin:0; color:var(--mk-modal-text-muted); font-size:var(--type-meta); line-height:1.6; } #cookieConsentModal .mk-modal__backdrop{ background:rgba(0,0,0,0.60); backdrop-filter:blur(4px); } .mk-cookie-consent{ width:min(100% - 24px, var(--mk-modal-panel-small)); max-width:var(--mk-modal-panel-small); padding:0; border-radius:22px; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%), var(--clr-surface); border:1px solid rgba(255,255,255,0.12); box-shadow:var(--card-shadow); } .mk-cookie-consent__inner{ padding:34px 28px 26px; display:flex; flex-direction:column; align-items:center; text-align:center; } .mk-cookie-consent__brand{ display:flex; align-items:center; justify-content:center; margin-bottom:18px; } .mk-cookie-consent__brand-logo{ display:block; width:210px; margin-bottom:16px; object-fit:contain; } .mk-cookie-consent__icon-wrap{ width:82px; height:82px; border-radius:var(--radius); display:grid; place-items:center; margin-bottom:18px; background:var(--clr-bg); border:1px solid var(--mk-modal-soft-border); box-shadow:inset 0 1px 0 rgba(255,255,255,0.05); } .mk-cookie-consent__icon{ font-size:38px; line-height:1; color:var(--clr-primary); } .mk-cookie-consent__title{ margin:0 0 10px; font-family:var(--ff-heading); font-size:var(--type-page-title); line-height:1.08; color:var(--clr-text); } .mk-cookie-consent__text{ margin:0; max-width:80%; color:var(--mk-modal-text-muted); font-size:var(--type-p); line-height:1.65; } .mk-cookie-consent__policy-link{ color:inherit; font-weight:700; text-decoration:underline; text-underline-offset:2px; } .mk-cookie-consent__policy-link:hover, .mk-cookie-consent__policy-link:focus-visible{ color:var(--clr-primary); } .mk-cookie-consent__actions{ width:100%; margin-top:26px; display:flex; flex-direction:column; align-items:center; gap:14px; } .mk-cookie-consent__actions .btn{ min-width:250px; justify-content:center; } .mk-cookie-consent__link{ display:inline-flex; align-items:center; justify-content:center; gap:6px; color:var(--mk-modal-text-muted); font-size:var(--type-p); font-weight:600; line-height:1.4; text-decoration:underline; transition:color .2s ease, opacity .2s ease; } .mk-cookie-consent__link:hover, .mk-cookie-consent__link:focus-visible{ color:var(--clr-primary); text-decoration:underline; } .mk-cookie-consent__link.is-disabled, .mk-cookie-consent__actions .btn[aria-disabled="true"]{ pointer-events:none; opacity:.65; } .mk-partner-bio-backdrop[hidden], .mk-partner-bio-modal[hidden]{ display:none !important; } .mk-partner-bio-backdrop{ position:fixed; inset:0; z-index:calc(var(--mk-modal-z) - 1); background:#222222; opacity:0; pointer-events:none; transition:opacity 180ms ease; } .mk-partner-bio-backdrop.is-open{ opacity:.9; pointer-events:auto; } .mk-partner-bio-modal{ position:fixed; inset:0; z-index:var(--mk-modal-z); display:flex; align-items:center; justify-content:center; padding:var(--mk-modal-padding); pointer-events:none; opacity:0; transition:opacity 180ms ease; overflow:visible; } .mk-partner-bio-modal.is-open{ opacity:1; pointer-events:auto; } .mk-partner-bio-modal__dialog{ width:min(var(--mk-modal-panel-narrow), 100%); max-height:min(86vh, 720px); overflow:visible; border-radius:var(--mk-modal-radius); background:var(--mk-modal-panel-bg); color:var(--clr-text); border:1px solid var(--clr-border); box-shadow:var(--card-shadow); display:flex; flex-direction:column; } .mk-partner-bio-modal__head{ position:relative; z-index:5; display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:20px; align-items:start; padding:var(--sp-6) var(--sp-6) 18px; background:color-mix(in oklab, var(--grey-900) 65%, transparent); border-bottom:1px solid var(--clr-border); } .mk-partner-bio-modal__kicker{ margin:0 0 6px; color:var(--mk-modal-text-muted); font-size:var(--type-meta); letter-spacing:.08em; text-transform:uppercase; font-weight:800; } .mk-partner-bio-modal__title{ margin:0; color:var(--clr-text); font-family:var(--ff-heading); font-size:var(--type-section-title); line-height:1.15; } .mk-partner-bio-modal__top-actions{ display:flex; align-items:center; gap:10px; } .mk-partner-bio-modal__type{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap; border-radius:999px; padding:8px 12px; color:var(--clr-text); background:rgba(255,255,255,0.06); border:1px solid var(--mk-modal-soft-border); font-size:var(--type-meta); line-height:1; font-weight:700; } .mk-partner-bio-modal__type.is-tooltip-enabled{ cursor:help; } .mk-partner-bio-modal__type.is-tooltip-enabled::after{ content:attr(data-tooltip); position:absolute; left:auto; right:0; top:calc(100% + 10px); width:250px; padding:10px 12px; border-radius:12px; background:var(--clr-border); color:#ffffff; font-size:var(--type-meta); line-height:var(--type-line-meta); font-weight:500; box-shadow:0 16px 38px rgba(0,0,0,0.28); opacity:0; transform:translateY(-4px); pointer-events:none; transition:opacity 160ms ease, transform 160ms ease; z-index:40; white-space:normal; text-align:left; } .mk-partner-bio-modal__type.is-tooltip-enabled::before{ content:""; position:absolute; right:18px; top:calc(100% + 4px); border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid var(--clr-border); opacity:0; transform:translateY(-4px); pointer-events:none; transition:opacity 160ms ease, transform 160ms ease; z-index:41; } .mk-partner-bio-modal__type.is-tooltip-enabled:hover::after, .mk-partner-bio-modal__type.is-tooltip-enabled:hover::before, .mk-partner-bio-modal__type.is-tooltip-enabled:focus-visible::after, .mk-partner-bio-modal__type.is-tooltip-enabled:focus-visible::before{ opacity:1; transform:translateY(0); } .mk-partner-bio-modal__type:focus{ outline:0; } .mk-partner-bio-modal__type-icon{ width:22px; height:22px; display:none; flex:0 0 22px; object-fit:contain; } .mk-partner-bio-modal__type-icon.is-visible{ display:block; } .mk-partner-bio-modal__close{ width:38px; height:38px; min-width:38px; min-height:38px; padding:0; border:1px solid var(--mk-modal-soft-border); border-radius:var(--radius); background:var(--grey-800); color:var(--clr-text); cursor:pointer; display:flex; align-items:center; justify-content:center; } .mk-partner-bio-modal__close:hover, .mk-partner-bio-modal__close:focus-visible{ background:color-mix(in oklab, var(--clr-primary) 12%, transparent) !important; border-color:var(--clr-primary); color:var(--clr-text) !important; } .mk-partner-bio-modal__body{ display:grid; grid-template-columns:minmax(0, 1fr) 220px; gap:24px; align-items:start; padding:var(--sp-6); overflow:auto; max-height:calc(min(86vh, 720px) - 150px); } .mk-partner-bio-modal__bio{ display:grid; gap:12px; color:var(--mk-modal-text-muted); font-size:var(--type-p); line-height:1.7; } .mk-partner-bio-modal__bio p{ margin:0; color:inherit; } .mk-partner-bio-modal__logo-wrap{ min-height:150px; padding:20px; border-radius:20px; border:1px solid var(--mk-modal-muted-border); background:#222222; display:flex; align-items:center; justify-content:center; } .mk-partner-bio-modal__logo{ max-width:100%; max-height:120px; object-fit:contain; display:block; } .mk-partner-bio-modal__foot{ display:flex; justify-content:flex-end; padding:0 var(--sp-6) var(--sp-6); } #priceChangeModal .mk-price-route-list { display: grid !important; gap: 16px !important; } .mk-price-route, #priceChangeModal .mk-price-route { display: grid !important; gap: 14px !important; padding: 18px !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 16px !important; background: rgba(255, 255, 255, .045) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important; } #priceChangeModal .mk-price-route__head { display: grid !important; gap: 5px !important; min-width: 0 !important; padding-bottom: 12px !important; border-bottom: 1px solid rgba(255, 255, 255, .10) !important; } #priceChangeModal .mk-price-route__head h3, #priceChangeModal .mk-price-route__head p { margin: 0 !important; min-width: 0 !important; } #priceChangeModal .mk-price-route__head h3 { color: var(--clr-text) !important; font-size: var(--type-section-title) !important; font-weight: 900 !important; line-height: 1.12 !important; } #priceChangeModal .mk-price-route__head p { color: var(--clr-text-muted) !important; font-size: var(--type-meta) !important; font-weight: 800 !important; line-height: 1.35 !important; } #priceChangeModal .mk-price-route__controls { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) !important; gap: 14px !important; align-items: center !important; min-width: 0 !important; } #priceChangeModal .mk-price-route__toggle { position: relative !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 56px !important; min-width: 0 !important; margin: 0 !important; cursor: pointer !important; } #priceChangeModal .mk-price-route__switch.ui-switch { flex: 0 0 52px !important; width: 52px !important; height: 28px !important; } #priceChangeModal .mk-price-route__switch > input[type="checkbox"][data-price-toggle] { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: transparent !important; box-shadow: none !important; cursor: pointer !important; z-index: 2 !important; } #priceChangeModal .mk-price-route__switch > input[type="checkbox"][data-price-toggle]::-ms-check { display: none !important; } #priceChangeModal .mk-price-route__switch .ui-switch__track { pointer-events: none !important; } #priceChangeModal .mk-price-route .form-group { margin: 0 !important; min-width: 0 !important; } #priceChangeModal .mk-price-route .form-group.is-disabled { opacity: .52 !important; } #priceChangeModal .mk-price-route .form-group.is-disabled input { cursor: not-allowed !important; } #priceChangeModal .mk-price-review-list { display: grid !important; gap: 10px !important; } #priceChangeModal .mk-price-review-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; min-height: 54px !important; padding: 12px 14px !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 16px !important; background: rgba(255, 255, 255, .045) !important; } #priceChangeModal .mk-price-review-row.is-removed { border-style: dashed !important; opacity: .78 !important; } #priceChangeModal .mk-price-review-row__label { color: var(--clr-text-muted) !important; font-size: var(--type-meta) !important; font-weight: 800 !important; } #priceChangeModal .mk-price-review-row__value { color: var(--clr-text) !important; font-size: var(--type-p) !important; text-align: right !important; } @media (max-width: 680px) { .mk-price-route, #priceChangeModal .mk-price-route { padding: 14px !important; } #priceChangeModal .mk-price-route__controls { grid-template-columns: 52px minmax(0, 1fr) !important; gap: 10px !important; } #priceChangeModal .mk-price-review-row { align-items: flex-start !important; flex-direction: column !important; } #priceChangeModal .mk-price-review-row__value { text-align: left !important; } } @media (max-width:1180px){ .mk-price-grid, .mk-price-grid--three{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (max-width:860px){ .mk-guide-prices--row, .mk-choice-grid, .mk-modal-asset-summary{ grid-template-columns:1fr; } .mk-guide-price{ min-height:unset; } .mk-guide-pricing__actions, .mk-download-modal__actions{ justify-content:flex-start; } } @media (max-width:720px){ .mk-modal{ padding:0; place-items:stretch; } .mk-modal__panel{ width:100vw !important; max-width:100vw; height:100dvh; max-height:100dvh; border-radius:0; border:0; } .mk-modal__bar{ padding:16px; } .mk-modal__body{ flex:1 1 auto; min-height:0; max-height:none; padding:16px; overflow-y:auto; overflow-x:hidden; } .mk-modal__actions, .mk-modal-screen__actions, .mk-message-modal-success__actions{ align-items:stretch; flex-direction:column; } .mk-modal__actions .btn, .mk-modal__actions .pill-link, .mk-modal-screen__actions .btn, .mk-modal-screen__actions .pill-link, .mk-message-modal-success__actions .btn, .mk-message-modal-success__actions .pill-link{ width:100%; justify-content:center; } #mkRfqNoticeState .mk-message-modal-success__actions--rfq{ display:grid; grid-template-columns:repeat(auto-fit, minmax(min(13rem, 100%), 1fr)); flex:1 1 100%; width:100%; margin-left:0; } #mkRfqNoticeState .mk-message-modal-success__actions--rfq .btn{ min-width:0; width:100%; } .mk-field-grid, .mk-price-grid, .mk-price-grid--three{ grid-template-columns:1fr; } .mk-field[style]{ grid-column:1 / -1 !important; } .mk-download-modal__card{ padding:16px; } .mk-download-modal__actions-left, .mk-download-modal__actions-left .btn, .mk-download-modal__actions-left .pill-link, .mk-download-modal__actions > .pill-link{ width:100%; justify-content:center; } .mk-action__actions--split, .mk-action__actions-left{ align-items:stretch; flex-direction:column; width:100%; } .mk-partner-bio-modal{ padding:0; } .mk-partner-bio-modal__dialog{ width:100vw; height:100dvh; max-height:100dvh; border-radius:0; border:0; } .mk-partner-bio-modal__head{ grid-template-columns:1fr; padding:16px; } .mk-partner-bio-modal__top-actions{ justify-content:space-between; } .mk-partner-bio-modal__body{ grid-template-columns:1fr; max-height:none; padding:16px; } .mk-partner-bio-modal__logo-wrap{ order:-1; } .mk-partner-bio-modal__foot{ padding:0 16px 16px; } .mk-partner-bio-modal__foot .btn{ width:100%; } .mk-partner-bio-modal__type.is-tooltip-enabled::after{ right:0; width:min(250px, calc(100vw - 48px)); } .mk-partner-bio-modal__type.is-tooltip-enabled::before{ right:18px; } .mk-cookie-consent__text{ max-width:100%; } } .mk-session-modal .mk-modal__panel{ width:min(var(--mk-modal-panel-small), 92vw); } .mk-session-modal .mk-market-modal{ gap:18px; } .mk-session-modal__notice{ display:grid; grid-template-columns:auto minmax(0, 1fr); gap:14px; align-items:start; padding:18px; border:1px solid var(--mk-modal-muted-border); background:rgba(255,255,255,0.04); border-radius:var(--mk-modal-card-radius); } .mk-session-modal__notice .material-icons-outlined{ color:var(--clr-primary); font-size:24px; line-height:1; } .mk-modal__bar-title{ margin-bottom: 0; } .mk-session-modal__notice p{ margin:0; color:var(--mk-modal-text-muted); font-size:var(--type-p); line-height:1.6; } @media (max-width:720px){ .mk-session-modal .mk-modal__panel{ width:100vw !important; max-width:100vw; } .mk-session-modal__notice{ padding:16px; } } #mkAuthModal[hidden]{ display:none !important; } #mkAuthModal{ position:fixed; inset:0; z-index:var(--mk-modal-z, 999999); display:grid; place-items:center; padding:var(--sp-6); } #mkAuthModal .mk-modal__backdrop{ position:absolute; inset:0; z-index:0; background:rgba(0,0,0,0.9); } #mkAuthModal .mk-modal__panel{ position:relative; z-index:1; width:min(960px, 92vw); max-height:calc(100dvh - (var(--sp-6) * 2)); background:var(--clr-surface); color:var(--clr-text); border:1px solid var(--clr-border); border-radius:var(--radius-lg); box-shadow:var(--card-shadow); overflow:hidden; outline:none; display:block; } #mkAuthModal .mk-modal__layout{ display:grid; grid-template-columns:340px minmax(0, 1fr); min-height:100%; } #mkAuthModal .mk-modal__media{ min-height:100%; background: linear-gradient(to bottom right, rgba(0,0,0,0.25), var(--clr-text-dark)), url("../images/site/backgrounds/auth-bg.jpg") center / cover no-repeat; } #mkAuthModal .mk-modal__content{ display:flex; flex-direction:column; min-width:0; min-height:0; } #mkAuthModal .mk-modal__bar{ flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); padding:var(--sp-6); background:color-mix(in oklab, var(--grey-900) 65%, transparent); border-bottom:1px solid var(--clr-border); } #mkAuthModal .mk-modal__bar-left{ display:inline-flex; align-items:center; gap:var(--sp-3); } #mkAuthModal .mk-modal__bar-left .material-icons-outlined{ color:var(--clr-primary); } #mkAuthModal .mk-modal__bar-title{ margin-bottom:0; font-family:var(--ff-heading); font-size:var(--type-lead); line-height:1.2; color:var(--clr-text); } #mkAuthModal .mk-modal__body{ flex:1 1 auto; min-height:0; padding:var(--sp-10); display:grid; gap:var(--sp-5); max-height:calc(100dvh - 160px); overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; } #mkAuthModal .mk-modal__body:has(#mkAuthForgot:not([hidden])){ scrollbar-width:none; -ms-overflow-style:none; } #mkAuthModal .mk-modal__body:has(#mkAuthForgot:not([hidden]))::-webkit-scrollbar{ width:0; height:0; display:none; } #mkAuthModal .mk-modal__lead{ margin:0 0 20px; color:var(--clr-text); font-size:var(--type-p, var(--type-p)); line-height:var(--type-line-body, 2); } #mkAuthModal .mk-modal__meta{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-4); } #mkAuthModal .mk-modal__chip{ display:inline-flex; align-items:center; gap:var(--sp-3); padding:var(--sp-4); background:var(--clr-surface-alt); border:1px solid var(--clr-border); border-radius:var(--radius-lg); } #mkAuthModal .mk-modal__chip .material-icons-outlined{ color:var(--clr-primary); } #mkAuthModal .mk-modal__actions{ display:flex; gap:var(--sp-4); flex-wrap:wrap; } #mkAuthModal .mk-modal__actions .btn{ min-width:0; } #mkAuthModal .mk-modal__note{ margin:0; padding-top:var(--sp-4); border-top:1px solid var(--clr-border); color:var(--clr-text); font-size:var(--type-p); line-height:1.55; } #mkAuthModal .mk-modal__close{ width:36px; min-width:36px; height:36px; min-height:36px; padding:0; border-radius:var(--radius); justify-content:center; flex:0 0 36px; } #mkAuthModal .mk-modal__close .material-icons-outlined{ font-size:20px; } #mkAuthModal .mk-auth-toggle{ display:inline-flex; align-items:center; gap:6px; min-width:0; padding:4px; border:1px solid rgba(255,255,255,0.10); border-radius:var(--radius); background:rgba(255,255,255,0.06); } #mkAuthModal .mk-auth-toggle .subnav-link, #mkAuthModal .mk-auth-toggle__link{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:38px; height:38px; margin:0; padding:8px 12px; border:1px solid transparent; border-radius:var(--radius); background:transparent; color:var(--clr-text); font-size:var(--type-p); font-weight:var(--fw-bold); line-height:1; white-space:nowrap; text-decoration:none !important; opacity:.85; } #mkAuthModal .mk-auth-toggle .subnav-link:hover, #mkAuthModal .mk-auth-toggle .subnav-link:focus-visible, #mkAuthModal .mk-auth-toggle__link:hover, #mkAuthModal .mk-auth-toggle__link:focus-visible{ opacity:1; color:var(--clr-text); background:rgba(255,255,255,0.06); border-color:transparent; box-shadow:none; text-decoration:none !important; } #mkAuthModal .mk-auth-toggle .subnav-link.is-active, #mkAuthModal .mk-auth-toggle__link.is-active{ opacity:1; background:var(--clr-primary); border-color:rgba(255,255,255,0.14); color:var(--clr-text); } #mkAuthModal .mk-auth-toggle .material-icons-outlined, #mkAuthModal .mk-auth-toggle__link .material-icons-outlined{ color:var(--clr-primary); font-size:18px; line-height:1; } #mkAuthModal .mk-auth-toggle .subnav-link.is-active .material-icons-outlined, #mkAuthModal .mk-auth-toggle__link.is-active .material-icons-outlined{ color:var(--clr-text); } #mkAuthModal .mk-auth-toggle form{ display:inline-flex; align-items:center; margin:0; } #mkAuthModal .mk-auth-toggle button, #mkAuthModal button.mk-auth-toggle__link{ appearance:none; -webkit-appearance:none; width:auto; min-width:0; min-height:38px; height:38px; margin:0; padding:8px 12px; border:1px solid transparent; border-radius:var(--radius); background:transparent; color:var(--clr-text); font:inherit; font-size:var(--type-p); font-weight:var(--fw-bold); line-height:1; cursor:pointer; opacity:.85; } #mkAuthModal .mk-auth-toggle button:hover, #mkAuthModal .mk-auth-toggle button:focus, #mkAuthModal .mk-auth-toggle button:active, #mkAuthModal button.mk-auth-toggle__link:hover, #mkAuthModal button.mk-auth-toggle__link:focus, #mkAuthModal button.mk-auth-toggle__link:active{ opacity:1; background:rgba(255,255,255,0.06) !important; color:var(--clr-text) !important; border-color:transparent; box-shadow:none; } #mkAuthModal .mk-auth-toggle button.is-active, #mkAuthModal button.mk-auth-toggle__link.is-active{ opacity:1; background:var(--clr-primary) !important; border-color:rgba(255,255,255,0.14); color:var(--clr-text) !important; } #mkAuthModal .mk-auth-toggle button.is-active .material-icons-outlined, #mkAuthModal button.mk-auth-toggle__link.is-active .material-icons-outlined{ color:var(--clr-text); } #mkAuthModal .mk-auth-tabs{ display:inline-flex; align-items:center; gap:8px; } #mkAuthModal .mk-auth-tabs--bar .mk-auth-tablink{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px 10px; border:1px solid transparent; border-radius:var(--radius); color:var(--clr-text); font-size:var(--type-p); line-height:1; font-weight:800; text-decoration:none; } #mkAuthModal .mk-auth-tabs--bar .mk-auth-tablink:hover, #mkAuthModal .mk-auth-tabs--bar .mk-auth-tablink:focus-visible{ background:rgba(255,255,255,0.06); color:var(--clr-text); text-decoration:none; } #mkAuthModal .mk-auth-tabs--bar .mk-auth-tablink.is-active{ color:var(--clr-text); background:rgba(255,255,255,0.08); border-color:var(--clr-primary); } #mkAuthModal .mk-auth-tabdiv{ width:1px; height:22px; background:rgba(255,255,255,0.14); } #mkAuthModal .mk-auth-panel{ min-width:0; } #mkAuthModal .mk-auth-form{ display:grid; gap:6px; } #mkAuthModal .mk-auth-form__row{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; align-items:start; } #mkAuthModal .mk-auth-form__row .form-group, #mkAuthModal .mk-auth-form > .form-group{ margin:0; min-width:0; } #mkAuthModal .mk-auth-form > .form-group > .checkbox{ margin-top:0; } #mkAuthModal .mk-auth-form > .form-group .field-msg{ margin-top:6px; } #mkAuthModal .mk-auth-help{ margin-top:8px; color:var(--clr-text-muted); font-size:var(--type-meta); line-height:1.45; } #mkAuthModal .form-group.is-error .mk-auth-help{ color:var(--clr-text-muted); } #mkAuthModal .field-msg--success{ margin:0 0 16px; padding:12px 14px; border:1px solid var(--clr-success); border-radius:10px; background:rgb(from var(--clr-success) r g b / 0.18); color:var(--clr-text); font-size:var(--type-p); line-height:1.45; } #mkAuthModal .mk-auth-form__hp{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; } #mkAuthModal .mk-auth-marketing-opt-in{ margin:6px 0 20px 0; } #mkAuthModal .mk-auth-actions--stack{ display:grid; gap:var(--sp-3); } #mkAuthModal .mk-auth-form .mk-auth-actions, #mkAuthModal .mk-auth-form .mk-auth-actions--stack{ margin-top:20px; } #mkAuthModal .mk-auth-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:48px; } #mkAuthModal .mk-auth-btn__label{ display:inline-flex; align-items:center; justify-content:center; } #mkAuthModal .mk-auth-btn__spinner{ width:16px; height:16px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; display:none; flex:0 0 16px; animation:mkAuthBtnSpin .7s linear infinite; } #mkAuthModal .mk-auth-btn.is-loading{ pointer-events:none; opacity:.9; } #mkAuthModal .mk-auth-btn.is-loading .mk-auth-btn__spinner{ display:inline-block; } #mkAuthModal .mk-auth-btn:disabled, #mkAuthModal .mk-pass-toggle:disabled{ pointer-events:none; opacity:.65; cursor:not-allowed; } #mkAuthModal .mk-auth-link{ font-size:var(--type-p); color:var(--clr-text); text-decoration:none; justify-self:start; } #mkAuthModal .mk-auth-link:hover, #mkAuthModal .mk-auth-link:focus-visible{ color:var(--clr-text); text-decoration:underline; } #mkAuthModal .mk-auth-foot{ margin-top:10px; color:var(--mk-modal-text-muted); font-size:var(--type-p); line-height:1.55; } #mkAuthModal .mk-auth-switch{ color:var(--clr-primary); font-weight:800; text-decoration:none; } #mkAuthModal .mk-auth-switch:hover, #mkAuthModal .mk-auth-switch:focus-visible{ color:var(--clr-primary); text-decoration:underline; } #mkAuthModal .mk-auth-tablink.is-disabled, #mkAuthModal .mk-auth-switch.is-disabled, #mkAuthModal .mk-modal__close.is-disabled, #mkAuthModal .mk-auth-link.is-disabled, #mkAuthModal .pill-link.is-disabled{ pointer-events:none; opacity:.6; cursor:default; } #mkAuthModal .form-group.has-pass-toggle{ position:relative; } #mkAuthModal .form-group.has-pass-toggle .mk-auth-input{ padding-right:46px; } #mkAuthModal .mk-pass-toggle{ position:absolute; right:10px; top:40%; transform:translateY(-50%); min-width:0; width:34px; height:34px; display:grid; place-items:center; border:0; background:transparent !important; box-shadow:none !important; color:var(--clr-text); cursor:pointer; padding:0; } #mkAuthModal .mk-pass-toggle:hover, #mkAuthModal .mk-pass-toggle:active, #mkAuthModal .mk-pass-toggle:focus, #mkAuthModal .mk-pass-toggle:focus-visible{ background:transparent !important; box-shadow:none !important; } #mkAuthModal .mk-pass-toggle:hover, #mkAuthModal .mk-pass-toggle:focus-visible{ color:var(--clr-primary); } #mkAuthModal .mk-pass-toggle .material-icons-outlined{ font-size:18px; pointer-events:none; } @keyframes mkAuthBtnSpin{ to{ transform:rotate(360deg); } } @media (max-width:1024px){ #mkAuthModal{ padding:0; place-items:stretch; } #mkAuthModal .mk-modal__panel{ display:flex; flex-direction:column; width:100vw !important; max-width:100vw; height:100dvh; max-height:100dvh; border:0; border-radius:0; } #mkAuthModal .mk-modal__layout{ grid-template-columns:1fr; grid-template-rows:minmax(0, 1fr); height:100%; min-height:0; } #mkAuthModal .mk-modal__media{ display:none; } #mkAuthModal .mk-modal__content{ display:grid; grid-template-rows:auto minmax(0, 1fr); min-height:0; overflow:hidden; } #mkAuthModal .mk-modal__bar{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); padding:var(--sp-4); } #mkAuthModal .mk-modal__body{ display:block; min-height:0; max-height:none; padding:var(--sp-4); overflow:hidden auto; -webkit-overflow-scrolling:touch; } #mkAuthModal .mk-modal__body > * + *{ margin-top:var(--sp-4); } #mkAuthModal .mk-auth-tabs--bar, #mkAuthModal .mk-auth-tabs--bar .mk-auth-tablink, #mkAuthModal .mk-modal__close{ width:auto; max-width:none; } #mkAuthModal .mk-auth-tabs--bar{ display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:var(--sp-2); } #mkAuthModal .mk-auth-tabs--bar .mk-auth-tablink{ display:inline-flex; align-items:center; justify-content:center; } #mkAuthModal .mk-modal__close{ flex:0 0 36px; width:36px; min-width:36px; height:36px; } #mkAuthModal .mk-auth-toggle{ flex:0 1 auto; flex-wrap:wrap; justify-content:flex-start; gap:var(--sp-2); max-width:calc(100% - 48px); } #mkAuthModal .mk-auth-toggle .subnav-link, #mkAuthModal .mk-auth-toggle__link, #mkAuthModal .mk-auth-toggle button, #mkAuthModal button.mk-auth-toggle__link{ flex:0 0 auto; width:auto; max-width:none; } #mkAuthModal .mk-modal__bar-left--mobile-heading{ display:grid; gap:10px; margin-bottom:6px; } #mkAuthModal .mk-modal__bar-left--mobile-heading .material-icons-outlined{ color:var(--clr-primary); } #mkAuthModal .mk-modal__bar-left--mobile-heading .mk-modal__bar-title{ font-size:var(--type-lead); line-height:1.15; } #mkAuthModal .mk-modal__lead{ margin:0 0 var(--sp-1); } #mkAuthModal .mk-modal__meta{ grid-template-columns:1fr; } } @media (max-width:520px){ #mkAuthModal .mk-auth-form__row{ grid-template-columns:1fr; } #mkAuthModal .mk-auth-tabs{ gap:6px; } #mkAuthModal .mk-auth-toggle{ gap:4px; padding:3px; } #mkAuthModal .mk-auth-toggle .subnav-link, #mkAuthModal .mk-auth-toggle__link, #mkAuthModal .mk-auth-toggle button, #mkAuthModal button.mk-auth-toggle__link{ min-height:36px; height:36px; padding:7px 9px; font-size:var(--type-meta); } #mkAuthModal .mk-auth-tabs--bar .mk-auth-tablink{ padding:8px 9px; font-size:var(--type-meta); } #mkAuthModal .mk-auth-tabdiv{ height:18px; } } #makeOfferModal .mk-action__legal-list li::before { content: none !important; } #makeOfferModal .mk-action__legal-tick, #makeOfferModal .mk-offer-agree__box { overflow: hidden; } #makeOfferModal .mk-action__legal-tick svg, #makeOfferModal .mk-action__legal-tick-svg { width: 15px !important; height: 15px !important; max-width: 15px !important; max-height: 15px !important; min-width: 0 !important; min-height: 0 !important; flex: 0 0 15px !important; display: block !important; } #makeOfferModal .mk-offer-agree__box svg, #makeOfferModal .mk-offer-agree__tick { width: 14px !important; height: 14px !important; max-width: 14px !important; max-height: 14px !important; min-width: 0 !important; min-height: 0 !important; flex: 0 0 14px !important; display: block !important; } #makeOfferModal .mk-action__legal-list li { display: flex !important; align-items: flex-start !important; gap: 14px !important; padding-left: 0 !important; } #makeOfferModal .mk-action__legal-list li[hidden] { display: none !important; } #makeOfferModal .mk-action__legal-list li::before { content: none !important; display: none !important; width: 0 !important; height: 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } #makeOfferModal .mk-action__legal-tick { position: relative !important; left: auto !important; top: auto !important; transform: none !important; width: 25px !important; height: 25px !important; min-width: 25px !important; flex: 0 0 25px !important; margin-top: 0.05em !important; border-radius: 50% !important; background: var(--clr-bg) !important; color: var(--clr-primary) !important; display: grid !important; place-items: center !important; font-size: 0 !important; line-height: 0 !important; } #makeOfferModal .mk-action__legal-tick::before, #makeOfferModal .mk-action__legal-tick::after { content: none !important; display: none !important; } #makeOfferModal .mk-action__legal-tick svg, #makeOfferModal .mk-action__legal-tick-svg { width: 15px !important; height: 15px !important; max-width: 15px !important; max-height: 15px !important; min-width: 0 !important; min-height: 0 !important; flex: 0 0 15px !important; display: block !important; overflow: visible !important; } #makeOfferModal .mk-offer-agree__box { position: relative !important; width: 22px !important; height: 22px !important; min-width: 22px !important; flex: 0 0 22px !important; display: grid !important; place-items: center !important; font-size: 0 !important; line-height: 0 !important; } #makeOfferModal .mk-offer-agree__box svg, #makeOfferModal .mk-offer-agree__tick { width: 14px !important; height: 14px !important; max-width: 14px !important; max-height: 14px !important; min-width: 0 !important; min-height: 0 !important; flex: 0 0 14px !important; display: block !important; } button:disabled, button[disabled], button[aria-disabled="true"], .btn:disabled, .btn[disabled], .btn.is-disabled, .btn[aria-disabled="true"], .pill-link.is-disabled, .pill-link[aria-disabled="true"], .mk-auth-btn:disabled, .mk-listing-card__btn.is-disabled, .btn.mk-apu-action.is-disabled, .mk-apu-action.is-disabled, .client-record-download-all.is-disabled, .mk-cookie-consent__actions .btn[aria-disabled="true"], #instantQuoteContactSellerLink.is-disabled, #instantQuoteContactSellerLink[aria-disabled="true"], #mkAuthModal .pill-link.is-disabled { background: var(--grey-800) !important; background-color: var(--grey-800) !important; border-color: var(--grey-600) !important; border-bottom-color: var(--grey-600) !important; color: var(--clr-text-muted) !important; -webkit-text-fill-color: var(--clr-text-muted) !important; opacity: 0.68 !important; filter: grayscale(0.2) !important; cursor: not-allowed !important; pointer-events: none !important; box-shadow: none !important; transform: none !important; } button:disabled .material-icons-outlined, button[disabled] .material-icons-outlined, button[aria-disabled="true"] .material-icons-outlined, .btn:disabled .material-icons-outlined, .btn[disabled] .material-icons-outlined, .btn.is-disabled .material-icons-outlined, .btn[aria-disabled="true"] .material-icons-outlined, .pill-link.is-disabled .material-icons-outlined, .pill-link[aria-disabled="true"] .material-icons-outlined, .client-record-download-all.is-disabled .material-icons-outlined, #instantQuoteContactSellerLink.is-disabled .material-icons-outlined, #instantQuoteContactSellerLink[aria-disabled="true"] .material-icons-outlined, #mkAuthModal .pill-link.is-disabled .material-icons-outlined { color: var(--clr-text-muted) !important; -webkit-text-fill-color: var(--clr-text-muted) !important; } .client-record-download-link.is-disabled, .mk-document-download-link.is-disabled { color: var(--clr-text-muted) !important; -webkit-text-fill-color: var(--clr-text-muted) !important; opacity: 0.68 !important; filter: grayscale(0.2) !important; cursor: not-allowed !important; pointer-events: none !important; box-shadow: none !important; transform: none !important; } .client-record-download-link.is-disabled .material-icons-outlined, .mk-document-download-link.is-disabled .mk-document-download-link__icon, .mk-data-table .mk-document-download-link.is-disabled .mk-document-download-link__icon { background: var(--grey-800) !important; background-color: var(--grey-800) !important; border-color: var(--grey-600) !important; color: var(--clr-text-muted) !important; -webkit-text-fill-color: var(--clr-text-muted) !important; box-shadow: none !important; filter: none !important; }