@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial}}}svg.patternlock g.lock-lines line{stroke:#000;opacity:.5}svg.patternlock g.lock-dots circle{stroke:#0000;fill:#0000;cursor:pointer}svg.patternlock g.lock-dots circle:hover{fill:#000;opacity:.2}svg.patternlock g.lock-dots circle.active{fill:#fff;opacity:1}svg.patternlock g.lock-dots text{fill:var(--ui-primary);--tw-font-weight:var(--font-weight-bold,700);cursor:pointer;font-weight:var(--font-weight-bold,700);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}svg.patternlock g.lock-dots text:where(.dark,.dark *){fill:var(--color-gold,#fbbf24)}svg.patternlock g.lock-dots text{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}@media(min-width:48rem){svg.patternlock g.lock-dots text{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}}@media(min-width:64rem){svg.patternlock g.lock-dots text{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}}svg.patternlock g.lock-actives circle{fill:#fff;animation:lock-activate-dot .15s;transform-origin:50%}svg.patternlock g.lock-lines line{stroke-width:1.5px;stroke-linecap:round;stroke:#fff}svg.patternlock.success g.lock-actives circle{fill:green}svg.patternlock.error g.lock-actives circle{fill:red}@keyframes lock-activate-dot{0%{transform:scale(0)}75%{transform:scale(1.1)}to{transform:scale(1)}}@property --tw-font-weight{syntax:"*";inherits:false}