/* ==================================================================
   ULTIMATE TOOLKIT — CAMPAIGNS, front end
   Four placements. Two variants. Three backgrounds. One urgency state.
   Colours, fonts and the photo arrive as custom properties from PHP,
   scoped per campaign — see UTK_Render::css_vars().
   ================================================================== */

/* // CSS NAME: utk-tokens // */
.utk-unit{
  --utk-fill:#00ADBC;
  --utk-fill-deep:#005961;
  --utk-teal-text:#00747F;
  --utk-ink:#0E1417;
  --utk-btn-bg:#FF9F19;
  --utk-btn-fg:#fff;
  --utk-radius:4px;
  --utk-radius-lg:12px;
}

/* // CSS NAME: utk-unit-backgrounds // */
.utk-unit{
  position:relative; overflow:hidden; border-radius:var(--utk-radius-lg);
  color:#fff; background:var(--utk-fill);
  font-family:var(--utk-text,"Raleway",Arial,sans-serif);
  font-size:17px; line-height:1.5; box-sizing:border-box;
}
.utk-unit *,.utk-unit *::before,.utk-unit *::after{box-sizing:border-box}
.utk-unit.utk-bg--photo,
.utk-unit.utk-bg--boxes:not(.is-past-first){background:var(--utk-photo) center 56%/cover no-repeat,var(--utk-fill)}
.utk-unit.has-no-photo{background:var(--utk-fill)}

/* // CSS NAME: utk-photo-first-card-only // */
.utk-unit.is-past-first{background:var(--utk-fill)!important;transition:background 200ms ease}
.utk-unit.is-past-first::before{display:none!important}

/* // CSS NAME: utk-scrim // (guarantees type over photography stays readable) */
.utk-unit::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;display:none}
.utk-unit.utk-bg--photo:not(.has-no-photo)::before{display:block;
  background:linear-gradient(90deg,rgba(14,20,23,.86) 0%,rgba(14,20,23,.58) 54%,rgba(14,20,23,.50) 100%)}
.utk-unit.utk-bg--boxes:not(.is-past-first):not(.has-no-photo)::before{display:block;background:rgba(14,20,23,.10)}
.utk-unit>*{position:relative;z-index:1}

/* // CSS NAME: utk-unit-spacing // (the gap around an in-page unit) */
.utk-p1,.utk-p3{margin:var(--utk-gap,5px) 0}

/* // CSS NAME: utk-plate // */
.utk-plate{position:relative;display:inline-block}

/* // CSS NAME: utk-kicker // */
.utk-unit .utk-kick{font-family:var(--utk-display,"Arial Black",sans-serif)!important;
  font-weight:900!important;text-transform:uppercase!important;margin:0!important}
.utk-kick{
  display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--utk-teal-text);
  font-family:var(--utk-display,"Arial Black",sans-serif);font-weight:900;font-size:15px;
  letter-spacing:.1em;text-transform:uppercase;padding:10px 17px;
  border-radius:var(--utk-radius);white-space:nowrap;
}

/* // CSS NAME: utk-headline // (forced — themes style headings with ID
   selectors that outrank a plain class, and Enfold is one of them) */
.utk-unit .utk-head{
  font-family:var(--utk-display,"Arial Black",sans-serif)!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  margin:0!important;
  padding:0!important;
  color:var(--utk-text-colour,#fff)!important;
  text-shadow:0 2px 5px rgba(14,20,23,.85),0 4px 26px rgba(14,20,23,.7);
}
.utk-unit .utk-head span{display:block;color:inherit}
.utk-unit .utk-head::before,.utk-unit .utk-head::after{content:none!important}
.utk-bg--colour .utk-head,.has-no-photo .utk-head,
.utk-unit.is-past-first .utk-head{text-shadow:none}

/* Body type on the unit, same reason. */
.utk-unit .utk-sub,.utk-unit .utk-howto,.utk-unit .utk-fine,.utk-unit .utk-when{
  color:var(--utk-text-colour,#fff)!important;
  font-family:var(--utk-text,Arial,sans-serif)!important;
}

/* // CSS NAME: utk-deadline // */
.utk-when{display:inline-flex;align-items:center;gap:11px;font-size:20px;font-weight:800;white-space:nowrap}
.utk-when .utk-lab{
  font-family:var(--utk-display,"Arial Black",sans-serif);font-weight:900;font-size:15px;
  letter-spacing:.11em;text-transform:uppercase;opacity:.95;
}
.utk-clock{display:inline-flex;gap:7px}
.utk-clock b{
  font-family:var(--utk-text,Arial,sans-serif);font-weight:800;font-size:27px;
  background:#fff;color:var(--utk-fill);padding:7px 11px;border-radius:var(--utk-radius);
  min-width:56px;text-align:center;display:inline-block;
  font-variant-numeric:tabular-nums;line-height:1.05;
}
.utk-clock b i{font-style:normal;font-size:10px;font-weight:700;opacity:.75;display:block;
  letter-spacing:.08em;margin-top:3px}
/* the digits carry their own colour, not the unit's text colour */
.utk-unit .utk-clock b{color:var(--utk-fill)!important}

/* // CSS NAME: utk-buttons // */
.utk-unit .utk-btn{font-family:var(--utk-display,"Arial Black",sans-serif)!important;
  font-weight:900!important;text-transform:uppercase!important;
  background:var(--utk-btn-bg)!important;color:var(--utk-btn-fg)!important;
  border:0!important;border-radius:var(--utk-radius)!important;text-decoration:none!important}
.utk-btn{
  font-family:var(--utk-display,"Arial Black",sans-serif);font-weight:900;font-size:18px;
  letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:var(--utk-radius);
  padding:19px 34px;cursor:pointer;background:var(--utk-btn-bg);color:var(--utk-btn-fg);
  white-space:nowrap;transition:transform 160ms cubic-bezier(.2,.7,.3,1);line-height:1;
}
.utk-btn:hover{transform:translateY(-1px)}
.utk-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.utk-btn[disabled]{opacity:.6;cursor:default;transform:none}
.utk-btn--sm{padding:13px 20px;font-size:14px}
.utk-btn--full{width:100%;display:block}

/* // CSS NAME: utk-promo-code // (text face, never the display face — a demo
   Geometos renders the digit 4 as a watermark block and codes carry digits) */
.utk-code{
  display:inline-flex;align-items:stretch;border-radius:var(--utk-radius);overflow:hidden;
  border:2px dashed rgba(255,255,255,.85);background:rgba(14,20,23,.82);
}
.utk-code em{
  font-style:normal;font-family:var(--utk-text,Arial,sans-serif);font-weight:800;font-size:38px;
  letter-spacing:.14em;padding:12px 22px;color:#fff;display:flex;align-items:center;line-height:1.1;
}
.utk-code button{
  border:0;background:#fff;color:var(--utk-ink);
  font-family:var(--utk-display,"Arial Black",sans-serif);font-weight:900;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;padding:0 20px;cursor:pointer;
}
.utk-bg--colour .utk-code,.has-no-photo .utk-code,
.utk-unit.is-past-first .utk-code{background:var(--utk-fill-deep)}

/* // CSS NAME: utk-form-fields // */
.utk-form{margin:0}
.utk-form-row{display:flex;gap:10px;margin-bottom:10px}
.utk-form-row .utk-field{flex:1}
.utk-field{
  display:block;width:100%;border:2px solid rgba(255,255,255,.7);background:rgba(14,20,23,.62);
  border-radius:var(--utk-radius);padding:13px 14px;font-family:var(--utk-text,Arial,sans-serif);
  font-size:17px;font-weight:600;color:#fff;outline:0;
}
.utk-field::placeholder{color:rgba(255,255,255,.75);font-weight:500}
.utk-field:focus{border-color:#fff;background:rgba(14,20,23,.78)}
.utk-field.is-bad{border-color:#FFB4B4}
.utk-fine{font-size:14px;line-height:1.5;opacity:.95;margin:10px 0 0;
  text-shadow:0 1px 3px rgba(14,20,23,.95),0 2px 12px rgba(14,20,23,.8)}
.utk-err{margin:9px 0 0;font-size:14px;font-weight:700;color:#FFD9D9}
.utk-back{background:0;border:0;font-family:var(--utk-text,Arial,sans-serif);font-size:14px;
  font-weight:700;color:inherit;cursor:pointer;padding:0;text-decoration:underline}
.utk-steps{display:flex;gap:6px;margin-bottom:10px}
.utk-steps i{width:26px;height:4px;border-radius:2px;background:rgba(255,255,255,.38)}
.utk-steps i.is{background:#fff}
.utk-sub{font-size:16px;line-height:1.5;margin:11px 0 0;max-width:52ch;
  text-shadow:0 1px 3px rgba(14,20,23,.95),0 2px 12px rgba(14,20,23,.8)}
.utk-bg--colour .utk-sub,.utk-bg--colour .utk-fine,
.has-no-photo .utk-sub,.has-no-photo .utk-fine,
.utk-unit.is-past-first .utk-sub,.utk-unit.is-past-first .utk-fine,
.utk-unit.is-past-first .utk-howto{text-shadow:none}

/* ==================================================================
   // CSS NAME: utk-boxes-treatment //
   Photo behind, alternating boxes over it: fill / white / fill / white.
   ================================================================== */
.utk-bg--boxes:not(.is-past-first) .utk-plate{background:#fff;color:var(--utk-fill);border-radius:2px;padding:9px 14px}
.utk-bg--boxes:not(.is-past-first) .utk-plate--tight{padding:7px 12px}
.utk-bg--boxes:not(.is-past-first) .utk-head{line-height:1.14;text-shadow:none}
.utk-bg--boxes:not(.is-past-first) .utk-head span{display:block;width:fit-content;max-width:100%;
  padding:.06em .24em;border-radius:2px;margin-bottom:3px}
.utk-bg--boxes:not(.is-past-first) .utk-head span:nth-child(odd){background:#fff;color:var(--utk-fill)}
.utk-bg--boxes:not(.is-past-first) .utk-head span:nth-child(even){background:var(--utk-fill);color:#fff}
.utk-bg--boxes:not(.is-past-first) .utk-col-l>.utk-kick,
.utk-bg--boxes:not(.is-past-first) .utk-pad>.utk-kick,
.utk-bg--boxes:not(.is-past-first) .utk-top .utk-kick{background:var(--utk-fill);color:#fff}
.utk-bg--boxes:not(.is-past-first) .utk-col-l>.utk-kick,
.utk-bg--boxes:not(.is-past-first) .utk-pad>.utk-kick{display:flex;width:fit-content;margin-bottom:6px}
.utk-bg--boxes:not(.is-past-first) .utk-when{background:#fff;color:var(--utk-fill);padding:9px 14px;border-radius:2px}
.utk-bg--boxes:not(.is-past-first) .utk-plate .utk-when{background:0;padding:0}
.utk-bg--boxes:not(.is-past-first) .utk-clock b{background:var(--utk-fill)}
.utk-unit.utk-bg--boxes:not(.is-past-first) .utk-clock b{color:#fff!important}
.utk-bg--boxes:not(.is-past-first) .utk-head span:nth-child(odd),
.utk-unit.utk-bg--boxes:not(.is-past-first) .utk-head span:nth-child(odd){color:var(--utk-fill)!important}
.utk-bg--boxes:not(.is-past-first) .utk-head span:nth-child(even),
.utk-unit.utk-bg--boxes:not(.is-past-first) .utk-head span:nth-child(even){color:#fff!important}
.utk-unit.utk-bg--boxes:not(.is-past-first) .utk-sub,.utk-unit.utk-bg--boxes:not(.is-past-first) .utk-howto,
.utk-unit.utk-bg--boxes:not(.is-past-first) .utk-fine,.utk-unit.utk-bg--boxes:not(.is-past-first) .utk-when{color:var(--utk-teal-text)!important}
.utk-bg--boxes:not(.is-past-first) .utk-code{background:#fff;border-color:var(--utk-fill)}
.utk-bg--boxes:not(.is-past-first) .utk-code em{color:var(--utk-teal-text)}
.utk-bg--boxes:not(.is-past-first) .utk-code button{background:var(--utk-fill);color:var(--utk-ink)}
.utk-bg--boxes:not(.is-past-first) .utk-sub,
.utk-bg--boxes:not(.is-past-first) .utk-howto,
.utk-bg--boxes:not(.is-past-first) .utk-fine{display:inline-block;background:#fff;color:var(--utk-teal-text);
  padding:.2em .45em;text-shadow:none;border-radius:2px}
.utk-bg--boxes:not(.is-past-first) .utk-field{background:rgba(255,255,255,.94);border-color:#fff;color:var(--utk-ink)}
.utk-bg--boxes:not(.is-past-first) .utk-field::placeholder{color:#A3A6A7}
.utk-bg--boxes:not(.is-past-first) .utk-steps i{background:rgba(255,255,255,.55)}
.utk-bg--boxes:not(.is-past-first) .utk-back{background:#fff;color:var(--utk-teal-text);padding:3px 7px;border-radius:2px}

/* ==================================================================
   // CSS NAME: utk-placement-1-inline-panel // 1200 x 250
   ================================================================== */
.utk-p1{min-height:var(--utk-p1-h,250px);display:flex;align-items:center;
  padding:var(--utk-pad-y,26px) var(--utk-pad-x,34px)}
.utk-p1 .utk-card{display:none;width:100%;gap:30px;align-items:center}
.utk-p1 .utk-card[data-on]{display:flex}
.utk-p1 .utk-col-l{flex:1 1 auto;min-width:0}
.utk-p1 .utk-col-r{flex:0 0 auto}
.utk-p1 .utk-col-r--wide{flex:0 0 400px}
.utk-p1 .utk-head{font-size:46px}
.utk-p1 .utk-steps{margin-bottom:16px}
.utk-p1 .utk-col-l>.utk-kick{margin-bottom:18px!important}
.utk-unit.utk-p1 .utk-head{margin:0 0 6px!important}
.utk-p1 .utk-stack{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.utk-p1 .utk-stack--end{align-items:flex-end;text-align:right}
.utk-p1 .utk-stack--end .utk-btn{width:100%}
.utk-p1 .utk-when{font-size:22px}
.utk-p1 .utk-when .utk-lab{font-size:16px}
.utk-bg--boxes:not(.is-past-first).utk-p1 .utk-head{font-size:39px}
.utk-bg--boxes:not(.is-past-first).utk-p1 .utk-col-l>.utk-kick{margin-bottom:12px!important}

/* ==================================================================
   // CSS NAME: utk-placement-2-sticky-banner //
   ================================================================== */
.utk-p2{display:flex;align-items:center;gap:18px;padding:0 20px;height:70px;border-radius:0}
.utk-p2-lead{display:flex;align-items:center;gap:13px;min-width:0}
.utk-p2 .utk-msg{
  font-family:var(--utk-display,"Arial Black",sans-serif);font-weight:900;font-size:17px;
  text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.utk-p2 .utk-spacer{flex:1}
.utk-p2 .utk-when{font-size:16px;flex:none}
.utk-p2 .utk-when .utk-lab{font-size:12px}
.utk-p2 .utk-clock b{font-size:18px;min-width:40px;padding:4px 7px}
.utk-p2 .utk-clock b i{font-size:8px;margin-top:1px}
.utk-p2 .utk-kick{font-size:12px;padding:7px 12px}
.utk-p2 .utk-code em{font-size:16px;padding:6px 12px}
.utk-p2 .utk-code button{padding:0 11px}
.utk-p2 .utk-x{
  background:rgba(255,255,255,.24);border:0;color:#fff;width:26px;height:26px;
  border-radius:var(--utk-radius);cursor:pointer;font-size:15px;line-height:1;flex:none;
}
.utk-bg--boxes:not(.is-past-first).utk-p2 .utk-plate{background:0;padding:0;gap:9px}
.utk-bg--boxes:not(.is-past-first).utk-p2 .utk-kick{background:var(--utk-fill);color:#fff}
.utk-bg--boxes:not(.is-past-first).utk-p2 .utk-msg{background:var(--utk-fill);color:#fff;padding:9px 15px;border-radius:2px}
.utk-bg--boxes:not(.is-past-first).utk-p2 .utk-when{background:var(--utk-fill);color:#fff}
/* The generic boxes rule forces white digits with !important, for white type on
   a brand-coloured chip. p2 flips the chip to white, so the digits must flip too
   — and can only do it by matching that !important. Without this the countdown
   is white on white the moment the campaign turns urgent. */
.utk-unit.utk-bg--boxes:not(.is-past-first).utk-p2 .utk-clock b{background:#fff;color:var(--utk-teal-text)!important}
.utk-bg--boxes:not(.is-past-first).utk-p2 .utk-code{background:var(--utk-fill);border-color:#fff}
.utk-bg--boxes:not(.is-past-first).utk-p2 .utk-code em{color:#fff}

/* // CSS NAME: utk-sticky-pin // (JS adds is-pinned once it is in the DOM top) */
.utk-p2.is-pinned{position:fixed;top:0;left:0;right:0;z-index:9990;border-radius:0}

/* // CSS NAME: utk-p2-adminbar //
   Logged in, the WordPress admin bar is fixed across the top and sits above
   everything. Pinning the banner at 0 put it underneath — the top of the
   banner was covered, which reads as a broken banner rather than a hidden one.
   Customers never saw this; every admin did. WordPress uses 32px above 782px
   and 46px below it, and stops fixing the bar at 600px, so the offset goes
   back to 0 there. */
body.admin-bar .utk-p2.is-pinned{top:32px}
@media screen and (max-width:782px){body.admin-bar .utk-p2.is-pinned{top:46px}}
@media screen and (max-width:600px){body.admin-bar .utk-p2.is-pinned{top:0}}

/* ==================================================================
   // CSS NAME: utk-placement-3-booking-rail // (must stay short)
   ================================================================== */
.utk-p3{padding:calc(var(--utk-pad-y,26px) * .6) calc(var(--utk-pad-x,34px) * .5)}
.utk-p3 .utk-card{display:none}
.utk-p3 .utk-card[data-on]{display:block}
.utk-p3 .utk-top{display:flex;align-items:center;justify-content:space-between;
  gap:8px;margin-bottom:11px;flex-wrap:wrap}
.utk-p3 .utk-head{font-size:30px}
.utk-unit.utk-p3 .utk-head{margin:0 0 12px!important}
.utk-p3 .utk-kick{font-size:12px;padding:7px 13px}
.utk-p3 .utk-btn{font-size:15px;padding:15px 22px}
.utk-p3 .utk-when{font-size:15px;gap:8px}
.utk-p3 .utk-when .utk-lab{font-size:11.5px}
.utk-p3 .utk-clock b{font-size:19px;min-width:42px;padding:5px 8px}
.utk-p3 .utk-clock b i{font-size:8.5px;margin-top:2px}
.utk-p3 .utk-code em{font-size:33px;padding:11px 20px}
.utk-p3 .utk-code button{font-size:12px;padding:0 17px}
.utk-p3 .utk-field{margin-bottom:8px}
.utk-p3 .utk-form-row{flex-direction:column;gap:0}
.utk-p3 .utk-howto{font-size:15px;line-height:1.45;margin:0;
  text-shadow:0 1px 3px rgba(14,20,23,.95),0 2px 12px rgba(14,20,23,.8)}
.utk-bg--colour.utk-p3 .utk-howto,.has-no-photo.utk-p3 .utk-howto{text-shadow:none}
/* Wraps rather than squashing — the real rail beside Rezdy is about 390px. */
.utk-p3 .utk-split{display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.utk-p3 .utk-split-l{flex:1 1 250px;min-width:0}
.utk-p3 .utk-split-r{flex:0 0 auto}
.utk-unit.utk-p3 .utk-split-l .utk-head{margin-bottom:10px!important}

/* ==================================================================
   // CSS NAME: utk-placement-4-popup //
   ================================================================== */
.utk-scrim{
  position:fixed;inset:0;background:rgba(14,20,23,.68);z-index:9995;
  display:flex;align-items:center;justify-content:center;padding:22px;
}
.utk-scrim[hidden]{display:none}
.utk-modal{width:100%;max-width:440px;box-shadow:0 24px 70px rgba(14,20,23,.45)}
.utk-modal.utk-bg--photo:not(.has-no-photo)::before{
  background:linear-gradient(180deg,rgba(14,20,23,.46) 0%,rgba(14,20,23,.82) 62%)}
.utk-modal.utk-bg--boxes:not(.is-past-first):not(.has-no-photo)::before{background:rgba(14,20,23,.12)}
.utk-modal .utk-x{
  position:absolute;top:12px;right:12px;background:rgba(255,255,255,.26);border:0;color:#fff;
  width:30px;height:30px;border-radius:var(--utk-radius);cursor:pointer;font-size:17px;line-height:1;z-index:3;
}
.utk-modal .utk-pad{padding:calc(var(--utk-pad-y,26px) + 4px) var(--utk-pad-x,34px) var(--utk-pad-y,26px);
  position:relative;z-index:1}
.utk-modal .utk-card{display:none}
.utk-modal .utk-card[data-on]{display:block}
.utk-modal .utk-head{font-size:34px}
.utk-unit.utk-modal .utk-head{margin:0 0 14px!important}
.utk-modal .utk-pad>.utk-kick{margin-bottom:16px!important}
.utk-modal .utk-steps{margin-bottom:15px}
.utk-modal .utk-sub{margin:0 0 18px}
.utk-modal .utk-field{margin-bottom:10px}
.utk-modal .utk-form-row{flex-direction:column;gap:0}
.utk-modal .utk-code{margin-bottom:16px}
.utk-modal .utk-plate{margin-bottom:18px}
.utk-modal .utk-no{
  display:block;width:100%;text-align:center;margin-top:12px;background:0;border:0;
  color:rgba(255,255,255,.82);font-family:var(--utk-text,Arial,sans-serif);font-size:13px;
  font-weight:600;cursor:pointer;text-decoration:underline;
}
.utk-bg--boxes:not(.is-past-first).utk-modal .utk-no{color:#fff;text-shadow:0 1px 6px rgba(14,20,23,.9)}

/* ==================================================================
   // CSS NAME: utk-mobile //
   ================================================================== */
@media (max-width:782px){
  .utk-p1{min-height:0;padding:min(var(--utk-pad-y,26px),20px) min(var(--utk-pad-x,34px),20px)}
  .utk-p1 .utk-card[data-on]{display:block}
  .utk-p1 .utk-head{font-size:25px}
  .utk-p1 .utk-col-l>.utk-kick{margin-bottom:12px!important}
  .utk-p1 .utk-steps{margin-bottom:12px}
  .utk-bg--boxes:not(.is-past-first).utk-p1 .utk-head{font-size:23px}
  .utk-p1 .utk-col-r{margin-top:15px}
  .utk-p1 .utk-col-r--wide{flex:auto}
  .utk-p1 .utk-form-row{flex-direction:column;gap:8px}
  .utk-p1 .utk-btn{width:100%}
  .utk-p1 .utk-when{font-size:15px}
  .utk-p1 .utk-when .utk-lab{font-size:11px}

  .utk-p2{height:auto;padding:9px 11px;gap:9px}
  .utk-p2 .utk-msg{font-size:10.5px;letter-spacing:0}
  .utk-p2 .utk-when{display:none}
  .utk-p2 .utk-btn{padding:8px 10px;font-size:10.5px}
  .utk-p2 .utk-code em{font-size:13px;padding:5px 9px}
  .utk-p2 .utk-code button{display:none}

  .utk-p3 .utk-head{font-size:21px}
  .utk-p3 .utk-split{gap:12px}
  .utk-p3 .utk-code em{font-size:24px;padding:8px 14px}
  .utk-p3 .utk-btn{width:100%}

  .utk-kick{font-size:11px;padding:6px 11px}
  .utk-btn{font-size:14px;padding:15px 22px}
  .utk-when{font-size:15px;gap:8px}
  .utk-when .utk-lab{font-size:11px}
  .utk-clock b{font-size:19px;min-width:42px;padding:5px 8px}
  .utk-clock b i{font-size:8.5px}
  .utk-code em{font-size:26px;padding:9px 15px}
  .utk-code button{font-size:11px;padding:0 14px}
  .utk-modal .utk-head{font-size:25px}
  .utk-modal .utk-pad>.utk-kick{margin-bottom:12px!important}
  .utk-scrim{padding:14px}
}

/* // CSS NAME: utk-motion // */
@media (prefers-reduced-motion:reduce){
  .utk-btn{transition:none}
  .utk-btn:hover{transform:none}
}