@property --dynamic-stroke-width{syntax: "<length>"; inherits: false; initial-value: 1px;}@property --dynamic-stroke-color{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --dynamic-stroke-fill-color{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --dynamic-stroke-style{syntax: "solid | dashed | dotted"; inherits: false; initial-value: solid;}@property --dynamic-stroke-dash-array{syntax: "*"; inherits: false; initial-value: "";}@property --dynamic-stroke-frequency{syntax: "<length>"; inherits: false; initial-value: 1px;}@property --dynamic-stroke-wiggle{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --dynamic-stroke-type{syntax: "smooth | sharp"; inherits: false; initial-value: smooth;}@property --dynamic-stroke-smoothen{syntax: "<number>"; inherits: false; initial-value: 0;}@property --dynamic-stroke-detail{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --dynamic-stroke-open-end{syntax: "true | false"; inherits: false; initial-value: false;}@property --dynamic-stroke-top-visible{syntax: "visible | hidden"; inherits: false; initial-value: visible;}@property --dynamic-stroke-right-visible{syntax: "visible | hidden"; inherits: false; initial-value: visible;}@property --dynamic-stroke-bottom-visible{syntax: "visible | hidden"; inherits: false; initial-value: visible;}@property --dynamic-stroke-left-visible{syntax: "visible | hidden"; inherits: false; initial-value: visible;}.method3-box{border:none;background:paint(dynamic-stroke);background-clip:border-box;background-repeat:no-repeat;background-size:cover;--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 15px;--dynamic-stroke-smoothen: 0;--dynamic-stroke-seed: 12345;--dynamic-stroke-color: #000;--dynamic-stroke-width: var(--box-border-width);--dynamic-stroke-detail: 8px;--dynamic-stroke-type: smooth}.method3-box>p{font-size:32px}.method3-box2{width:150px;height:150px;position:absolute;top:0;margin:0;border:none;background:paint(dynamic-stroke);background-clip:border-box;background-repeat:no-repeat;background-size:cover;--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 15px;--dynamic-stroke-smoothen: 60;--dynamic-stroke-seed: 1234;--dynamic-stroke-color: red;--dynamic-stroke-width: var(--box-border-width);--dynamic-stroke-detail: 8px}.method3-box2>p{font-size:32px}.base-input{font-size:24px;font-family:Shantell Sans,cursive;font-weight:725;font-variation-settings:"BNCE" 50,"INFM" 25;padding-inline-start:24px}.method3-base-input{--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 8px;--dynamic-stroke-smoothen: 8;--dynamic-stroke-seed: 1205;--dynamic-stroke-color: #000;--dynamic-stroke-width: 6px;--dynamic-stroke-detail: 8px;border-radius:.25rem}.method3-base-input:focus{outline:none;--dynamic-stroke-color: #2500f5}.base-button{padding:0;display:block;height:auto;color:#fff;font-family:Shantell Sans,cursive;font-weight:725;font-variation-settings:"BNCE" 50,"INFM" 25;background-color:transparent;filter:drop-shadow(3px 6px rgba(0,0,0,.75));-webkit-filter:drop-shadow(3px 6px rgba(0,0,0,.75));transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.method3-base-button:hover{will-change:--dynamic-stroke-wiggle;transform:translate(3px) translateY(6px);filter:drop-shadow(0px 0px rgba(0,0,0,.75));--dynamic-stroke-frequency: 40px}.method3-base-button{color:#fff;will-change:transform;--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 8px;--dynamic-stroke-smoothen: 8;--dynamic-stroke-seed: 12053;--dynamic-stroke-color: #000;--dynamic-stroke-fill-color: black;--dynamic-stroke-width: 6px;--dynamic-stroke-detail: 8px;border-radius:.25rem;transition:--dynamic-stroke-frequency .75s ease-out,filter .5s ease-in-out}.method3-base-outline-button{color:#000;--dynamic-stroke-seed: 15900;--dynamic-stroke-fill-color: white}.method3-framed-img img{display:block;position:relative;border-radius:var(--radius);border:calc(var(--stroke-w) * 1.5) solid transparent;z-index:-9999}.method3-framed-img{--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 15px;--dynamic-stroke-smoothen: 8;--dynamic-stroke-seed: 12345;--dynamic-stroke-color: #000;--dynamic-stroke-width: var(--stroke-w);--dynamic-stroke-detail: 8px;--dynamic-stroke-type: smooth;border-radius:var(--radius)}.method3-solid-line,.method3-dashed-line,.method3-dotted-line{height:calc(var(--dynamic-stroke-wiggle) * 2);--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 8px;--dynamic-stroke-smoothen: 8;--dynamic-stroke-color: #000;--dynamic-stroke-width: 4px;--dynamic-stroke-detail: 16px;--dynamic-stroke-left-visible: hidden;--dynamic-stroke-bottom-visible: hidden;--dynamic-stroke-right-visible: hidden}.method3-dashed-line{--dynamic-stroke-style: dashed}.method3-dotted-line{--dynamic-stroke-style: dotted}.ds-btn{width:fit-content;--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 4px;--dynamic-stroke-smoothen: 80;--dynamic-stroke-seed: 12345;--dynamic-stroke-color: #000;--dynamic-stroke-width: var(--box-border-width);--dynamic-stroke-detail: 8px}.method3-form-label{font-size:1.5rem;line-height:1.1;display:grid;grid-template-columns:1em auto;gap:.5em}.method3-form-label>input[type=radio]{-webkit-appearance:none;appearance:none;background-color:transparent;margin:0;font:inherit;color:currentColor;width:1.15em;height:1.15em;border-radius:5%;display:grid;place-content:center;--dynamic-stroke-wiggle: 4px;--dynamic-stroke-smoothen: 20;--dynamic-stroke-color: #000;--dynamic-stroke-width: 4px;--dynamic-stroke-detail: 4px}.method3-form-label>input[type=radio]:before{content:"";width:.65em;height:1.2em;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #ff4500;z-index:-9999}.method3-form-label>input[type=radio]:checked:before{transform:scale(1) rotate(45deg)}.method3-form-label+.method3-form-label{margin-inline-start:1em}.spike-handrawn-type{font-family:Shantell Sans,cursive;font-variation-settings:"BNCE" 50,"INFM" 25}.spike-handdrawn-box{width:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 12px;--dynamic-stroke-smoothen: 0;--dynamic-stroke-color: #000;--dynamic-stroke-width: 6px;--dynamic-stroke-detail: 20px;border-radius:10%}.hd{border:none;background:none;background:paint(dynamic-stroke);background-clip:border-box;background-repeat:no-repeat;background-size:cover}.hd__line,.hd__line--solid{height:calc(var(--dynamic-stroke-wiggle) * 2);--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 8px;--dynamic-stroke-smoothen: 8;--dynamic-stroke-color: #000;--dynamic-stroke-width: 4px;--dynamic-stroke-detail: 16px;--dynamic-stroke-left-visible: hidden;--dynamic-stroke-bottom-visible: hidden;--dynamic-stroke-right-visible: hidden}.hd__line--dashed{--dynamic-stroke-style: dashed}.hd__line--dotted{--dynamic-stroke-style: dotted}.hd__frame{--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 8px;--dynamic-stroke-smoothen: 8;--dynamic-stroke-color: #000;--dynamic-stroke-width: var(--border-normal);--dynamic-stroke-detail: 16px}.hd__frame--spiky{--dynamic-stroke-wiggle: 14px;--dynamic-stroke-smoothen: 5;--dynamic-stroke-seed: 12346;--dynamic-stroke-detail: 6px}.hd__frame--bottom{--dynamic-stroke-left-visible: hidden;--dynamic-stroke-top-visible: hidden;--dynamic-stroke-right-visible: hidden}.hd__frame--top{--dynamic-stroke-left-visible: hidden;--dynamic-stroke-bottom-visible: hidden;--dynamic-stroke-right-visible: hidden}.hd__frame-button--round{--dynamic-stroke-detail: 2px;--dynamic-stroke-wiggle: 4px}.hd__frame-field{--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 6px;--dynamic-stroke-smoothen: 8;--dynamic-stroke-color: #000;--dynamic-stroke-width: var(--border-normal);--dynamic-stroke-detail: 12px;padding:calc(2 * var(--dynamic-stroke-wiggle) + var(--space-3xs))}.hd__frame-field:focus-visible{outline:none;--dynamic-stroke-color: orangered}.hd__frame-button{--dynamic-stroke-frequency: 35px;--dynamic-stroke-wiggle: 8px;--dynamic-stroke-smoothen: 8;--dynamic-stroke-color: #000;--dynamic-stroke-fill-color: var(--white);--dynamic-stroke-width: var(--border-normal);--dynamic-stroke-detail: 8px;padding:calc(2 * var(--dynamic-stroke-wiggle)) calc(2 * var(--dynamic-stroke-wiggle) + var(--space-2xs));filter:drop-shadow(2px 4px rgba(0,0,0,.75))}.hd__frame-button--filled:disabled{color:var(--white);--dynamic-stroke-fill-color: red}.hd__frame-button--flat{filter:none}.hd__frame-button--filled{--dynamic-stroke-color: rgba(0, 0, 0, .75);--dynamic-stroke-fill-color: var(--black);color:var(--white)}.hd__frame-button:has(:active),.hd__frame-button:active{translate:4px 6px;filter:none}.hd__frame-button--filled:not(:disabled):hover{color:var(--black);--dynamic-stroke-fill-color: rgb(0, 255, 0)}.hd--frozen{--dynamic-stroke-seed: 12410}.hd--detail-high{--dynamic-stroke-detail: 12px}.hd--stroke-light{--dynamic-stroke-color: rgba(0, 0, 0, .25)}.hd--stroke-extra-thin{--dynamic-stroke-width: var(--border-extra-thin)}.hd--stroke-thin{--dynamic-stroke-width: var(--border-thin)}.hd--stroke-thick{--dynamic-stroke-width: var(--border-thick)}.hd--smooth-0{--dynamic-stroke-smoothen: 0}.hd--wiggle-low{--dynamic-stroke-wiggle: 4px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dynamic-stroke-worklet.css.map */