.htz{--htz-brand: #0042da;--htz-brand-hover: #003cc6;--htz-on-brand: #ffffff;--htz-text-900: #020202;--htz-text-700: #293148;--htz-text-500: #6b6f7c;--htz-bg: #ffffff;--htz-bg-light: #ebf0fc;--htz-bg-hover: #dce6fa;--htz-border: #dddddd;--htz-font-title: "Poppins", sans-serif;--htz-font-body: "Lato", sans-serif;--htz-radius-sm: 3px;--htz-radius-md: 6px;--htz-radius-lg: 12px;--htz-ease: cubic-bezier(.4, 0, .2, 1);--htz-dur-fast: 125ms;--htz-dur-base: .2s;--htz-dur-panel: .22s;--htz-dot-size: 10px;--htz-dot-size-mob: 8px}.htz *,.htz *:before,.htz *:after{box-sizing:border-box}.htz{position:relative;width:100%;overflow:hidden}.htz__body{max-width:900px;margin-inline:auto;padding-inline:20px}.htz__radio{position:fixed;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;margin:0;padding:0;pointer-events:none;-webkit-appearance:none;appearance:none}.htz__inner{max-width:1400px;margin-inline:auto;padding-inline:40px}.htz__accordion-list{display:grid;gap:12px}@media(max-width:767px){.htz__inner{padding-inline:20px}}.htz__header{margin-bottom:40px;max-width:720px;text-align:left}.htz__title{font-family:var(--htz-font-title);font-weight:700;font-size:clamp(26px,4vw,48px);line-height:1.09;color:var(--htz-text-900);margin:0 0 16px;letter-spacing:0;text-transform:none;position:relative;padding-bottom:18px}.htz__title:after{content:"";position:absolute;bottom:0;left:0;width:48px;height:3px;background:var(--htz-brand);border-radius:2px}.htz__intro{font-family:var(--htz-font-body);font-weight:400;font-size:clamp(14px,2vw,16px);line-height:1.72;color:var(--htz-text-700);margin:0;max-width:68ch}.htz__map{position:relative;border-radius:var(--htz-radius-md);overflow:visible}.htz__map-inner{position:relative;width:100%;border-radius:var(--htz-radius-md);overflow:hidden;box-shadow:0 1px 3px #00000014,0 2px 10px #0000000f;background-color:var(--htz-bg-light);user-select:none;-webkit-user-select:none}.htz__main-img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;filter:brightness(.96)}.htz__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;aspect-ratio:16 / 9;background-color:var(--htz-bg-light);color:var(--htz-text-500);font-family:var(--htz-font-body);font-size:.875rem;border:2px dashed var(--htz-border);border-radius:var(--htz-radius-md)}.htz__label{position:absolute;display:inline-flex;align-items:center;gap:4px;transform:translate(-50%,-50%);z-index:2;cursor:default;max-width:min(180px,46%)}label.htz__label{cursor:pointer}.htz__radio:focus-visible+.htz__body .htz__label,label.htz__label:focus-visible{outline:2px solid var(--htz-brand);outline-offset:2px;border-radius:var(--htz-radius-sm)}.htz__dot{display:block;flex-shrink:0;width:var(--htz-dot-size);height:var(--htz-dot-size);background-color:var(--htz-text-700);border:2px solid var(--htz-bg);border-radius:50%;box-shadow:0 1px 3px #0000002e,0 0 #0042da00;transition:background-color var(--htz-dur-fast) var(--htz-ease),box-shadow var(--htz-dur-base) var(--htz-ease)}label.htz__label:hover .htz__dot,label.htz__label:focus-visible .htz__dot{background-color:var(--htz-brand-hover);box-shadow:0 1px 3px #0000002e,0 0 0 3px #0042da2e}.htz__label-text{font-family:var(--htz-font-title);font-size:.6875rem;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;background-color:var(--htz-bg);color:var(--htz-text-700);border:1.5px solid var(--htz-border);border-radius:100px;padding:4px 9px;box-shadow:0 1px 4px #0000001f;transition:background-color var(--htz-dur-fast) var(--htz-ease),color var(--htz-dur-fast) var(--htz-ease),border-color var(--htz-dur-fast) var(--htz-ease),box-shadow var(--htz-dur-fast) var(--htz-ease)}label.htz__label:hover .htz__label-text,label.htz__label:focus-visible .htz__label-text{background-color:var(--htz-bg-light);color:var(--htz-brand-hover);border-color:var(--htz-brand-hover);box-shadow:0 2px 8px #0042da33}.htz__label--static{cursor:default;pointer-events:none}.htz__label--static .htz__label-text{color:var(--htz-text-500);border-color:color-mix(in srgb,var(--htz-border) 60%,transparent);background-color:#ffffffd1;box-shadow:0 1px 3px #00000014}.htz__dot--static{background-color:var(--htz-text-500);opacity:.75}.htz__panels{margin-top:14px;display:grid;grid-template-columns:1fr}.htz__panel{grid-row:1;grid-column:1;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height var(--htz-dur-panel) var(--htz-ease),opacity calc(var(--htz-dur-panel) - 40ms) var(--htz-ease)}.htz__panel-content{display:flex;align-items:flex-start;gap:18px;padding:20px;background-color:var(--htz-bg-light);border-radius:var(--htz-radius-md);border:1px solid var(--htz-border);box-shadow:0 1px 6px #0000000f}.htz__panel-img-wrap{flex-shrink:0;width:130px;height:130px;overflow:hidden;background-color:var(--htz-border)}.htz__panel-img-wrap--rounded{border-radius:var(--htz-radius-md)}.htz__panel-img-wrap--circle{border-radius:50%;width:120px;height:120px;align-self:center}.htz__panel-img-wrap--square{border-radius:var(--htz-radius-sm)}.htz__panel-img{display:block;width:100%;height:100%;object-fit:cover}.htz__panel-body{flex:1;min-width:0}.htz__panel-title{font-family:var(--htz-font-title);font-size:1rem;font-weight:700;line-height:1.3;color:var(--htz-text-900);margin:0 0 8px}.htz__panel-title:after{content:"";display:block;margin-top:7px;width:28px;height:2px;background-color:var(--htz-brand);border-radius:2px}.htz__panel-text{font-family:var(--htz-font-body);font-size:.9375rem;line-height:1.6;color:var(--htz-text-700);margin:0}.htz__panel-text br+br{display:block;margin-top:.5em}@media(max-width:719px){.htz__body{padding-inline:16px}.htz__dot{width:var(--htz-dot-size-mob);height:var(--htz-dot-size-mob)}.htz__label-text{font-size:.625rem;padding:3px 7px;max-width:130px}.htz__panel-content{flex-direction:column;padding:16px;gap:14px}.htz__panel-img-wrap{width:100%;height:140px}.htz__panel-img-wrap--circle{width:110px;height:110px;margin-inline:auto}.htz-acc__summary{padding:14px 16px;gap:12px}.htz-acc__title{font-size:15px}.htz-acc__subtitle{font-size:.875rem}.htz-acc>.htz__body{padding-top:16px}}@media(min-width:720px)and (max-width:859px){.htz__body{padding-inline:28px}}@media(min-width:860px){.htz__body{padding-inline:40px}.htz__panel-img-wrap{width:155px;height:155px}.htz__panel-img-wrap--circle{width:140px;height:140px}}@media(prefers-reduced-motion:reduce){.htz__panel,.htz__label-text,.htz__dot,.htz-acc__vbar,.htz-acc__summary{transition:none}.htz-acc[open]>.htz__body{animation:none}}.htz-acc>summary{list-style:none}.htz-acc>summary::-webkit-details-marker{display:none}.htz-acc{border:1px solid var(--htz-border);border-radius:var(--htz-radius-md);overflow:hidden}.htz-acc[open]{box-shadow:0 2px 8px #0000000f,0 4px 16px #0042da0f}.htz-acc__summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background-color:var(--htz-bg-light);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color var(--htz-dur-base) var(--htz-ease);outline:none}.htz-acc__summary:hover{background-color:var(--htz-bg-hover)}.htz-acc__summary:focus-visible{outline:2px solid var(--htz-brand);outline-offset:-2px}.htz-acc[open]>.htz-acc__summary{border-bottom:1px solid var(--htz-border)}.htz-acc__header-text{flex:1;min-width:0}.htz-acc__title{font-family:var(--htz-font-title);font-weight:700;font-size:clamp(15px,2vw,17px);line-height:1.3;color:var(--htz-text-900);margin:0;padding:0;letter-spacing:0;text-transform:none}.htz-acc__subtitle{font-family:var(--htz-font-body);font-size:.9375rem;line-height:1.5;color:var(--htz-text-700);margin:4px 0 0}.htz-acc__icon{flex-shrink:0;color:var(--htz-brand);display:flex;align-items:center;justify-content:center}.htz-acc__icon-svg{display:block}.htz-acc__vbar{transform-origin:12px 12px;transition:transform var(--htz-dur-base) var(--htz-ease),opacity var(--htz-dur-base) var(--htz-ease)}.htz-acc[open] .htz-acc__vbar{transform:scaleY(0);opacity:0}.htz-acc>.htz__body{padding-top:28px;padding-bottom:8px}.htz-acc[open]>.htz__body{animation:htz-acc-open var(--htz-dur-panel) var(--htz-ease) both}@keyframes htz-acc-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/basis-how-to-zones.css.map */