:root{--wz-color-text-muted:#616161;--wz-color-strength-muted:#DEDEDE;--wz-color-strength-weak:#D40129;--wz-color-strength-fair:#D48E01;--wz-color-strength-strong:#01CB55;--wz-color-strength-very-strong:#01C19A;--wz-color-strength-txt-weak:#D40129;--wz-color-strength-txt-fair:#A16C01;--wz-color-strength-txt-strong:#018939;--wz-color-strength-txt-very-strong:#01846A}
.wztool-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body { color: #000;}
.bg-gray{background-color:#F8F8F8}
.color-gray{color: #616161;}
.hero { padding: 40px 0;}
.hero-title{margin-bottom:16px;font-style:normal;font-weight:400;letter-spacing:-0.96px}
.hero-description{margin-bottom:40px;font-size:18px;font-weight:400;line-height:26px}
.hero-description p{margin:0 0 12px}
.hero-icon{margin-right:8px;display:inline-block;position:relative;top:5px}
.hero-icon img{display:block;width:15px}
.hero-tabs-content{padding:20px;border-radius:20px;background:#FFF;box-shadow:0 0 8px rgba(0,0,0,0.10);position:relative;z-index:2}
.wztool-purpose__options{display:flex;gap:12px}
.wztool-purpose{margin-bottom:0;display:flex;justify-content:center;align-items:flex-end;gap:12px}
.wztool-purpose__btn{padding:12px;min-width:100px;border-radius:8px 8px 0 0;border-top:1px solid #757575;border-left:1px solid #757575;border-right:1px solid #757575;border-bottom:0;text-align:center;font-size:16px;font-weight:400;line-height:24px;color:#616161;background-color:#F8F8F8;position:relative;z-index:1;transition: all 0.3s ease;}
.wztool-purpose__btn:hover{border-color: #FCBA2E; color: #000 }
.wztool-purpose__btn[aria-pressed="true"]{border-radius:0;border-color:transparent;background-color:#FFF;font-weight:700;color:#000;z-index:3}
.wztool-purpose__btn[aria-pressed="true"]:after{content:"";border-top:8px solid #FCBA2E;position:absolute;top:-8px;left:0;width:100%;border-radius:8px 8px 0 0}
/* #wztool-cta-wifi{display:none} */
.wztool-tabs{display:flex;border-bottom:1px solid #DEDEDE;margin-bottom:24px}
.wztool-tabs__tab{min-width:160px;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#616161;background:none;border:none;border-bottom:4px solid transparent;padding:0;cursor:pointer;transition: all 0.3s ease;}
.wztool-tabs__tab:hover{color:#000;border-bottom:4px solid #000}
.wztool-tabs__tab[aria-selected="true"]{font-weight:700;color:#000;border-bottom:4px solid #FCBA2E}
.wztool-panel{padding:24px;border:1px solid #DEDEDE;border-radius:12px;margin-bottom:24px;background-color:transparent}
.wztool-range{--track-h:6px;--thumb-d:20px;-webkit-appearance:none;flex:1;min-width:0;accent-color:#DEDEDE;height:4px;appearance:none;width:100%;background:#DEDEDE;cursor:pointer;border-radius: 120px;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb-d);height:var(--thumb-d);border-radius:50%;background:#0067CB;border:2px solid #fff;box-shadow:0 1px 4px rgb(0 0 0 / 0.3);margin-top:-1px;stroke-width:4px;stroke:#FFF;filter:drop-shadow(0 0 20px rgba(0,0,0,0.16))}
input[type="range"]::-moz-range-thumb{width:var(--thumb-d);height:var(--thumb-d);border:2px solid #fff;border-radius:50%;background:#0067CB;stroke-width:4px;stroke:#FFF;box-shadow:0 1px 4px rgb(0 0 0 / 0.3)}
.wztool-control-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}
.wztool-control-row__label{font-size:16px;white-space:nowrap}
.wztool-control-row__value{font-size:16px;font-weight:700;min-width:62px;text-align:right}
.wztool-checkbox{display:flex;align-items:center;gap:5px;font-size:14px}

.wztool-charsets{display:flex;gap:24px;flex-wrap:wrap;border:none;margin:0;padding:0}
.wztool-panel__note{margin:12px 0 0;font-size:14px;color:var(--wz-color-text-muted);text-align:left}
.wztool-error{margin:24px 0 0;font-size:14px;color:#D40129;text-align:left;}
.btn-w-icon svg{width:18px;height:18px;margin-right:2px}
.btn-w-icon.btn-secondary svg{fill:#000}
.btn-w-icon.btn-secondary:hover path,.btn-secondary.btn-w-icon:focus path,.btn-secondary.btn-w-icon:disabled path{fill:#FFF}
.btn-generate:disabled { background: none; border: 2px solid #CBCBCB; color: #CBCBCB}
.btn-dark{border: 2px solid #000;}
.btn-dark:hover{ background-color: transparent;color:#000;}
.btn-copy:disabled { background-color: #CBCBCB;}
.btn-copy.copied svg { display: none; }
.btn-copy.copied span:before{content:"";width:12px;height:9px;margin-right:4px;display:inline-block;background:url(/static/wz/images/product/winzip/web-tools/password-generator/icon-tick.svg) 50% 50% no-repeat transparent}
.wztool-btns{display:inline-flex;gap:12px;margin-top:24px;}
.wztool-result__value{width:100%;background:#F8F8F8;border:none;border-radius:12px;padding:24px;font-size:18px;font-weight:500;line-height:1;text-align:left;word-wrap: break-word;}
.wztool-strength{display:flex;align-items:center;gap:24px;margin:24px 0 0;word-wrap: break-word;}
.wztool-strength[hidden]{display:none}
.wztool-strength__bars{display:flex;gap:4px}
.wztool-strength__bar{width:30px;height:6px;border-radius:120px;background:var(--wz-color-strength-muted)}
.wztool-strength__label{font-size:14px;font-weight:700;color:var(--wz-color-text-muted)}
.wztool-strength[data-tier="weak"]{--wz-tier-color:var(--wz-color-strength-weak)}
.wztool-strength[data-tier="fair"]{--wz-tier-color:var(--wz-color-strength-fair)}
.wztool-strength[data-tier="strong"]{--wz-tier-color:var(--wz-color-strength-strong)}
.wztool-strength[data-tier="very-strong"]{--wz-tier-color:var(--wz-color-strength-very-strong)}
.wztool-strength[data-tier] .wztool-strength__label{color:var(--wz-tier-color)}
.wztool-strength[data-tier="weak"] .wztool-strength__label{--wz-tier-color:var(--wz-color-strength-txt-weak)}
.wztool-strength[data-tier="fair"] .wztool-strength__label{--wz-tier-color:var(--wz-color-strength-txt-fair)}
.wztool-strength[data-tier="strong"] .wztool-strength__label{--wz-tier-color:var(--wz-color-strength-txt-strong)}
.wztool-strength[data-tier="very-strong"] .wztool-strength__label{--wz-tier-color:var(--wz-color-strength-txt-very-strong)}
.wztool-strength[data-tier="weak"] .wztool-strength__bar:nth-child(-n+1),.wztool-strength[data-tier="fair"] .wztool-strength__bar:nth-child(-n+2),.wztool-strength[data-tier="strong"] .wztool-strength__bar:nth-child(-n+3),.wztool-strength[data-tier="very-strong"] .wztool-strength__bar{background:var(--wz-tier-color)}
.action-section-inner{padding:40px;border-radius:20px;background:linear-gradient(92deg,#F4CC73 26.44%,#FBEECF 100%)}
.action-section-inner h2{margin-bottom:24px}
.action-section-inner p{margin:0;font-size:18px;line-height:26px}
.action-section .buttons{margin-top:32px}
.section-padding{padding:40px 0}
.section-intro{margin:0 0 40px}
.section-intro h2{font-weight:500}
.section-intro p { margin-bottom: 0;}
.wztool-presets{border:none;border-radius:12px;overflow:auto}
.wztool-presets table{width:100%;border-collapse:collapse}
.wztool-presets th{background:#D3E9FF;padding:12px 24px;border-bottom:1px solid #DEDEDE;font-size:18px;font-weight:700;line-height:26px;text-align:left}
.wztool-presets td{padding:12px 24px;border-bottom:1px solid #DEDEDE;border-right:1px solid #DEDEDE;font-size:16px;vertical-align:middle;width:25%}
.wztool-presets td:last-child{border-right:none}
.wztool-presets tr[data-active="true"] td{background:#F8F8F8}
.section-steps-list{margin-top:12px}
.steps-item{height:100%;padding:48px 24px 40px;background-color:#F8F8F8;border-radius:12px;position:relative}
.steps-item__icon{width:56px;height:56px;border-radius:50%;background-color:#BAEAFF;display:flex;align-items:center;justify-content:center;position:absolute;top:-23px;left:50%;transform:translateX(-50%)}
.steps-item__icon img{max-width:27px;max-height:24px;width:auto;height:auto}
.steps-item__title{margin:0 0 8px;font-size:20px;font-weight:700;line-height:28px}
.steps-item p{margin:0;color:#616161}
.steps-list-col{margin-bottom:50px}
.accordion-item{background-color:transparent;border-color:#CBCBCB}
.accordion-flush .accordion-item:first-child{border-top:1px solid #CBCBCB}
.accordion-flush .accordion-item:last-child{border-bottom:1px solid #CBCBCB}
.accordion-button{padding:20px 0 16px 0;font-size:inherit;font-weight:inherit;color:inherit;background-color:transparent;box-shadow:none !important}
.accordion-button:focus{border:0;box-shadow:none !important}
.accordion-button:not(.collapsed){color:inherit;background-color:transparent}
.accordion-button::after{width:28px;height:28px;background:no-repeat center / 18px;background-image:url(/static/wz/images/icons/chevron-down-blue.svg)}
.accordion-button:not(.collapsed)::after{background-image:url(/static/wz/images/icons/chevron-down-blue.svg)}
.accordion-body{padding:0 0 16px}
.accordion-body p:last-child{margin-bottom:0}
.accordion-header{font-weight:700;font-size:20px}
.accordion-button:hover{color:#0052a3;text-decoration:none}
.wztool-cta--inline a { margin-top: 24px; display: flex; align-items: center; justify-content: center; font-weight: 500;}
.wztool-cta--inline a img { width: 14px; margin-right: 4px;}

.wztool-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}

.wztool-checkbox input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.wztool-checkbox::before {
  content: "";
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  border: 2px solid #757575;
  border-radius: 4px;
  display: inline-block;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}

/* Checked */
.wztool-checkbox:has(input:checked)::before {
  background-color: #0067CB;
  border-color: #0067CB;
  background-image: url("/static/wz/images/product/winzip/web-tools/password-generator/icon-tick.svg");
  background-size: 16px 16px;
}

/* Hover */
.wztool-checkbox:hover::before {
  border-color: #0067CB;
}

/* Keyboard focus */
.wztool-checkbox input:focus-visible + * {
  outline: 2px solid #0067CB;
  outline-offset: 2px;
}

@media (min-width:992px){
.section-padding{padding:80px 0}
.hero { padding: 40px 0 80px;}
.hero-tabs-content{padding:40px}
.wztool-purpose__btn{padding:12px;min-width:188px}
.wztool-strength__bars{gap:8px}
.wztool-strength__bar{width:120px}
.wztool-control-row{gap:24px}
.wztool-result__value{font-size:24px}
.steps-list-col{margin-bottom:0}
}

@media (min-width:1200px) {
    .hero-title{font-size:48px;line-height:56px;}
}