/* Match the original Pet Lodge calculator; retain the native orange slider circles. */
.plw-calculator {
  box-sizing: border-box; width: 100%; padding: 0;
  color: #292929; background: transparent;
  font-family: "DM Sans", sans-serif; font-size: 16px; line-height: 28.8px;
  container-type: inline-size; container-name: plw-widget;
}
.plw-calculator *, .plw-calculator *::before, .plw-calculator *::after { box-sizing: border-box; }
.plw-calculator .plw-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.plw-calculator .plw-field { margin: 0 0 32px; min-width: 0; }
.plw-calculator .plw-label, .plw-calculator .plw-extras legend {
  display: block; padding: 0; margin: 0 0 8px; color: #292929;
  font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 400; line-height: 20px;
}
.plw-calculator .plw-field:has(.plw-range) { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.plw-calculator .plw-field:has(.plw-range) > .plw-label { grid-column: 1; grid-row: 1; margin: 0; }
.plw-calculator .plw-slider-row { display: contents; }
.plw-calculator .plw-number {
  grid-column: 2; grid-row: 1; width: 44.57px; height: 42px; min-height: 0;
  padding: 10px 15px; margin: 0; border: 1px solid transparent; border-radius: 4px;
  background: rgba(41,41,41,.05); color: #292929;
  font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 700; line-height: 20px;
  text-align: center; appearance: textfield;
}
.plw-calculator .plw-number::-webkit-inner-spin-button, .plw-calculator .plw-number::-webkit-outer-spin-button { appearance: none; margin: 0; }
.plw-calculator .plw-range {
  grid-column: 1 / -1; grid-row: 2; width: 100%; min-width: 0; height: 10px;
  margin: 10px 0 0; padding: 0; appearance: none; border: 0; border-radius: 5px;
  background: linear-gradient(to right,#ff7800 0 var(--plw-fill,0%),rgba(41,41,41,.05) var(--plw-fill,0%) 100%); cursor: pointer;
}
.plw-calculator .plw-range::-webkit-slider-thumb { appearance: none; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #f1692f; background: #fff; box-shadow: 0 2px 5px #f1692f25; }
.plw-calculator .plw-range::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #f1692f; background: #fff; box-shadow: 0 2px 5px #f1692f25; }
.plw-calculator .plw-bounds { grid-column: 1 / -1; display: flex; justify-content: space-between; margin: 6px 0 0; padding: 0; font-size: 13px; font-weight: 400; line-height: 28.8px; color: #292929; }
.plw-calculator .plw-hint { margin: 8px 0 0; font-size: 13px; font-weight: 400; line-height: 15.6px; color: rgba(41,41,41,.7); }
.plw-calculator .plw-field:has(.plw-range) > .plw-hint { grid-column: 1 / -1; }
.plw-calculator .plw-select { width: 100%; height: 42px; min-height: 0; margin: 0; padding: 10px 29px 10px 15px; border: 1px solid transparent; border-radius: 4px; background-color: rgba(41,41,41,.05); color: #292929; font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 700; line-height: 20px; }
.plw-calculator .plw-extras { border: 0; padding: 0; margin: 0; min-width: 0; }
.plw-calculator .plw-checkbox-label { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; padding: 0; min-height: 24px; color: #292929; font-size: 15px; font-weight: 400; line-height: 24px; cursor: pointer; }
.plw-calculator .plw-checkbox-label:last-child { margin-bottom: 0; }
.plw-calculator .plw-checkbox { flex: 0 0 18px; width: 18px; height: 18px; padding: 0; margin: 0; accent-color: #ff7800; }
.plw-calculator .plw-results { padding: 40px 20px; margin: 0; color: #111; background: #fff; border-radius: 16px; }
.plw-calculator .plw-result { display: grid; grid-template-columns: minmax(120px,1fr) 80px; column-gap: 16px; row-gap: 4px; margin: 0 0 24px; }
.plw-calculator .plw-result-heading { margin: 0; padding: 0; color: #111; font-family: "DM Sans",sans-serif; font-size: 15px; font-weight: 700; line-height: 20px; }
.plw-calculator .plw-result .plw-hint { grid-column: 1; margin: 0; color: #111; line-height: 16px; }
.plw-calculator .plw-value { margin: 0; color: #111; font-family: "DM Sans",sans-serif; font-weight: 700; }
.plw-calculator .plw-result .plw-value { grid-column: 2; grid-row: 1 / 3; font-size: 15px; line-height: 20px; text-align: right; }
.plw-calculator .plw-total { margin: 0; padding: 24px 0 0; border: 0; border-top: 1px solid rgba(17,17,17,.1); border-radius: 0; background: transparent; }
.plw-calculator .plw-total .plw-result-heading { font-size: 20px; line-height: 26px; }
.plw-calculator .plw-total .plw-value { font-size: 32px; line-height: 40px; }
.plw-calculator .plw-disclaimer { margin: 8px 0 0; color: #111; font-size: 13px; font-weight: 400; line-height: 16px; }
.plw-calculator :focus-visible { outline: 2px solid #f1692f; outline-offset: 3px; }
.breakdance .bde-div-1894-125, .breakdance .bde-div-1895-125 { box-sizing: border-box; padding: 30px!important; gap: 20px; }
.breakdance .bde-div-1894-125>.bde-heading, .breakdance .bde-div-1895-125>.bde-heading { margin-left: 0; margin-right: 0; max-width: 100%; }
.breakdance .bde-div-1894-125>.bde-code-block, .breakdance .bde-div-1895-125>.bde-code-block { width: 100%; min-width: 0; }
@container plw-widget (max-width: 640px) { .plw-calculator .plw-grid { grid-template-columns: minmax(0,1fr); } }
@container plw-widget (max-width: 300px) {
  .plw-calculator .plw-field:has(.plw-range) { grid-template-columns: minmax(0,1fr); }
  .plw-calculator .plw-field:has(.plw-range)>.plw-label { grid-column: 1; grid-row: 1; }
  .plw-calculator .plw-number { grid-column: 1; grid-row: 2; width:100%; margin-top: 12px; }
  .plw-calculator .plw-range { grid-row: 3; }
}
@media(max-width:767px) { .breakdance .bde-div-1894-125, .breakdance .bde-div-1895-125 { padding: 25px!important; } }

@container plw-widget (min-width:301px){.plw-calculator .plw-number[aria-label="Number of days"]{width:39.44px}}

.plw-calculator .plw-result .plw-hint,.plw-calculator .plw-disclaimer{color:rgba(17,17,17,.7)}
.plw-calculator .plw-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m8 10 4 4 4-4' fill='none' stroke='%23292929' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.plw-calculator .plw-checkbox{appearance:none;background:rgba(41,41,41,.05);border:1px solid rgba(41,41,41,.5);border-radius:3px;position:relative}
.plw-calculator .plw-checkbox:checked{background:#ff7800;border-color:#ff7800}
.plw-calculator .plw-checkbox:checked::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}

.plw-calculator .plw-checkbox-label:first-of-type{margin-right:12px}
